/* Minification failed. Returning unminified contents.
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-light'
(53,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-regular'
(57,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-medium'
(61,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-bold'
(65,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-light'
(69,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bottom-blue-background'
(73,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bottom-green-background'
(77,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bottom-orange-background'
(81,26): run-time error CSS1039: Token not allowed after unary operator: '-login-screen-border-radius'
(90,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(108,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(112,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(118,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-regular'
(121,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(145,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(153,24): run-time error CSS1039: Token not allowed after unary operator: '-global-login-drawer-border'
(163,28): run-time error CSS1039: Token not allowed after unary operator: '-global-checked-login'
(164,24): run-time error CSS1039: Token not allowed after unary operator: '-global-checked-login'
(175,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(176,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(183,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(187,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(199,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(208,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(213,21): run-time error CSS1039: Token not allowed after unary operator: '-global-login-drawer'
(245,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(249,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(252,34): run-time error CSS1039: Token not allowed after unary operator: '-login-box-shadow'
(256,22): run-time error CSS1039: Token not allowed after unary operator: '-login-form-sign-in'
(269,26): run-time error CSS1039: Token not allowed after unary operator: '-login-sign-in-after'
(316,34): run-time error CSS1039: Token not allowed after unary operator: '-login-box-shadow'
(322,34): run-time error CSS1039: Token not allowed after unary operator: '-login-box-shadow'
(417,32): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(458,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(550,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(554,32): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(638,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(662,25): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(781,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(785,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxs'
(789,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(793,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(797,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(801,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(805,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(809,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(813,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(817,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(821,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxl'
(825,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxll'
(829,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxl'
(833,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(837,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple'
(842,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(846,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(850,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(855,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(859,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(864,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-italic'
(875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1046,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1047,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1052,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1053,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1056,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1057,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1067,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1068,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1069,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1072,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1073,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1083,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1084,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1085,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1086,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1087,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1098,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1099,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1305,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(1306,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(1309,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(1348,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1352,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(1363,26): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1366,26): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(1369,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1373,19): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(1381,25): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1385,25): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(1393,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1397,24): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(1401,24): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(1405,24): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(1409,25): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(1421,23): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(1424,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(1427,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1430,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(1433,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1439,26): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1443,23): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1447,23): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(1450,23): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(1453,23): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(1456,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1460,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1464,19): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1472,26): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(1476,26): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1480,26): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1484,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1488,23): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1492,26): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1496,26): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1500,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1504,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1507,24): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(1511,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1515,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1519,24): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1522,24): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(1526,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(1530,25): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1534,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1538,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1546,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1550,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1554,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1570,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1591,24): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(1599,22): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(1603,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1607,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1610,24): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(1613,24): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1616,24): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(1619,24): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(1625,22): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1629,22): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1635,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1639,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1646,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(1650,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1654,22): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1658,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(1662,25): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1666,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1702,23): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(1706,23): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(1710,23): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(1714,23): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(1722,23): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(1734,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1738,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1742,18): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1746,18): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1753,22): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1757,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1761,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1762,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1766,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1767,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1779,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1783,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1787,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1791,25): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1794,25): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(1798,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(1802,23): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(1806,23): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(1810,23): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(1818,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1822,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(1826,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(1928,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(1932,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(1936,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(1940,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(1944,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(2054,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2058,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(2062,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2066,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2070,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2081,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2095,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(2102,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2103,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2104,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2105,17): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(2106,18): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(2107,16): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(2115,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(2126,28): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2129,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2146,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2151,18): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(2152,22): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(2157,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(2158,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2159,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2160,17): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(2163,17): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(2166,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(2169,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(2172,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(2181,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2182,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2184,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2185,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2192,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(2199,41): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(2199,62): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(2201,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(2202,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(2210,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2211,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2215,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2216,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2217,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(2221,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(2226,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2230,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2232,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2233,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2239,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(2242,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2250,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2250,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2251,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2253,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2255,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2256,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2263,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(2263,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(2264,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2277,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(2281,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-toggle-background-color'
(2283,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2287,21): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(2288,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border-color'
(2289,29): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2290,34): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2291,43): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2292,48): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2296,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2297,29): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(2298,34): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(2300,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2306,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2307,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(2311,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2312,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(2317,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2318,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2323,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2324,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(2329,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2330,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2347,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2352,29): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(2353,34): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(2372,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2374,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2384,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2387,23): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(2389,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2390,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2393,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2395,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2400,15): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(2403,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2404,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2408,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2409,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2411,16): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(2412,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2422,27): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(2422,45): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(2424,33): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2425,38): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(2427,25): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(2428,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2429,27): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(2433,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2434,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2438,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2443,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2445,31): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(2449,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2451,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(2461,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2470,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(2471,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2472,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2473,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(2479,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(2480,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2481,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2482,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2483,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2488,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-green'
(2489,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2490,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2491,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2492,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2493,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2498,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-success-green'
(2503,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grey-shade-bg'
(2504,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-tertiary'
(2505,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2506,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2507,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2511,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2512,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2513,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2516,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-green'
(2517,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2518,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2519,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2520,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2525,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-color'
(2526,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2527,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2530,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2531,17): run-time error CSS1039: Token not allowed after unary operator: '-global-send-template-text-color'
(2532,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2533,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2534,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2538,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2539,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2545,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2546,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2547,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2548,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2549,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2554,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-side-menubar-background'
(2555,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2556,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2560,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(2561,20): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(2566,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2574,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2575,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2576,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2577,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2578,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2579,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2580,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2584,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2585,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2586,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2591,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(2610,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(2615,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2616,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2617,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2618,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2619,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2622,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(2626,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(2631,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(2635,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-color'
(2636,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2637,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2638,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2639,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2643,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(2646,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(2649,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-color'
(2653,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-solid-color'
(2657,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2658,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2659,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2660,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2661,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2662,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2663,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2779,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(2784,41): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2786,41): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(2790,41): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(2791,41): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(2795,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2796,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2797,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(2802,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(2806,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(2812,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2813,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2814,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2815,21): run-time error CSS1039: Token not allowed after unary operator: '-font-16px'
(2816,23): run-time error CSS1039: Token not allowed after unary operator: '-source-sans-pro-regular'
(2817,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2818,22): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(2848,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(2887,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2888,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(2903,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(2913,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightblue-bg-color'
(2916,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-infobox-bg'
(2920,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-lightblue-background'
(2924,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(2927,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-td-field-bg'
(2930,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(2936,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(2940,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(2943,28): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(2947,28): run-time error CSS1039: Token not allowed after unary operator: '-global-greyish-border-light'
(2950,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(2953,28): run-time error CSS1039: Token not allowed after unary operator: '-global-greylight-border'
(2963,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(2964,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2965,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2968,28): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2972,35): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2976,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2979,29): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2983,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(2986,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2989,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2992,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tinblue-bg-color'
(2995,32): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2998,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3001,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3004,33): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(3007,34): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(3010,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3013,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3018,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-orange'
(3021,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(3029,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(3029,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(3032,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(3032,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(3036,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-black-border'
(3040,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(3044,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(3048,32): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3049,37): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3053,22): run-time error CSS1039: Token not allowed after unary operator: '-global-elevation-shadow'
(3054,27): run-time error CSS1039: Token not allowed after unary operator: '-global-elevation-shadow'
(3058,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(3059,37): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(3063,28): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(3063,45): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3064,33): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(3064,50): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3068,32): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3069,37): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3073,28): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(3073,45): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3074,33): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(3074,50): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3078,28): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(3078,45): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(3079,33): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(3079,50): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(3083,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3084,37): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3088,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3089,37): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3093,37): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-rgb-box-shadow'
(3093,71): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(3094,42): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-rgb-box-shadow'
(3094,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(3108,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(3111,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(3117,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(3123,18): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(3129,17): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(3132,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(3165,21): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(3238,17): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(3239,21): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(3245,17): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(3275,21): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(3296,27): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(3297,27): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3298,35): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3299,35): run-time error CSS1039: Token not allowed after unary operator: '-space-55px'
(3301,27): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(3302,27): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(3303,27): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(3316,17): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(3337,17): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(3366,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(3369,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(3372,17): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(3421,17): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(3440,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(3485,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(3496,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(3507,17): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(3508,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(3520,21): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(3524,21): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(3527,21): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(3531,17): run-time error CSS1039: Token not allowed after unary operator: '-space-350px'
(3552,21): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(3555,21): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(3558,21): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3561,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3562,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3566,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(3567,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(3570,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(3571,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(3574,25): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(3575,30): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(3578,25): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3579,30): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3601,36): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(3605,35): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(3606,39): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(3609,28): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3610,28): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(3611,28): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(3612,28): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(3613,28): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(3614,28): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(3615,27): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(3616,27): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(3619,29): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(3620,31): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(3622,31): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(3623,31): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(3624,31): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(3625,31): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(3626,31): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(3627,31): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(3628,31): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(3629,31): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3630,31): run-time error CSS1039: Token not allowed after unary operator: '-space-55px'
(3631,31): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(3632,31): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(3633,31): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(3635,32): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(3636,32): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(3698,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(3698,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(3701,34): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(3705,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(3708,28): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(3712,34): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(3716,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3720,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3724,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3728,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3732,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3736,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(3739,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(3743,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(3747,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(3750,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(3753,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(3756,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-blue'
(3759,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-red-bg'
(3762,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(3765,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-color-blue-bg'
(3768,22): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(3771,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-light-gray'
(3775,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-grey-bg'
(3779,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-orange-bg'
(3783,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-green-bg'
(3787,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(3792,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(3796,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-light-blue'
(3799,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(3802,17): run-time error CSS1039: Token not allowed after unary operator: '-global-green-color'
(3805,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(3808,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(3811,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-dark-color'
(3814,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-green-color'
(3817,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(3820,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(3823,17): run-time error CSS1039: Token not allowed after unary operator: '-global-rust-orange-color'
(3826,17): run-time error CSS1039: Token not allowed after unary operator: '-global-deep-green-color'
(3830,17): run-time error CSS1039: Token not allowed after unary operator: '-global-error-red-color'
(3856,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(3857,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(3859,18): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(3860,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(3864,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(3867,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-lighter-background'
(3871,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3872,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3873,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3876,33): run-time error CSS1030: Expected identifier, found '.'
(3876,60): run-time error CSS1031: Expected selector, found ')'
(3876,60): run-time error CSS1025: Expected comma or open brace, found ')'
(3902,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3906,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3909,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3912,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3970,17): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-color'
(3977,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(3983,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(3989,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(3995,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(3996,32): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(4000,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4003,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4007,15): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(4011,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4014,15): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(4018,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4024,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4027,22): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4030,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4033,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4036,22): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(4040,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(4048,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4049,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4056,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(4062,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4065,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(4068,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(4071,35): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(4075,28): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(4078,17): run-time error CSS1039: Token not allowed after unary operator: '-global-red-color'
(4085,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4086,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4091,18): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(4093,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4099,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4100,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(4108,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(4114,40): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4115,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4120,28): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(4127,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(4139,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(4140,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(4147,20): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4148,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(4150,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(4150,58): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(4155,20): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4157,22): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4161,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(4163,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(4163,58): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(4167,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4179,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(4180,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(4181,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(4182,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4183,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4184,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4185,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4186,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(4190,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4194,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-readonly'
(4195,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(4200,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4204,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4211,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4212,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4216,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4221,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4236,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(4242,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(4243,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(4250,27): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(4251,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(4252,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(4254,37): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(4254,58): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(4257,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(4258,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4259,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4260,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4263,27): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(4276,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4280,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4284,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4307,25): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(4308,26): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(4310,35): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(4321,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(4321,40): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4321,58): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4322,29): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4329,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(4330,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4331,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4332,36): run-time error CSS1039: Token not allowed after unary operator: '-global-ap-active-border'
(4333,41): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(4333,59): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4333,83): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(4334,46): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(4334,64): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4334,88): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(4341,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4341,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(4346,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(4346,40): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4347,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4347,79): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(4359,38): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4360,39): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4364,41): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4365,42): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4369,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(4373,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(4378,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4413,33): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(4415,20): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4419,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-lighter-background'
(4420,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(4431,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4437,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4439,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(4448,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4448,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(4449,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4454,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4467,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4467,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(4481,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-required'
(4491,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-color'
(4495,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4501,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(4502,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(4503,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(4504,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4505,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(4506,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4507,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4511,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4529,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(4536,37): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4536,58): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(4538,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(4539,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(4543,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-readonly'
(4544,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(4549,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4550,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4551,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4575,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-pastel-green-bg'
(4576,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-border'
(4579,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4581,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4589,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-red-bg'
(4590,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-border'
(4593,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4595,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4604,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-pastel-green-bg'
(4623,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(4624,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(4625,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(4626,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(4626,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4627,35): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4628,34): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4635,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4642,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4647,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(4651,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4652,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(4656,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4662,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background-alpha'
(4664,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(4666,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(4672,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4672,74): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(4678,51): run-time error CSS1039: Token not allowed after unary operator: '-global-translucent-black'
(4679,41): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(4679,58): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(4679,95): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(4679,140): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4679,205): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(4680,76): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4680,145): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4680,189): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4681,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-orange'
(4682,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-green'
(4683,75): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-navy-blue'
(4684,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-brown'
(4685,74): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-sky-blue'
(4686,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-yellow'
(4687,75): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-malachite'
(4698,28): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4702,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4706,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4709,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4712,34): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4715,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(4718,33): run-time error CSS1039: Token not allowed after unary operator: '-global-rust-orange-color'
(4722,33): run-time error CSS1039: Token not allowed after unary operator: '-global-deep-green-color'
(4725,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4729,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(4733,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(4737,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-purple-color'
(4741,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-color'
(4745,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-orange-border'
(4749,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border'
(4753,33): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-border'
(4757,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4761,33): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4765,33): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-color'
(4771,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4774,28): run-time error CSS1039: Token not allowed after unary operator: '-global-red-color'
(4777,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4778,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4782,18): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(4783,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4784,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4788,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4790,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4796,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4796,46): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4799,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4803,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-blue-bg'
(4804,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4808,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(4810,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4810,46): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4811,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4812,33): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(4816,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-recipients-grid-row'
(4820,58): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4820,86): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4820,117): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4820,134): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(4820,191): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4820,219): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4820,296): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4820,324): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4820,355): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4820,413): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4820,441): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4828,58): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4828,95): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4828,127): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4828,184): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4828,221): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4828,253): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4828,308): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4828,345): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4828,377): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4828,431): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4828,468): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4828,500): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4836,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4836,64): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(4842,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(4846,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-red-bg'
(4847,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-border'
(4850,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-red-color'
(4854,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-orange-bg'
(4858,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-orange'
(4863,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4867,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-color-blue-bg'
(4868,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4896,22): run-time error CSS1039: Token not allowed after unary operator: '-global-disable-grey'
(4897,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4899,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4903,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-grey-bg'
(4904,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4906,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4910,22): run-time error CSS1039: Token not allowed after unary operator: '-global-disable-grey'
(4911,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(4913,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4915,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(4919,22): run-time error CSS1039: Token not allowed after unary operator: '-global-disable-grey'
(4920,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(4922,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4933,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4937,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4940,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(4944,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(4952,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(4953,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(4962,18): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(4963,17): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(4990,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(5009,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5013,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(5014,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(5015,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5019,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5020,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5026,37): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5026,59): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5028,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5029,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5030,27): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(5033,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(5034,17): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(5038,28): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(5038,46): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(5039,33): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(5039,51): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(5056,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5060,15): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(5061,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5065,25): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5071,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5072,24): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5073,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(5074,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(5075,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5082,25): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(5099,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(5103,33): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(5103,67): run-time error CSS1039: Token not allowed after unary operator: '-opacity-five'
(5114,28): run-time error CSS1039: Token not allowed after unary operator: '-brand--yellow-fill-bg'
(5117,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(5121,28): run-time error CSS1039: Token not allowed after unary operator: '-brand--yellow-fill-bg'
(5125,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-light-blue-border'
(5129,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-light-blue-border'
(5139,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5140,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(5156,21): run-time error CSS1039: Token not allowed after unary operator: '-transform-gpu'
(5170,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-green-bg'
(5171,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-border'
(5175,28): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(5176,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-infobox-bg'
(5187,27): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(5190,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(5193,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5194,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5195,35): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(5198,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5199,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5200,35): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(5207,45): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-rgb-box-shadow'
(5211,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-border'
(5215,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-blue-soft'
(5219,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5220,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5228,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5229,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5233,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(5234,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-navbar-background'
(5237,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5238,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5242,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(5248,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5249,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(5250,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5250,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5265,21): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(5267,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(5269,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5270,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5276,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-side-menubar-background'
(5280,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(5281,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5282,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(5287,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(5288,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(5289,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5290,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5291,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(5302,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5307,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(5308,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5309,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5310,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5312,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5316,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxs'
(5317,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-appmenubar-background'
(5321,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5324,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5325,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5331,17): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(5332,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-appmenu-background'
(5334,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5335,16): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(5348,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5360,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5364,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5370,18): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5376,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(5392,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5401,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5405,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5406,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5410,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(5418,16): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(5419,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5423,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-header-bg'
(5425,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5426,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5427,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5429,22): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5436,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5437,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5445,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5446,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5447,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5448,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5449,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5450,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5455,26): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5462,49): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(5462,70): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(5464,30): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5465,29): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5473,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5484,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5486,32): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5487,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(5488,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5497,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5498,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5499,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5500,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5506,28): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5511,33): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(5518,31): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5519,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5530,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(5532,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(5542,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(5543,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5546,35): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(5548,37): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(5551,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5553,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5558,27): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(5561,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5562,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5566,37): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(5568,28): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(5569,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5574,29): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5575,35): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5576,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5581,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5584,31): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5584,49): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(5586,37): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(5590,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5591,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5595,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5600,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5605,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5607,39): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5619,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5620,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5626,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5627,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5628,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5629,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5630,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5631,31): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5635,25): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(5639,29): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(5654,41): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(5654,62): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(5656,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5657,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5661,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(5670,21): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(5676,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5677,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(5677,40): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5677,58): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(5677,75): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5680,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5681,21): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(5682,38): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(5683,43): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(5684,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(5688,27): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5689,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5691,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5692,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5693,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5703,29): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5711,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(5716,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5717,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5722,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5733,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(5734,18): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(5735,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(5736,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(5749,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(5750,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5751,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5752,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5761,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5763,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5764,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5768,26): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5769,29): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5773,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5774,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5776,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5777,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5779,27): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(5785,28): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(5785,49): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5785,72): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(5791,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5796,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5797,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5799,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5800,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5801,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5805,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-background'
(5810,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(5810,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(5811,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5820,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5821,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(5821,47): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5822,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5823,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5827,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(5832,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(5833,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5834,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5838,21): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(5844,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(5848,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(5853,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(5853,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5862,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5863,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5869,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5870,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5870,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5870,58): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5871,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5871,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5871,57): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5872,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5873,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5874,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5876,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5878,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5886,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5887,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5888,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(5892,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5893,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5894,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5895,22): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(5901,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5905,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5907,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5909,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5910,35): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(5915,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5916,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5921,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5927,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5927,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5927,81): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5927,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(5928,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5928,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5936,18): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5937,16): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(5942,18): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(5976,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(5990,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(5995,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(5996,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6013,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6014,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6018,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(6023,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(6033,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6034,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6039,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6040,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6050,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6051,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6069,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6074,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6075,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6076,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6080,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(6098,21): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(6103,17): run-time error CSS1039: Token not allowed after unary operator: '-global-attendance-status-color'
(6104,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(6106,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxxl'
(6115,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-italic'
(6120,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(6137,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6137,40): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6138,22): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6139,29): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(6140,34): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(6144,25): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(6145,27): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6153,23): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(6161,21): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6162,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6171,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(6179,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(6187,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-second-color'
(6191,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6195,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-last-color'
(6200,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6201,32): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(6205,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(6209,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6210,38): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6214,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6215,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6219,21): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(6223,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6227,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6228,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(6229,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(6233,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6233,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6241,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6250,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(6252,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6253,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6257,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color-one'
(6267,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6267,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6281,35): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(6301,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(6313,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(6318,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(6319,22): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(6363,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6368,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6369,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6375,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(6376,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6381,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6382,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6383,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(6384,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6385,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6389,26): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(6390,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6394,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(6398,24): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(6409,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6419,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6427,22): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(6428,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6431,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6443,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6453,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6471,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(6472,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(6473,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6474,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6475,18): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(6479,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6479,36): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(6480,18): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(6490,21): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(6499,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6500,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6501,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6502,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6503,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6503,46): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(6515,20): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(6526,19): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(6527,20): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(6541,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6542,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6546,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6548,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(6550,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6555,32): run-time error CSS1039: Token not allowed after unary operator: '-global-checked-login'
(6559,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(6570,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6571,20): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(6572,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6578,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6597,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6601,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6605,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6605,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(6615,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(6616,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6617,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6617,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6617,81): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6617,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6618,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6618,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6622,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6623,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6627,27): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6631,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6631,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6635,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6639,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6643,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6647,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6647,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(6648,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6653,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6653,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(6658,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6659,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6660,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6662,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6662,65): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(6663,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6664,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6667,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6671,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6681,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6682,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6686,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(6696,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(6697,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6698,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6699,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(6700,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(6702,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6703,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6703,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6703,52): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(6715,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6726,18): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(6730,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6731,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(6732,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(6733,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(6736,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(6737,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(6740,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6741,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(6746,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6747,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6760,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6767,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6767,51): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(6768,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6781,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6781,51): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(6792,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6798,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6798,51): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(6799,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6810,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6810,51): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(6815,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(6815,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(6822,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(6828,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(6848,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6849,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6850,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(6851,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(6859,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(6860,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6860,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6861,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(6861,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(6862,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6862,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6862,81): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6862,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6867,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(6868,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6868,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6869,18): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(6876,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6881,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(6886,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6887,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6888,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6891,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6896,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(6898,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6899,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6901,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(6901,40): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(6901,57): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6905,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(6906,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6916,22): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(6917,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6918,26): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(6922,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(6923,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6923,44): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6927,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(6928,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6929,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(6940,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6940,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(6941,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6950,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6951,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6952,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6953,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6953,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6953,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6953,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6954,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6954,62): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6955,19): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(6955,36): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(6955,57): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(6959,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(6960,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6961,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6962,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6962,42): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6962,70): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6962,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6963,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6963,47): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6963,75): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6963,103): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(6964,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6965,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(6966,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6968,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6987,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(6995,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(6996,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6997,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7002,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7004,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7005,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7008,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7009,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7013,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(7014,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7018,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7019,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7021,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7026,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(7027,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7030,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7031,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7032,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7044,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7048,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7048,44): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7048,61): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7049,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7056,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7060,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7064,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7064,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(7065,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7071,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7075,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7079,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7079,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(7092,28): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7093,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7094,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7099,32): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7103,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7104,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7108,28): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7110,29): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7117,22): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(7119,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(7120,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7121,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7127,21): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(7130,20): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(7134,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7138,22): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7139,21): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7147,53): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(7149,26): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7150,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7157,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7158,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7167,26): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7168,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7169,35): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7178,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7179,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7180,31): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7189,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7190,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7191,31): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7200,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7206,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7207,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7216,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7217,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7218,31): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7227,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7228,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7234,38): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(7242,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7246,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7246,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(7247,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7253,49): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(7255,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7256,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7308,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7309,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7319,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7324,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7328,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7332,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7340,29): run-time error CSS1046: Expect comma, found '83'
(7340,36): run-time error CSS1046: Expect comma, found '/'
(7345,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7366,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7368,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7377,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7377,65): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(7382,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(7386,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(7390,17): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(7394,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7394,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7394,54): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7394,72): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7399,33): run-time error CSS1046: Expect comma, found '83'
(7399,40): run-time error CSS1046: Expect comma, found '/'
(7404,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7420,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7421,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7422,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7438,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7439,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(7439,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7440,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(7444,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(7446,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7458,16): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(7459,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7464,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(7465,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(7466,22): run-time error CSS1039: Token not allowed after unary operator: '-space-55px'
(7480,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7481,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7486,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(7487,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(7491,21): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(7492,22): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(7493,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7505,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(7509,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7509,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(7514,24): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(7526,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7527,19): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(7540,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(7541,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7542,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(7543,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(7557,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7557,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7558,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7558,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7562,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7562,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7563,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7563,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7572,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7595,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7607,22): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(7621,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7625,16): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(7629,17): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(7630,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7644,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7649,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7653,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(7665,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(7669,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7670,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7671,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7672,35): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7673,34): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7675,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7676,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(7681,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7681,41): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7681,59): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(7686,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7688,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7689,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7693,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7694,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7702,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7706,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7707,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7708,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7709,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7709,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7709,54): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7709,72): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(7715,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7721,15): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(7725,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7729,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7734,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(7735,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7735,42): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7735,59): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7735,76): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7736,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7736,44): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7745,23): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(7745,41): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7745,59): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(7749,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7750,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7755,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7756,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7758,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7759,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7760,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7761,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7765,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7765,36): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(7770,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7770,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-eight'
(7775,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7775,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(7780,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7780,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-eight'
(7785,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7785,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(7790,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7790,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(7795,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7795,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-five'
(7799,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7799,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(7800,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7808,37): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7810,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7811,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7813,27): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(7819,37): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7821,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7822,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(7824,27): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(7828,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7828,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(7829,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7835,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7835,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(7836,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(7846,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(7846,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(7850,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7851,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7852,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7854,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7858,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7859,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7860,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7861,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7866,23): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(7866,41): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7866,59): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(7878,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7880,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7880,46): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7880,63): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7880,91): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7886,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7890,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7891,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7892,39): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7893,38): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(7895,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7903,17): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(7907,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(7911,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7929,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(7941,29): run-time error CSS1046: Expect comma, found '83'
(7941,36): run-time error CSS1046: Expect comma, found '/'
(7943,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7944,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7945,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7957,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7963,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(7965,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(7986,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7990,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8003,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8004,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(8005,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8005,42): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8005,70): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8005,98): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8006,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8006,47): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8006,75): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8006,103): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8010,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8014,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8015,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8016,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(8017,35): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(8018,34): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(8020,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8021,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(8026,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8026,41): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8026,59): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(8039,34): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(8053,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8054,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8059,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(8059,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8059,54): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8059,72): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8065,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(8071,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8072,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8072,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8072,81): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8072,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8076,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8077,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8078,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8083,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8083,45): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(8084,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8085,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8085,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8085,85): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8085,102): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8086,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8086,51): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8087,31): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8087,56): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8094,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8095,22): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8095,39): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8095,56): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8095,73): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8096,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8096,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8096,58): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8096,76): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8100,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8100,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8100,53): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8100,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8104,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(8105,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8105,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8105,53): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8105,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8151,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(8157,24): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(8174,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8175,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8179,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8179,37): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(8183,35): run-time error CSS1039: Token not allowed after unary operator: '-global-lists-box-border'
(8186,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8187,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8203,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8218,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(8219,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8229,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(8230,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(8237,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(8240,49): run-time error CSS1030: Expected identifier, found ','
(8240,63): run-time error CSS1031: Expected selector, found ')'
(8240,63): run-time error CSS1025: Expected comma or open brace, found ')'
(8245,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8246,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8247,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8248,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8249,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8249,44): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(8253,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8257,25): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(8317,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8318,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8318,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8318,55): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8318,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8319,34): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(8320,35): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(8324,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8325,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(8326,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(8331,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8352,29): run-time error CSS1046: Expect comma, found '83'
(8352,36): run-time error CSS1046: Expect comma, found '/'
(8354,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8355,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8359,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8360,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8364,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8388,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8388,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8392,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8398,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8399,45): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8399,80): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8410,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8428,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(8429,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(8430,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8431,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8435,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8436,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8445,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8446,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8447,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8456,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8456,39): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8462,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8463,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(8471,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8486,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(8487,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8488,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8489,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(8490,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8491,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8492,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8493,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8499,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8505,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8506,26): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8514,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(8515,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(8516,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8520,16): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(8525,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(8529,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8539,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(8547,22): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(8558,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8559,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8560,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8564,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8565,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8569,21): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(8573,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(8574,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8575,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8576,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8577,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8582,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8595,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8596,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8596,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8596,55): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8596,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8597,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8598,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8601,61): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8602,41): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8611,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8611,36): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(8614,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8615,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8616,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8617,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8618,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(8622,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(8623,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8627,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8628,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8629,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8630,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8632,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(8635,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8638,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8639,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8644,17): run-time error CSS1039: Token not allowed after unary operator: '-quick-mail-right-container'
(8652,19): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(8652,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8653,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8653,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8654,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8655,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8665,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(8666,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8666,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8670,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8671,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8679,29): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8683,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8684,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8684,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8685,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8685,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8689,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8690,28): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-border'
(8694,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8694,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8698,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8714,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8718,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8723,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8742,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8742,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8743,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8755,20): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8771,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8777,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(8778,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8779,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8780,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8781,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8782,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8783,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8784,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(8788,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(8800,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8804,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(8805,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8805,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8806,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8807,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8808,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8809,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8813,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8813,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8817,26): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8817,43): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8817,61): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(8818,31): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(8818,48): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8818,66): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(8819,28): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(8820,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8825,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8825,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8830,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8831,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8833,24): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(8847,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(8851,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8852,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8853,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8854,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8870,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8887,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8887,43): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8887,60): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8895,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8904,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8921,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(8924,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8925,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8926,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8930,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(8930,41): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(8931,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8933,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8934,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8935,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8936,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8941,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8941,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(8945,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8945,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(8950,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(8951,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8956,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8957,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8958,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8959,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8960,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8961,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8969,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8969,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8969,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8969,70): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(8975,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8977,23): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(8977,40): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8979,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8980,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8983,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8989,25): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(8990,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(8998,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9001,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxs'
(9002,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9003,24): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9007,52): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9007,78): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9008,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9009,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9015,25): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(9019,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9020,22): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(9025,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9030,21): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(9031,27): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9032,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(9034,23): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(9039,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(9041,16): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9042,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9047,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9054,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9064,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9066,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9066,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9066,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9070,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9073,16): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(9076,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(9087,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9091,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(9096,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9097,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9098,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(9099,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(9103,21): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(9104,22): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(9105,44): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(9106,49): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(9107,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(9108,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(9114,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(9119,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(9136,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9149,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9157,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9159,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(9161,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(9162,29): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9162,46): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9162,63): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9162,80): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9163,34): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9163,55): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9171,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(9179,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9180,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9181,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9182,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9200,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(9201,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9202,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9202,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9202,59): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9202,76): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9203,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9203,47): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9203,64): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9203,81): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9206,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-green'
(9207,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9208,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9208,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9208,59): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9208,76): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9209,30): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9209,47): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9209,64): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9209,81): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9213,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(9213,58): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(9219,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9220,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9224,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9225,25): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(9226,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(9230,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(9230,58): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(9237,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9238,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9243,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9245,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9246,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9252,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9253,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9254,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9255,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9264,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9269,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9276,17): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9277,18): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9278,16): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(9294,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9295,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9299,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9303,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9307,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(9312,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(9313,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9316,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9317,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9319,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(9320,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(9324,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(9325,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9326,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9328,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(9329,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9332,30): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(9336,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(9345,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(9349,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9350,23): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(9359,27): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(9360,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9361,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9362,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9362,40): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9374,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(9382,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(9390,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9391,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(9392,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9393,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9395,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9409,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9427,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9437,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9454,22): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(9500,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9528,21): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(9532,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9541,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(9542,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(9552,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9553,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9558,32): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9567,18): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(9571,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9572,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9573,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9577,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9582,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9586,27): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(9590,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9594,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(9595,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9596,24): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9599,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9611,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9611,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9611,55): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9611,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9612,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9613,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9613,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9613,59): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9613,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9614,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9614,47): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9614,64): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9614,92): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9618,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9619,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(9620,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9621,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9625,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9640,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(9641,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9641,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9645,22): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9646,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9648,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(9648,61): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(9653,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(9654,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(9658,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9658,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9666,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9670,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9671,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9675,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(9683,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9685,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9687,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9697,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9698,17): run-time error CSS1039: Token not allowed after unary operator: '-global-local-field-input-color'
(9699,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9704,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9708,17): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(9709,18): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9714,17): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(9715,18): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(9720,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9721,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9726,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9743,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9744,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9752,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9759,37): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(9759,58): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(9761,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(9762,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9770,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(9793,22): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(9813,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-seperator'
(9816,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(9823,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9823,49): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(9834,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9838,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(9838,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9838,54): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9838,72): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9849,22): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(9851,15): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(9852,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9853,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9853,37): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(9853,55): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9853,73): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9855,28): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(9856,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9857,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9868,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9876,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9876,46): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9876,64): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(9876,82): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9878,52): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(9883,21): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9884,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9888,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9898,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9899,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(9900,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9901,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9905,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9910,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9910,41): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9910,59): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(9914,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(9915,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9916,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9920,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(9920,40): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9922,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(9931,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(9934,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9948,28): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(9956,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(9957,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9958,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-recipients-grid-row'
(9962,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(9969,71): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(9973,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(9985,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(9994,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(10005,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(10031,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(10032,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10033,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10034,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(10035,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10036,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10038,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10039,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10040,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(10053,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10054,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(10055,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10056,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10056,42): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10056,70): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10056,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10057,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10057,47): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10057,75): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10057,103): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10058,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10059,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10060,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10062,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10071,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10072,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10073,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10076,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10081,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10082,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(10083,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10084,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10084,42): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10084,70): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10084,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10085,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10085,47): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10085,75): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10085,103): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10086,19): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(10086,36): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(10086,57): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(10087,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10088,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10092,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10093,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(10094,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10095,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10095,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10095,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10095,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10096,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10096,58): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10096,75): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10096,92): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10097,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10098,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10099,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10101,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10103,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10109,17): run-time error CSS1039: Token not allowed after unary operator: '-space-55px'
(10110,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10115,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10116,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10117,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10118,39): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10122,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10123,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10128,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10129,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10133,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10134,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10146,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10150,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10155,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10159,35): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10163,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10167,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10171,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10175,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10179,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10183,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10187,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10191,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10203,17): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(10206,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-onhover-bg'
(10210,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10211,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10213,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10214,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10219,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10223,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(10224,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(10227,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(10231,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10232,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10238,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10238,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(10249,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10250,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10251,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10252,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10254,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10258,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10259,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10263,28): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10267,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10271,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10275,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10275,39): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10284,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10285,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10286,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10290,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10291,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10295,17): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-custom-pagination-disabled-color'
(10299,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10303,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10307,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10311,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10315,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10326,34): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(10327,35): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(10334,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10335,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(10339,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-alert-window'
(10345,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10358,22): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(10362,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(10367,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10368,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10377,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10410,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10411,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10412,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10412,46): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(10414,16): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(10427,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10428,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10429,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10429,46): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(10431,16): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(10441,40): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(10458,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10458,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10458,59): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10458,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10459,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10459,47): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10459,64): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10459,92): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10471,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10472,26): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10476,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10476,40): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10480,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10480,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10481,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10483,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10484,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10485,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10486,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10488,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(10489,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(10500,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(10504,17): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(10505,18): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(10510,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10511,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10512,24): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10512,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10512,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10512,131): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10536,16): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(10537,15): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(10546,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10546,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10547,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10549,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10550,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10551,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10552,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10554,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(10555,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(10559,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10560,26): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10568,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10573,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10580,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10582,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(10584,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10586,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10587,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10588,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10599,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10601,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(10602,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10603,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10604,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10606,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10607,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10608,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(10614,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(10615,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10616,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10629,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(10633,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(10639,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10640,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(10641,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(10642,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10646,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(10647,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(10651,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10661,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(10665,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10666,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10667,23): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(10668,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10678,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10682,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10683,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10687,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10687,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10687,81): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10687,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10688,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10688,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10710,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(10743,37): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(10745,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10746,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10767,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10772,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10772,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10783,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(10784,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10784,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10784,55): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10793,28): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10797,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(10798,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(10800,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(10801,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10805,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10808,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(10810,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10811,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10812,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10812,79): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(10823,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10824,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10827,26): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(10832,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10841,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(10842,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10854,27): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(10858,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(10859,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(10867,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10894,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10898,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10903,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10904,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10909,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(10910,39): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(10914,32): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10915,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10919,33): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10923,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10924,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10928,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10929,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10933,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10937,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10941,17): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(10942,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(10943,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10947,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10951,39): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10952,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10953,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10957,38): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10958,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(10959,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10963,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10967,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10987,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10991,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(10992,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(10992,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(10993,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10998,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dailyAttendance-grid-color'
(11002,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(11010,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dailyAttendance-grid-color'
(11024,17): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(11025,19): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(11025,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11029,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11033,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11043,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-first-header-color'
(11046,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-second-header-color'
(11047,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-second-header-color'
(11048,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-fourth-header-color'
(11049,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(11050,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-last-header-color'
(11053,28): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-border-color'
(11060,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-row-header-color'
(11064,29): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-border-color'
(11068,31): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11072,31): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11072,65): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(11077,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(11082,39): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11082,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(11083,40): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11083,74): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(11095,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-first-cell-color'
(11096,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(11097,39): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11097,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(11098,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(11100,35): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-first-cell-border-color'
(11103,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(11105,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11105,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11114,21): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-box-color'
(11118,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11127,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11129,17): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(11130,28): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-roomnum-color'
(11131,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-roomnum-color'
(11133,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11137,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11139,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(11140,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(11141,21): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(11145,26): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(11149,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(11172,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11173,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11174,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11188,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(11192,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(11197,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(11199,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11205,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11210,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11219,18): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(11219,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11219,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11219,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11220,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11264,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11264,35): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(11264,52): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11264,69): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11273,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11275,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(11277,23): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(11279,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(11280,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(11281,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(11282,28): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(11286,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11286,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11286,52): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11286,69): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11287,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11287,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11287,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11287,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11290,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11297,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11298,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11299,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11312,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11322,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(11322,74): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(11483,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11484,16): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11489,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11495,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(11496,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(11500,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(11504,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11513,16): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11514,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11516,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11521,16): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(11522,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11537,15): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(11543,16): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11547,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11560,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(11568,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11589,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11590,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11594,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11602,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11612,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(11613,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11614,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(11615,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(11615,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11615,54): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11622,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(11632,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11633,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11641,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11647,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-two'
(11651,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(11655,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(11659,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(11663,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(11667,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(11671,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-two'
(11675,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(11679,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11680,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11684,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(11688,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(11695,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11697,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11706,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11706,42): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(11706,59): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11706,76): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11707,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11707,47): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(11707,64): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11707,81): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11709,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11717,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(11717,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11717,59): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11717,76): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11718,30): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(11719,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11727,24): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(11729,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(11733,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11737,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(11749,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11750,20): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11754,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(11763,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11768,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11769,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(11775,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(11776,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11777,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11782,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(11783,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11784,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11797,35): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(11803,34): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(11808,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11809,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11813,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(11813,37): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(11818,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11827,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(11828,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11829,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11834,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(11835,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11836,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11837,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11837,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11837,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11837,70): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(11842,27): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(11847,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11848,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(11849,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11854,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(11874,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(11886,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11898,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(11899,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(11904,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11908,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11909,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(11914,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11915,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11921,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(11922,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(11937,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(11938,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11947,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(11953,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11954,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(11958,18): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(11962,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11969,37): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(11969,58): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(11971,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(11976,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(11989,28): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(11993,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11998,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11998,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11998,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(11998,70): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12008,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12009,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12013,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12018,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(12030,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(12031,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12040,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12041,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12057,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(12058,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12058,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12058,59): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12058,76): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12059,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12059,47): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12059,64): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12059,81): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12063,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12068,40): run-time error CSS1039: Token not allowed after unary operator: '-global-expanded-container-border'
(12068,81): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(12072,40): run-time error CSS1039: Token not allowed after unary operator: '-global-expanded-container-border'
(12072,81): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(12073,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12074,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12075,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12079,22): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12080,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12081,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12081,39): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12081,56): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12081,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12087,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(12097,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12097,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12097,54): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(12102,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12102,45): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(12106,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12106,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12106,54): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12106,71): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(12124,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12129,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(12131,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12137,17): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12138,15): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(12146,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12147,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12148,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12149,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12153,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12153,37): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12153,55): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(12153,72): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12166,17): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(12176,15): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(12183,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12184,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12189,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12190,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12199,16): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12203,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12204,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12209,27): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(12209,45): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(12214,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12215,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12219,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12220,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12224,29): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12225,34): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12226,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12260,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12264,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12269,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12273,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12274,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12275,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12276,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12277,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12279,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12283,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(12284,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(12285,22): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(12289,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxl'
(12295,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12299,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12300,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12301,26): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12304,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12306,21): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(12307,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(12311,36): run-time error CSS1039: Token not allowed after unary operator: '-global-login-drawer-border'
(12312,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12312,37): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12313,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(12314,26): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12314,47): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-black-boxshadow'
(12315,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12315,60): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12315,95): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12315,112): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12320,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12320,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12324,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12324,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12324,53): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12324,71): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12327,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12328,39): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(12329,21): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(12330,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12330,39): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12331,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12332,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12339,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(12340,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(12343,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12344,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12347,17): run-time error CSS1039: Token not allowed after unary operator: '-global-coral-orange-color'
(12353,16): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12354,22): run-time error CSS1039: Token not allowed after unary operator: '-global-coral-orange-color'
(12355,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(12357,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(12360,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12363,48): run-time error CSS1039: Token not allowed after unary operator: '-global-coral-orange-color'
(12363,82): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12385,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(12389,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(12394,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12395,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12397,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(12398,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12402,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12403,18): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(12407,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12408,22): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(12413,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tile-light-color'
(12414,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12414,43): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12419,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12429,15): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(12430,16): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(12431,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(12444,22): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(12445,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12446,30): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12456,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12460,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-grid'
(12469,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12473,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-grey-bg'
(12478,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12478,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12479,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-purple-border'
(12500,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12530,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12530,36): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(12530,54): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12530,72): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(12538,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12538,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12538,54): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12538,71): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12547,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12551,25): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12559,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12559,44): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12571,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(12597,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12605,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12607,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(12608,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(12609,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12615,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(12618,16): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(12623,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(12647,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12647,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12647,54): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12647,72): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12653,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12661,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12662,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-dim-grey-border'
(12663,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12671,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12672,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12673,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12677,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12681,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12691,23): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(12691,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12691,58): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(12699,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12709,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12731,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(12732,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12748,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(12748,36): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12753,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12769,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(12770,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(12771,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12772,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(12776,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12777,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12778,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(12782,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(12783,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(12784,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(12788,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(12789,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12793,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(12794,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12795,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12796,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12800,16): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12803,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12813,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12827,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12828,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12832,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12833,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12834,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12834,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12840,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12841,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12846,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(12846,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(12847,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12851,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12860,16): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(12861,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12868,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12870,17): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(12874,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12878,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12887,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(12888,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12889,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12890,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12891,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12908,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(12910,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12911,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12912,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(12922,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12922,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12922,81): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12922,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(12938,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12939,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(12940,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12950,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12956,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12960,24): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(12983,49): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(12985,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(12986,21): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12987,31): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(12999,21): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13008,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13014,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13015,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13021,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(13025,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13029,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13031,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(13036,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13037,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13037,45): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13038,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13038,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13038,57): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13039,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13040,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13047,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13052,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13053,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13060,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13061,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(13070,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13071,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13077,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13078,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13078,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13078,58): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13079,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13079,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13079,57): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13080,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13081,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13082,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13084,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(13086,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(13093,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13094,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13095,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(13099,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13100,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13101,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13102,22): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(13108,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13122,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(13123,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(13128,16): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(13129,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13130,17): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(13148,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(13149,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(13150,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13155,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(13156,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(13157,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13162,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13162,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13162,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13162,87): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13168,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13168,42): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13168,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13168,87): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13175,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13181,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13185,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13189,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13189,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13190,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(13192,160): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(13209,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13217,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13224,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13237,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxl'
(13240,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13240,39): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13240,56): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13244,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13245,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(13248,18): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(13252,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(13253,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13253,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13253,52): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(13266,22): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(13276,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13291,21): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(13300,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(13304,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13305,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13318,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(13324,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13329,18): run-time error CSS1039: Token not allowed after unary operator: '-excel-wizard-filter-box-height'
(13334,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13334,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13334,68): run-time error CSS1039: Token not allowed after unary operator: '-excel-wizard-filter-box-height'
(13334,108): run-time error CSS1039: Token not allowed after unary operator: '-app-menubar-height'
(13346,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13346,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13358,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13362,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13362,35): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(13363,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(13364,22): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(13393,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13397,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13397,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13397,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13397,87): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13403,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13403,42): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13403,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13403,87): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13404,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13414,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13418,28): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13423,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13424,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13424,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13424,59): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13424,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13428,21): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(13436,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13440,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(13441,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13441,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(13442,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(13442,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(13446,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13447,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13447,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(13448,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13448,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13448,59): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13448,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13456,32): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(13460,25): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(13472,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13476,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13481,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(13482,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13482,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13483,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(13484,25): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(13485,30): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(13486,21): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(13487,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(13491,18): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(13500,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(13501,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13516,22): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(13519,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(13520,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13521,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(13522,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(13523,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(13524,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-pink'
(13525,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-orange'
(13528,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13528,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13529,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(13530,25): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(13531,30): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(13533,21): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(13534,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(13540,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13544,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13544,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13546,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13547,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13548,21): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(13549,21): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(13550,23): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(13555,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(13557,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13562,42): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(13563,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13568,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13572,34): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(13572,55): run-time error CSS1039: Token not allowed after unary operator: '-global-capsule-shadow-color'
(13573,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-navyblue-border'
(13577,42): run-time error CSS1039: Token not allowed after unary operator: '-global-capsule-shadow-color'
(13578,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-navyblue-border'
(13596,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13603,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(13641,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13644,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13667,18): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(13680,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13683,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13684,27): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(13689,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(13693,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13693,48): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13698,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(13702,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13703,18): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(13704,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(13708,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13712,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-eight'
(13720,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13721,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13726,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13727,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13732,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13748,17): run-time error CSS1039: Token not allowed after unary operator: '-space-55px'
(13752,17): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(13757,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(13762,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(13764,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13781,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(13781,40): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13781,58): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13781,75): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(13785,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(13785,40): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13785,58): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13785,75): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13794,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13794,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13794,54): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13794,72): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13798,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(13799,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(13800,22): run-time error CSS1039: Token not allowed after unary operator: '-space-55px'
(13810,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13832,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(13842,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13843,26): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(13872,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13876,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(13876,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(13877,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13877,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(13877,55): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(13886,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(13908,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(13909,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(13910,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(13915,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(13919,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13922,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13922,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(13926,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13927,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(13928,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13947,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxl'
(13952,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(13958,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(13959,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(13965,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(13992,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(13996,22): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(14000,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(14027,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14035,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14047,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14052,30): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14065,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(14067,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14067,37): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(14074,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(14082,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14082,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(14083,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14084,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14088,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14092,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14100,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14101,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(14104,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14112,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14120,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14144,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(14145,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(14145,36): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(14161,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14173,23): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14184,23): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(14201,35): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(14204,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(14208,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14208,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(14213,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14213,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14213,59): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14213,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14217,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(14226,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14237,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(14238,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(14250,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14263,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14263,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14263,54): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14263,72): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14271,16): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14272,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14276,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14277,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14278,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14278,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14284,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14285,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14290,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14298,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14298,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(14299,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14303,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14304,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14305,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(14318,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14328,23): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(14328,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14328,58): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(14343,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14347,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14348,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14352,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14353,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14355,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(14356,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(14357,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14358,29): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14375,26): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14376,29): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14377,27): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14377,50): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14379,20): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(14387,26): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14388,29): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14389,27): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14389,50): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(14391,20): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(14396,29): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14397,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14398,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14414,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14421,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(14424,17): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(14426,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14431,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14432,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14433,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14434,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14435,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14436,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14440,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(14446,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(14461,17): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(14465,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(14470,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14475,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(14487,24): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14488,17): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(14493,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14495,23): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14512,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(14513,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14525,28): run-time error CSS1039: Token not allowed after unary operator: '-global-ultra-lightish-grey-border'
(14529,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14547,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14558,70): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14562,99): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14564,55): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14565,68): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14582,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14583,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14583,37): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(14593,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(14599,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14603,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14604,19): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14604,42): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14604,60): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14605,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(14613,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(14615,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14616,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14617,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(14623,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14623,35): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14624,18): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(14626,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(14626,58): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(14630,15): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14631,16): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14635,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(14636,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14640,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(14648,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14655,45): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14657,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14658,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14663,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14673,18): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(14674,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(14677,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(14678,67): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(14679,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(14680,80): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14681,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(14682,61): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-tardy-bgcolor'
(14683,65): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-dismissal-bgcolor'
(14684,130): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(14685,69): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(14686,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-tile-green'
(14687,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(14691,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(14692,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14692,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14692,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14692,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14696,17): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14697,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14698,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(14702,17): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14703,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14704,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(14707,64): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14707,81): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14710,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14711,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(14717,64): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(14718,54): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(14719,50): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14720,50): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14724,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(14729,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(14743,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(14744,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(14748,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-dismissal-bgcolor'
(14755,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(14760,24): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(14771,103): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(14772,58): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(14788,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14828,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(14838,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14839,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(14843,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(14844,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(14850,21): run-time error CSS1039: Token not allowed after unary operator: '-space-350px'
(14868,25): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14887,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(14894,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14903,21): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14907,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14913,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14914,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14919,54): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14920,61): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14923,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14924,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14925,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(14934,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-color'
(14937,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(14941,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(14945,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(14949,16): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(14952,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(14958,78): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(14958,99): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(14968,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(14969,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(14977,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(14981,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-dimlight-blue-bg'
(14982,36): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(14986,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14990,27): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(14991,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14995,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15001,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15002,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15002,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15003,24): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-grey-border'
(15011,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(15012,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15013,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15019,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15020,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(15021,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15021,40): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15021,57): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15026,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15027,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(15040,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(15049,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15050,15): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(15059,21): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15060,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(15065,20): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(15066,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15067,21): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(15088,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15090,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(15090,64): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(15091,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15091,45): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15091,62): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15096,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15100,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15102,33): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15103,32): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15107,37): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15115,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-blue-light-version'
(15123,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15124,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15130,18): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(15134,22): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(15143,18): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(15144,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15151,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(15152,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(15153,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(15158,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(15174,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(15175,28): run-time error CSS1039: Token not allowed after unary operator: '-global-lightblue-border'
(15176,25): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(15177,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15177,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15177,58): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15180,18): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15195,23): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15198,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15205,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15206,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15207,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(15208,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(15209,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(15210,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15213,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(15220,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15221,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15230,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15235,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15236,27): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15240,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15240,36): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15241,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15245,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15245,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15245,53): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15245,70): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15257,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15265,22): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(15269,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(15270,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-abs-bg-color'
(15271,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-tar-bg-color'
(15272,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-dis-bg-color'
(15276,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15278,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15283,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15289,28): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15292,75): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15293,76): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15296,43): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15299,86): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15303,213): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15305,38): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(15306,66): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(15309,124): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15323,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(15324,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(15328,43): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15330,83): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15331,75): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15335,92): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15343,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15344,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15351,15): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15352,16): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15353,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15355,21): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(15362,16): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15363,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15364,21): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(15369,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15370,21): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(15376,16): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15377,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15380,21): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(15389,21): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(15411,45): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(15412,45): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(15414,120): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15416,71): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(15416,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(15419,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(15419,51): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(15420,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(15426,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(15433,18): run-time error CSS1039: Token not allowed after unary operator: '-space-350px'
(15443,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15447,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15449,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15451,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15452,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15453,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15453,41): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15457,26): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(15459,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(15460,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15461,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15472,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15476,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-purple-border'
(15482,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(15483,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15501,49): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15506,15): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(15512,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(15513,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15514,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15515,18): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15523,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15524,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15531,21): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(15532,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15533,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(15534,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15541,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxs'
(15552,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15553,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15557,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15558,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15566,71): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(15574,156): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-secondary-readonly'
(15575,255): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15579,86): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(15584,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15589,78): run-time error CSS1039: Token not allowed after unary operator: '-space-48px'
(15596,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15598,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15599,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(15603,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15604,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15605,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15606,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15608,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15609,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15611,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(15612,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15612,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15618,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(15619,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15620,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15624,47): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15637,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15638,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15651,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15652,19): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(15652,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15653,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15654,25): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(15677,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15720,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15721,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(15725,28): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15726,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15730,21): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(15734,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15738,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15746,22): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(15747,26): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15751,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15752,38): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(15753,36): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15754,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15755,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15755,40): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15759,34): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(15759,52): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(15760,32): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(15797,63): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15797,111): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(15797,142): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(15798,57): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15799,92): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15800,71): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(15801,87): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(15810,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15811,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15812,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15817,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15820,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15822,176): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15827,50): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15828,49): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(15830,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15832,122): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(15832,190): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15833,117): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(15835,120): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15835,165): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15837,97): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15838,91): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15846,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(15846,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(15847,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15848,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15849,22): run-time error CSS1039: Token not allowed after unary operator: '-space-px0'
(15858,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15862,38): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15862,61): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15863,42): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(15864,32): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(15864,63): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(15865,95): run-time error CSS1039: Token not allowed after unary operator: '-global-checkbox-border'
(15871,48): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15872,50): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15872,108): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15876,48): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(15876,82): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15877,80): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15877,125): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15877,152): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15878,129): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(15879,131): run-time error CSS1039: Token not allowed after unary operator: '-brand-invoice-summary-status-payment'
(15880,125): run-time error CSS1039: Token not allowed after unary operator: '-brand-invoice-summary-status-due'
(15881,45): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(15881,99): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(15882,80): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15886,22): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(15887,29): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(15889,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15889,40): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15892,85): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15892,133): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15892,150): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15893,41): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(15893,59): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15893,95): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15894,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15904,91): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(15904,130): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15905,46): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(15905,89): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15905,122): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15906,99): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15910,43): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(15910,60): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15910,103): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(15912,67): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(15912,100): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(15913,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(15913,159): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(15914,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(15915,67): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(15918,100): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(15921,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(15922,30): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15922,47): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(15923,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15923,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15928,17): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(15929,18): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(15930,30): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15930,47): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(15931,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(15940,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15948,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15950,18): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(15951,17): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(15957,17): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(15958,18): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(15962,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15970,16): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(15974,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-orange'
(15978,17): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(15979,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(15980,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(15981,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15983,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15984,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15990,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15994,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15994,37): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(15994,55): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(15995,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16000,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16024,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16038,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16050,15): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16052,18): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(16054,42): run-time error CSS1039: Token not allowed after unary operator: '-global-filter-shadow'
(16058,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(16059,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16060,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16061,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(16064,21): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16073,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16074,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16075,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16076,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16086,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16087,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16088,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16099,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16100,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16101,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16110,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16112,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16113,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16114,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16123,17): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(16125,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16126,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16127,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16138,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16139,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16140,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16150,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16151,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16152,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16153,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16154,23): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16154,47): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16155,22): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16156,25): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16164,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16165,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16166,27): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16166,51): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-blue'
(16167,26): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16168,29): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16175,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(16177,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16187,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16192,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16195,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16196,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16197,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16204,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(16205,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16206,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16207,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16211,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16212,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16213,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16214,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16214,37): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(16214,55): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16214,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16215,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16216,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16221,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16222,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16223,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16224,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16225,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16227,21): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(16228,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16232,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16233,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16234,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16235,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16238,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16242,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(16246,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(16247,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(16251,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16252,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16253,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16254,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(16255,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16258,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16268,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16269,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16275,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16279,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(16286,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16288,26): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16289,20): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16290,29): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16294,21): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16295,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16301,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16305,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(16306,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16307,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16309,49): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(16311,31): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16314,54): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16319,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16324,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16324,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16328,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(16335,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(16339,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16340,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16341,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16342,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16342,37): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16342,55): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16342,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16343,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16346,15): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16351,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16356,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16357,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16358,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16360,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16361,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16362,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16362,49): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16370,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16371,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16373,27): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16374,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16375,29): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16375,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16383,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16384,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16385,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16386,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16386,37): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16386,55): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16386,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16387,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16390,15): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16394,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16399,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16400,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16401,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16403,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16404,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16405,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16405,49): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16413,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16414,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16416,27): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16417,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16418,29): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16418,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16426,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16427,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16428,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16429,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16429,37): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16429,55): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16429,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16430,23): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16433,15): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16437,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16442,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16443,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16444,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16446,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16447,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16448,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16448,49): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16450,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16456,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16457,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16459,27): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16460,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16461,29): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16461,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16466,74): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16466,100): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16468,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16468,74): run-time error CSS1039: Token not allowed after unary operator: '-space-48px'
(16468,100): run-time error CSS1039: Token not allowed after unary operator: '-space-48px'
(16470,56): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16471,50): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16472,68): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16474,143): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16474,186): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16478,68): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16481,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16484,53): run-time error CSS1039: Token not allowed after unary operator: '-space-350px'
(16485,60): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16486,29): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(16486,56): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(16486,93): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(16486,182): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16494,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16498,20): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16503,132): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(16503,150): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(16505,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16506,91): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16507,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16507,129): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16508,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16511,89): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16512,88): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16517,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16518,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16524,23): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16524,47): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16525,22): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16526,25): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16532,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16533,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16541,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16542,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16543,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(16550,91): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16551,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16551,129): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16552,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16553,136): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16554,87): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(16554,104): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(16561,119): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16562,192): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16564,85): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(16564,129): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16565,118): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16565,160): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16567,53): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16568,87): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16569,82): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16570,198): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(16572,102): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16572,146): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16573,92): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(16573,137): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16574,363): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16578,319): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(16582,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16584,61): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(16589,45): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(16592,100): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(16592,118): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16592,135): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(16593,238): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16593,302): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16594,92): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16595,126): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16595,161): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16596,49): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(16597,103): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16597,138): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16602,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(16603,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-second-color'
(16604,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(16605,39): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(16606,78): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16608,149): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(16609,323): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16621,100): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(16625,179): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16627,70): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(16628,165): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(16630,232): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(16631,189): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(16633,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16633,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16635,50): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16635,83): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16636,75): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16640,22): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(16641,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16641,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16641,54): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16648,51): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16648,94): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(16650,218): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16651,77): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16651,112): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16652,49): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple-large'
(16653,78): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(16653,104): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(16653,166): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16653,208): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple-large'
(16654,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16654,96): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16655,64): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(16655,112): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16655,153): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16668,68): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16669,52): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16669,70): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16669,88): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16669,133): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16670,94): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(16681,88): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(16685,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(16694,82): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16695,65): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16695,100): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16696,60): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16696,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16701,124): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(16702,131): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16702,188): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16703,163): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16704,90): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(16705,307): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16707,313): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background-alpha'
(16707,382): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16714,97): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(16714,118): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(16724,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16726,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16727,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16729,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16729,122): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16729,171): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16729,209): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16731,127): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16732,133): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16733,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(16733,89): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16733,126): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(16737,30): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16737,56): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16740,15): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(16741,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16746,67): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16747,170): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(16750,68): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16751,55): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(16761,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16766,137): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(16767,134): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16767,242): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16768,132): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger-bg-color'
(16768,251): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16769,279): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16769,321): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16773,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16774,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16777,159): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16783,16): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16784,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(16785,18): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16786,17): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(16787,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16789,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-color'
(16795,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16799,24): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(16803,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16808,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16809,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16809,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16810,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16816,17): run-time error CSS1039: Token not allowed after unary operator: '-space-350px'
(16821,22): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(16829,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(16839,21): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16840,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16841,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16844,29): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16845,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16850,31): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16857,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(16858,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(16859,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16860,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16863,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16866,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(16874,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16879,64): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16880,59): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(16882,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16895,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background-rgb'
(16895,71): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(16898,16): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16899,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16908,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16911,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16915,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16916,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16916,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16916,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16916,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16919,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16920,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16932,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16933,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16940,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16946,20): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(16947,21): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(16951,81): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(16952,65): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16953,189): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(16954,54): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16955,151): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16955,199): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(16957,158): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(16958,204): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(16960,46): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16961,68): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(16967,71): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16967,115): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16968,77): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16974,70): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(16976,45): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16976,105): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16976,154): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16976,194): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(16976,243): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16976,301): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16976,347): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16976,381): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(16977,51): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(16979,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16979,93): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(16980,59): run-time error CSS1039: Token not allowed after unary operator: '-quick-mail-right-container'
(16982,41): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(16982,59): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(16982,109): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(16982,141): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16982,186): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16982,238): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(16985,79): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16987,34): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(16987,78): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(16987,139): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(16987,180): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(16987,228): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16987,270): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(16988,63): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(16988,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16989,54): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16989,71): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16989,89): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(16989,145): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(16989,162): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16989,180): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(16989,233): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(16989,294): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16990,66): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(16990,98): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16993,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(16994,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(16996,24): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(16998,66): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16998,126): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(17001,90): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17006,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17006,43): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17006,60): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17010,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17020,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17025,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(17026,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17027,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17028,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17029,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17030,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17031,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17038,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17039,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17040,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17041,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17044,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17045,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17046,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17047,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17048,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17049,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17050,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17051,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17052,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17057,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17058,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17059,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17061,128): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17063,112): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(17064,41): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17064,78): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17066,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17070,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(17071,29): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(17071,46): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(17071,63): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17071,80): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17072,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17072,48): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17075,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(17076,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17077,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17082,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(17086,50): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17087,119): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17088,133): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17090,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17091,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17092,35): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(17093,34): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(17095,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17128,56): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17128,105): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17134,100): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17135,157): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17136,69): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17137,127): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17138,111): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17139,111): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17140,144): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17142,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17146,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17150,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17154,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17158,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17160,64): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(17162,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17163,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17164,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17178,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17179,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17179,37): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(17180,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17181,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17184,61): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17188,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17193,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17195,22): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(17202,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17203,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17204,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(17208,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17213,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17214,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(17215,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(17216,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(17218,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17221,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17224,102): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(17224,151): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17224,169): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17226,45): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(17226,100): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17228,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17228,121): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17228,182): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17228,214): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17229,95): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17229,159): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-border'
(17230,56): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17230,88): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17231,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17236,55): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17238,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17238,35): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17238,53): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17238,70): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17240,97): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(17241,86): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17244,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17246,81): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(17246,98): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17246,116): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17246,134): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17250,22): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(17252,15): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(17253,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17254,19): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17254,37): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(17254,55): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17254,73): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17256,28): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(17257,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17258,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17269,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17277,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17277,46): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17277,64): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17277,82): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17279,52): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(17284,21): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17285,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17288,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17292,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(17293,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(17294,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17295,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17298,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17299,23): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(17301,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(17319,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17329,99): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17330,94): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17330,137): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17332,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17343,24): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(17345,89): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17352,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17358,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(17365,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17367,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17368,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17372,126): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17373,67): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17373,84): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17373,139): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17373,201): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17373,219): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17373,237): run-time error CSS1039: Token not allowed after unary operator: '-global-gray-shadow-color'
(17375,85): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(17375,132): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(17377,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17378,78): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(17378,141): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17383,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(17385,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17385,46): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17386,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17389,118): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17395,37): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(17397,18): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(17398,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17398,35): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17398,52): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17406,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(17419,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17420,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17439,24): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(17446,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17457,37): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17463,39): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(17463,70): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(17467,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17467,124): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17468,43): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17468,78): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(17468,129): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17468,164): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17473,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17492,81): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17501,59): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17502,62): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(17504,53): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17514,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(17516,196): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(17520,100): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17520,131): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17520,168): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17521,97): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17521,132): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(17522,103): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17522,138): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(17523,127): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(17525,79): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(17526,91): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(17529,225): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17529,260): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17535,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17537,91): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17539,172): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17539,215): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17540,171): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17542,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17545,131): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17545,166): run-time error CSS1039: Token not allowed after unary operator: '-opacity-one'
(17546,131): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17547,108): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17550,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17551,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17555,75): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17555,118): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17556,127): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightwhite-bg-color'
(17557,79): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17560,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17563,103): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17564,63): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17564,108): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17566,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17580,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17581,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17582,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-editer-toolbar-bg'
(17585,72): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17598,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17598,36): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(17603,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17605,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-dim-grey-border'
(17617,71): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17617,88): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(17618,81): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-gray-bg-color'
(17620,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17620,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17620,53): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17620,70): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17622,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17622,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17626,239): run-time error CSS1039: Token not allowed after unary operator: '-global-light-grey-color'
(17628,50): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(17628,80): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(17628,111): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(17629,187): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-gray-bg-color'
(17632,115): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(17632,132): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(17634,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17636,217): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17641,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(17645,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(17649,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17653,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17665,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17666,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17670,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(17674,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-bluegrey-color'
(17678,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-grey-header-color'
(17682,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(17687,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(17691,17): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(17695,22): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17710,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(17717,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(17727,22): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17744,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17758,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17774,22): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(17800,16): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(17825,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(17829,16): run-time error CSS1039: Token not allowed after unary operator: '-space-55px'
(17845,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(17846,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(17851,96): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(17860,164): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(17868,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17887,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(17888,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17890,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17894,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17898,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17899,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17903,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(17904,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17905,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17906,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17907,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17910,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17919,17): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(17923,27): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17923,45): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17924,18): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17925,17): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17928,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17938,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(17939,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17940,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(17943,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(17948,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(17949,23): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(17953,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-semi-grey-bg'
(17954,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-tertiary'
(17955,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17956,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17957,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17964,15): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17976,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(17981,81): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17982,90): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17983,93): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17983,139): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17983,181): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17984,85): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(17986,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17986,131): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17986,171): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(17987,128): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17987,185): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17989,113): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17992,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17993,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(17999,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18000,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18001,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18004,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18005,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18008,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18009,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18012,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18015,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18020,17): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(18021,18): run-time error CSS1039: Token not allowed after unary operator: '-space-32px'
(18022,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18023,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(18026,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18029,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(18036,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18042,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18045,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(18048,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18062,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18063,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18066,18): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(18067,17): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(18085,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(18085,87): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(18087,56): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(18100,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18110,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(18138,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18138,156): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18145,135): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(18148,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18152,301): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(18160,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18169,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18174,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18193,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18198,53): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18198,77): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18210,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18213,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18219,231): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18220,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18222,69): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(18223,80): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18224,187): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18225,168): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18227,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(18228,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(18229,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(18231,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18232,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18234,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18237,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18238,23): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18239,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18241,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18244,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18245,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18246,84): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18247,21): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18253,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18255,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18256,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18257,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18266,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18267,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18268,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18272,112): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18274,79): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18277,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18282,184): run-time error CSS1039: Token not allowed after unary operator: '-space-350px'
(18283,63): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(18284,78): run-time error CSS1030: Expected identifier, found '#divReportsView'
(18284,93): run-time error CSS1031: Expected selector, found ')'
(18284,93): run-time error CSS1025: Expected comma or open brace, found ')'
(18291,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18292,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18293,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18294,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18297,81): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18298,74): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18302,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18304,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18306,75): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18306,129): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18309,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(18311,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18312,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18316,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18319,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18320,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18321,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18322,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18322,42): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18322,70): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18322,98): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18323,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18326,80): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18333,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18339,17): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(18340,18): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(18351,17): run-time error CSS1039: Token not allowed after unary operator: '-global-green-success'
(18354,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(18355,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18356,40): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18356,87): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(18357,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18358,25): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18359,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(18362,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18364,17): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18365,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18366,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18379,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(18384,22): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(18385,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18388,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18399,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18401,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18402,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18405,17): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(18408,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(18409,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18412,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(18413,18): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(18418,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18422,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(18423,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(18424,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(18424,40): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18424,57): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18424,75): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18425,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18425,54): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18426,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18427,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18433,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18440,180): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(18457,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18458,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18461,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(18464,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18465,17): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(18466,27): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(18478,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18479,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18482,22): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18485,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18486,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18489,24): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18494,58): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18495,185): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(18496,94): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(18496,180): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18497,74): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(18498,154): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18510,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-red'
(18510,68): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(18514,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18516,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-red'
(18516,79): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(18516,158): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(18518,39): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18518,57): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18519,82): run-time error CSS1039: Token not allowed after unary operator: '-brand-disable-bg-color'
(18519,165): run-time error CSS1039: Token not allowed after unary operator: '-global-select-background'
(18523,90): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18532,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18536,28): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(18537,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18538,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18539,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(18540,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(18550,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18554,108): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18557,55): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18557,96): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(18559,85): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18560,83): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18561,61): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(18562,60): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18563,54): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(18563,85): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18563,148): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(18563,202): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18565,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18569,27): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18570,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18571,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(18572,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(18577,58): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18578,66): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18578,97): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(18578,139): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(18578,174): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18578,192): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18578,210): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18578,228): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18578,262): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18579,75): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18580,135): run-time error CSS1039: Token not allowed after unary operator: '-global-green-color'
(18580,172): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(18582,149): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(18582,239): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(18587,106): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18590,46): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18590,91): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18591,61): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18592,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18594,43): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(18594,94): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(18595,54): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(18599,103): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18609,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18610,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18613,62): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(18613,89): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(18617,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18619,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18620,17): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(18624,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18624,40): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18624,58): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18624,75): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18626,73): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18632,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18636,90): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(18637,72): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18642,36): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18642,58): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18644,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18645,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18649,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18650,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18653,81): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18654,42): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(18658,77): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(18662,57): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18662,84): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18667,120): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(18671,124): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18676,152): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18676,182): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(18677,62): run-time error CSS1039: Token not allowed after unary operator: '-global-text-required'
(18677,102): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(18678,100): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18680,162): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18682,15): run-time error CSS1030: Expected identifier, found '#divSendEmail'
(18682,28): run-time error CSS1031: Expected selector, found ')'
(18682,28): run-time error CSS1025: Expected comma or open brace, found ')'
(18683,15): run-time error CSS1030: Expected identifier, found '#divSendEmailPreview'
(18683,35): run-time error CSS1031: Expected selector, found ')'
(18683,35): run-time error CSS1025: Expected comma or open brace, found ')'
(18686,80): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18691,160): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18692,185): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18693,185): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18695,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18703,17): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(18704,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18705,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18706,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18708,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18709,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18716,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18720,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18720,37): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18720,55): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18721,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18728,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18730,119): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18733,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-header-bg'
(18734,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18735,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18736,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18737,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18740,77): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18746,127): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18749,46): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(18750,129): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(18753,109): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18754,87): run-time error CSS1030: Expected identifier, found '.'
(18754,98): run-time error CSS1031: Expected selector, found ')'
(18754,98): run-time error CSS1025: Expected comma or open brace, found ')'
(18755,87): run-time error CSS1030: Expected identifier, found '.'
(18755,98): run-time error CSS1031: Expected selector, found ')'
(18755,98): run-time error CSS1025: Expected comma or open brace, found ')'
(18764,48): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(18767,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18771,44): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18771,80): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18776,117): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18776,168): run-time error CSS1039: Token not allowed after unary operator: '-global-lightblue-border'
(18779,54): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18780,54): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18784,73): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(18784,99): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(18785,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-orange'
(18786,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(18789,85): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(18789,105): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(18790,129): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18791,117): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18791,171): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18795,56): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18800,18): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18801,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18802,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18803,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18803,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18804,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(18809,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18811,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(18812,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(18818,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18819,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18819,59): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18819,76): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18819,93): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18823,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18824,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18824,42): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18824,76): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18824,110): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18834,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18835,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18839,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(18845,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18848,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18862,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18881,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18882,18): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18883,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-five'
(18887,31): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18905,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18914,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18916,62): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(18916,80): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(18919,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18940,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18944,25): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(18972,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(18980,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18986,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(18990,24): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(18995,28): run-time error CSS1034: 
(18995,28): run-time error CSS1042: Expected function, found ','
(18995,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(18996,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(18997,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19001,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19005,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19006,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19010,18): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19021,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19022,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19025,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19028,15): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(19034,36): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(19034,53): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(19037,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(19040,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(19056,28): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(19063,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(19064,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(19070,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(19071,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(19076,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(19081,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-blue-bg'
(19085,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19086,17): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(19087,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(19091,16): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19092,22): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(19093,25): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(19094,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19094,46): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(19099,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19099,46): run-time error CSS1039: Token not allowed after unary operator: '-global-lightish-blue-border'
(19126,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19127,28): run-time error CSS1039: Token not allowed after unary operator: '-global-lightish-grey-border'
(19130,58): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19135,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19136,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19138,127): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(19141,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19150,161): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(19153,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(19155,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(19156,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19157,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19162,84): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19167,175): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19173,64): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19177,166): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(19180,198): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(19182,128): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19186,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19188,77): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(19188,98): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(19203,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(19203,74): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(19208,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19209,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19213,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19214,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(19215,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19217,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(19224,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19225,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19226,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19226,36): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(19239,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19240,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19241,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(19248,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(19249,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(19253,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19256,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19256,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19261,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19265,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19266,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(19267,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19271,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(19275,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19281,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19283,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19292,34): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19293,37): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19297,35): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19298,38): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19309,28): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(19310,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19311,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19312,23): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(19313,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(19314,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19317,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(19318,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19338,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19339,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19340,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19340,46): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(19351,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19352,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19353,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19353,46): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(19374,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19375,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19376,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(19379,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19380,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19383,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19386,28): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(19387,22): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(19394,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(19397,18): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(19401,83): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19405,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(19410,119): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(19412,137): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(19438,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19440,116): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(19440,133): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(19440,196): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(19440,213): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(19441,157): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19442,97): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(19443,148): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19444,197): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19444,240): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(19447,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19448,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19450,31): run-time error CSS1030: Expected identifier, found '.'
(19450,66): run-time error CSS1031: Expected selector, found ')'
(19450,66): run-time error CSS1025: Expected comma or open brace, found ')'
(19451,91): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19451,108): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19451,134): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19453,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19453,202): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(19455,131): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19456,99): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19459,90): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(19460,91): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19460,109): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19460,127): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19460,145): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19461,119): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(19462,95): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19463,94): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19463,111): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19465,112): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19468,107): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19470,130): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(19471,205): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19472,110): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(19472,145): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(19473,122): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19474,135): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19481,126): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(19483,38): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19487,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19494,26): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(19495,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19499,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19499,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19511,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19514,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(19530,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19531,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19532,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(19532,64): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(19555,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(19564,17): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(19565,18): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(19566,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19571,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19589,34): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(19593,34): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(19620,19): run-time error CSS1039: Token not allowed after unary operator: '-space-48px'
(19661,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19665,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19672,18): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(19677,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19677,37): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19677,55): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19677,73): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19683,21): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(19689,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19693,19): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(19693,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19702,26): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19707,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19712,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19713,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19715,23): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(19723,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19727,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19741,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19744,21): run-time error CSS1030: Expected identifier, found '.'
(19744,32): run-time error CSS1031: Expected selector, found ')'
(19744,32): run-time error CSS1025: Expected comma or open brace, found ')'
(19764,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19770,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19776,28): run-time error CSS1030: Expected identifier, found '#divSectionAddEdit'
(19776,46): run-time error CSS1031: Expected selector, found ')'
(19776,46): run-time error CSS1025: Expected comma or open brace, found ')'
(19786,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19789,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19804,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19809,26): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19812,21): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(19821,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19825,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19831,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19832,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19835,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-background-color'
(19852,74): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19854,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19856,68): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(19858,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19867,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19876,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19877,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19880,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19884,25): run-time error CSS1039: Token not allowed after unary operator: '-space-24px'
(19889,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19890,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(19891,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(19892,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19894,27): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19894,45): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19900,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19903,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(19911,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19914,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19915,18): run-time error CSS1039: Token not allowed after unary operator: '-space-75px'
(19918,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19921,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19922,22): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(19926,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19931,28): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(19932,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(19935,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19936,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19937,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(19940,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(19945,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19951,52): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(19956,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19959,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19965,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(19972,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19972,42): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(19972,59): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19972,87): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19975,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19976,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19985,17): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-grey'
(19994,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(20000,23): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(20006,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(20019,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20046,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20049,17): run-time error CSS1039: Token not allowed after unary operator: '-space-100px'
(20061,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-grey-bg'
(20064,15): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(20088,22): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(20091,24): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(20099,16): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(20110,19): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(20110,36): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(20114,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20115,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(20116,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(20127,17): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(20133,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(20135,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20144,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20147,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20150,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(20157,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(20180,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(20183,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(20186,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(20189,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(20192,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(20195,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20195,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20196,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(20225,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20225,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20225,67): run-time error CSS1039: Token not allowed after unary operator: '-schedule-filter-box-height'
(20225,103): run-time error CSS1039: Token not allowed after unary operator: '-app-breadcrump-height'
(20225,134): run-time error CSS1039: Token not allowed after unary operator: '-app-menu-bar-height'
(20251,22): run-time error CSS1039: Token not allowed after unary operator: '-space-250px'
(20254,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20254,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(20257,17): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(20267,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20273,17): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(20277,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20280,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(20282,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20289,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(20292,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(20296,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(20297,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20297,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(20297,54): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20297,71): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20301,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightish-grey-bg'
(20302,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20318,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20328,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20329,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20332,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20333,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20334,17): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(20359,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20361,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20366,161): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(20370,100): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(20372,114): run-time error CSS1030: Expected identifier, found '#grdSelectedStudentList'
(20372,137): run-time error CSS1031: Expected selector, found ')'
(20372,137): run-time error CSS1025: Expected comma or open brace, found ')'
(20383,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(20393,17): run-time error CSS1039: Token not allowed after unary operator: '-space-60px'
(20412,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(20422,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20426,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20429,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20430,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20433,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20434,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20437,85): run-time error CSS1030: Expected identifier, found '.'
(20437,111): run-time error CSS1031: Expected selector, found ')'
(20437,111): run-time error CSS1025: Expected comma or open brace, found ')'
(20444,142): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(20444,172): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(20451,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20451,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20454,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20464,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(20465,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(20465,46): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(20480,18): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(20485,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-blue-bg'
(20486,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(20486,46): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(20487,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(20488,25): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(20505,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-grey-border-color'
(20515,17): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(20521,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20524,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20527,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(20531,24): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(20537,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(20538,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(20547,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(20547,46): run-time error CSS1039: Token not allowed after unary operator: '-global-bluish-border'
(20553,23): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(20553,46): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(20557,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bluish-bg'
(20558,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(20560,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(20564,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20568,34): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(20569,33): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(20570,35): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(20575,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20579,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(20587,38): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20588,39): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20614,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20623,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(20624,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue-background'
(20631,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20632,62): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20632,92): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20632,123): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(20632,140): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(20632,197): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20632,227): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20632,304): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20632,334): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20632,365): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(20632,423): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20632,453): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20632,495): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-orange'
(20660,17): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(20661,18): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(20670,28): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-color'
(20671,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20671,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20671,54): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20671,72): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(20672,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20672,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20672,81): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20672,109): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20676,46): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(20683,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20684,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20685,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20686,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20687,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20698,28): run-time error CSS1030: Expected identifier, found '#divReportTemplateView'
(20698,50): run-time error CSS1031: Expected selector, found ')'
(20698,50): run-time error CSS1025: Expected comma or open brace, found ')'
(20701,28): run-time error CSS1030: Expected identifier, found '#divReportViewer'
(20701,44): run-time error CSS1031: Expected selector, found ')'
(20701,44): run-time error CSS1025: Expected comma or open brace, found ')'
(20706,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20713,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-bdr'
(20718,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20718,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(20722,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-background'
(20726,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(20731,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(20732,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20733,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20737,17): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(20741,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-orange'
(20742,28): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20753,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20776,16): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(20801,18): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(20805,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20817,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20836,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20852,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(20856,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20859,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20859,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20859,68): run-time error CSS1039: Token not allowed after unary operator: '-setup-center-filter-box'
(20862,16): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(20865,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(20868,22): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20873,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(20878,23): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(20883,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(20887,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20893,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20894,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20905,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20918,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20924,21): run-time error CSS1039: Token not allowed after unary operator: '-space-65px'
(20929,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(20954,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(20968,17): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(20997,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20997,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(21001,22): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21005,16): run-time error CSS1039: Token not allowed after unary operator: '-space-350px'
(21026,24): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(21034,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21035,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21040,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(21041,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21043,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21048,25): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(21060,18): run-time error CSS1039: Token not allowed after unary operator: '-space-80px'
(21070,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(21077,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(21083,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21086,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21104,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21105,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21140,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21140,36): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21144,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(21145,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(21149,34): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(21153,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(21157,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-lightblue-background'
(21161,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21161,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(21165,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(21167,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(21168,15): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(21169,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21174,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(21190,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21191,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21208,25): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21212,24): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(21216,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(21220,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(21221,19): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21221,37): run-time error CSS1039: Token not allowed after unary operator: '-space-16px'
(21230,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21234,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(21254,24): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(21270,22): run-time error CSS1039: Token not allowed after unary operator: '-space-48px'
(21275,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21275,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21280,16): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(21287,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21287,72): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(21292,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21296,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21297,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21314,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21314,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(21321,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21327,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21337,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21342,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21343,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21345,16): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21349,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21357,16): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(21361,16): run-time error CSS1039: Token not allowed after unary operator: '-space-70px'
(21365,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21378,31): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(21397,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(21403,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21403,35): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21409,22): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(21410,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21411,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21418,18): run-time error CSS1039: Token not allowed after unary operator: '-space-25px'
(21421,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21422,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21422,35): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21426,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21427,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(21428,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21428,35): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21450,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21451,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21460,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(21466,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(21467,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21468,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(21471,89): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(21477,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21478,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21478,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21486,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(21489,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21490,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21490,63): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21504,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(21509,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21510,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21513,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21513,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(21521,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21527,38): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21528,37): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21537,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21541,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(21545,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21549,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21563,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21563,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(21587,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightish-grey-bg'
(21591,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21592,17): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(21596,23): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21600,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(21605,22): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(21606,25): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(21612,23): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(21612,47): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21616,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21619,15): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(21628,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21637,23): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(21645,17): run-time error CSS1039: Token not allowed after unary operator: '-space-50px'
(21649,23): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21656,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21661,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21662,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21662,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(21688,46): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(21693,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(21694,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(21695,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21696,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21705,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(21706,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(21708,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(21709,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(21710,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21714,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21714,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(21719,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(21721,123): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21721,146): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(21725,18): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21726,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21727,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-orangeLight-bg'
(21734,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(21738,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(21741,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(21744,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(21748,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-orangeLight-bg'
(21752,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21754,122): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21754,171): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21754,206): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(21756,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21759,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21763,166): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21763,191): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21768,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(21771,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21782,22): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(21785,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21785,36): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(21785,54): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21785,71): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(21797,18): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(21800,28): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21803,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21808,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21812,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21813,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21813,63): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21816,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21817,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21817,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21820,17): run-time error CSS1039: Token not allowed after unary operator: '-space-300px'
(21826,21): run-time error CSS1039: Token not allowed after unary operator: '-space-200px'
(21831,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21844,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21849,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21853,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(21873,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grey-shade-bg'
(21874,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(21878,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21878,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(21882,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21886,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21891,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-five'
(21914,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-five'
(21925,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(21926,19): run-time error CSS1039: Token not allowed after unary operator: '-space-12px'
(21926,37): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21929,48): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(21930,32): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21931,40): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21932,24): run-time error CSS1039: Token not allowed after unary operator: '-space-4px'
(21932,41): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(21932,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(21979,15): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(21983,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21984,15): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21989,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21990,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(21993,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(21993,36): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(21996,16): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(22003,24): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(22016,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(22027,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grey-shade-bg'
(22028,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(22065,18): run-time error CSS1039: Token not allowed after unary operator: '-space-45px'
(22072,39): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(22075,61): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(22081,184): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(22082,310): run-time error CSS1039: Token not allowed after unary operator: '-space-35px'
(22085,66): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22087,101): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(22087,131): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(22088,127): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(22088,158): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(22108,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(22112,24): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(22150,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(22151,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(22178,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(22182,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(22252,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22253,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22254,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(22257,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(22291,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(22350,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(22356,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(22357,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(22361,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(22367,85): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(22371,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(22372,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(22373,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(22375,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22376,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22378,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(22381,24): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(22382,23): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22383,24): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(22385,25): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(22391,17): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22392,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22393,84): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(22394,21): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22401,18): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(22403,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22404,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(22405,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(22415,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22416,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(22417,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(22423,25): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(22426,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(22430,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(22431,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22526,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(22526,75): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(22530,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(22534,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(22550,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22554,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22584,33): run-time error CSS1039: Token not allowed after unary operator: '-global-orangish-bg'
(22584,60): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(22587,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(22630,24): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(22655,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(22656,23): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(22656,46): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(22668,16): run-time error CSS1039: Token not allowed after unary operator: '-space-8px'
(22674,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(22679,16): run-time error CSS1039: Token not allowed after unary operator: '-space-15px'
(22685,17): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(22686,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(22700,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22716,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(22734,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22739,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22787,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(22799,17): run-time error CSS1039: Token not allowed after unary operator: '-space-400px'
(22802,17): run-time error CSS1039: Token not allowed after unary operator: '-space-150px'
(22811,25): run-time error CSS1039: Token not allowed after unary operator: '-space-10px'
(22823,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-grid'
(22865,35): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(22887,18): run-time error CSS1039: Token not allowed after unary operator: '-space-30px'
(22901,21): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(22953,85): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-bg-soft-border'
(22954,73): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-bg-soft-border'
(22954,133): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-bg-soft-border'
(22955,119): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-first-header-color'
(22956,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-first-cell-color'
(22965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22995,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(23001,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(23007,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(23013,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(23019,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(23046,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(23115,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(23176,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(23206,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(23265,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(23499,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(23766,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(23905,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24014,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24027,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(24071,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24104,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24108,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxs'
(24139,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24143,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24232,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24234,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24243,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24252,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24256,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24275,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24286,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24287,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24335,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24342,120): run-time error CSS1030: Expected identifier, found '.'
(24342,139): run-time error CSS1031: Expected selector, found ')'
(24342,139): run-time error CSS1025: Expected comma or open brace, found ')'
(24386,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24415,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24447,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(24448,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(24495,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24507,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24561,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24637,41): run-time error CSS1030: Expected identifier, found '#divAddDropCourseSectionBatch'
(24637,70): run-time error CSS1031: Expected selector, found ')'
(24637,70): run-time error CSS1025: Expected comma or open brace, found ')'
(24665,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24671,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24675,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24694,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(24762,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25093,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25103,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25123,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25208,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25219,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25227,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25252,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25266,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25270,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25274,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25375,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25416,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25644,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25675,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25683,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25707,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25710,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25729,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25754,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25776,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25792,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(25973,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26011,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26085,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26094,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26137,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26146,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26154,40): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(26193,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(26194,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(26198,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(26199,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(26203,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(26204,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(26216,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26224,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26230,21): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(26235,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(26248,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26330,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26331,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26409,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(26412,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(26416,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26478,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26486,38): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(26501,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26505,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26518,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26524,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26540,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26565,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26604,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26608,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26641,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26728,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26729,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26734,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(26735,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(26739,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26813,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26824,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26855,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26900,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(26932,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27002,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27015,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27025,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27054,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27055,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27058,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27092,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27115,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27170,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(27187,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27214,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27226,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27245,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27249,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27264,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27280,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27300,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27328,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27338,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27358,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27376,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27381,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27386,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27390,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27394,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27414,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27418,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27498,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27521,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27554,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27667,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27712,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27789,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27831,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27844,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(27916,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28040,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28046,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28169,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28173,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28177,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28281,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28286,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28340,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28351,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28380,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28393,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28438,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28450,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28617,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28622,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28622,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28628,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28628,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28722,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28767,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28832,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28832,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28833,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28833,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28837,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28837,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28838,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28838,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28842,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28842,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28843,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28843,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28847,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28856,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28895,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28904,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28947,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28955,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(28963,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28964,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28968,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28969,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28997,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29006,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(29121,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29185,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29238,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29242,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29246,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29318,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29356,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29400,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29428,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29434,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29440,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(29441,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(29505,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29506,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29538,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29562,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29585,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29596,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29612,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29630,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29631,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29641,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29646,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29653,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29657,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29672,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29680,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29681,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29686,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29700,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29742,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29752,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29757,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29763,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29797,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29887,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29906,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(29914,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30024,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30039,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30046,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30067,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30071,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30093,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30098,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30203,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30240,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30275,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30284,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30320,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30329,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30337,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30349,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30350,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30354,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30355,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30359,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30360,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30386,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(30474,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30562,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30575,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30584,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30590,35): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(30638,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30664,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(30685,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30693,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30701,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30706,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30730,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30741,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30750,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30785,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30789,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30808,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30912,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30928,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30937,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30977,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(30986,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31045,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31072,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31084,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31085,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31089,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31090,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31095,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31101,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(31228,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31237,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31262,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(31286,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31306,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31310,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31409,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31410,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31418,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31422,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31426,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31438,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31506,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(31521,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31532,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31552,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31556,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31577,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31591,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31596,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31603,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31607,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31608,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31613,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31637,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31642,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31643,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31648,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31673,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31691,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31701,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31715,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31725,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31735,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31805,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31847,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31923,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(31985,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32002,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32034,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32037,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32041,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32044,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32055,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32085,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32090,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32091,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32146,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32147,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32163,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32181,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32185,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32198,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32199,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32219,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32243,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32246,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32387,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(32441,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32459,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32478,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32610,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32648,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32649,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32659,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32780,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(32862,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33001,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33008,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33009,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33022,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33029,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33086,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33099,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33122,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(33196,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33202,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33208,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33221,28): run-time error CSS1030: Expected identifier, found '#divDocumentViewer'
(33221,46): run-time error CSS1031: Expected selector, found ')'
(33221,46): run-time error CSS1025: Expected comma or open brace, found ')'
(33235,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33236,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33239,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33241,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33244,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33251,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33254,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33302,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33311,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(33312,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(33317,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(33318,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(33327,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33339,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33351,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33369,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33373,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33387,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33427,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33437,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(33437,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(33446,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33450,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33454,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33462,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33463,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33464,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33472,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33501,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33507,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33511,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33532,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33550,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33589,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33597,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33638,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33713,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33756,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33839,39): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(33855,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(33864,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34036,29): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34044,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(34099,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34141,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34209,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34253,19): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(34272,120): run-time error CSS1030: Expected identifier, found '.'
(34272,139): run-time error CSS1031: Expected selector, found ')'
(34272,139): run-time error CSS1025: Expected comma or open brace, found ')'
(34287,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34306,21): run-time error CSS1030: Expected identifier, found '.'
(34306,45): run-time error CSS1031: Expected selector, found ')'
(34306,45): run-time error CSS1025: Expected comma or open brace, found ')'
(34319,26): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34334,36): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34344,31): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34356,31): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34361,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(34377,31): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34393,23): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34402,30): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34408,34): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34414,33): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34430,28): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34511,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34524,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34551,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34576,23): run-time error CSS1030: Expected identifier, found '>'
(34576,43): run-time error CSS1031: Expected selector, found ')'
(34576,43): run-time error CSS1025: Expected comma or open brace, found ')'
(34584,65): run-time error CSS1030: Expected identifier, found '>'
(34584,85): run-time error CSS1031: Expected selector, found ')'
(34584,85): run-time error CSS1025: Expected comma or open brace, found ')'
(34613,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34623,43): run-time error CSS1030: Expected identifier, found '#PeriodAttendanceBatchEntry'
(34623,70): run-time error CSS1031: Expected selector, found ')'
(34623,70): run-time error CSS1025: Expected comma or open brace, found ')'
(34630,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34631,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34635,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34647,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34673,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34677,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34695,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34736,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34758,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34812,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34910,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(34935,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34936,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(34987,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35008,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35012,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35039,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35052,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35058,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35061,21): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(35070,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35079,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35087,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35103,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35108,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35131,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35178,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35183,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35187,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35191,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35211,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35268,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35277,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35326,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35329,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35382,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35386,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35398,39): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(35402,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(35436,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35469,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35477,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35495,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35499,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35526,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(35527,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(35563,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35567,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35580,94): run-time error CSS1030: Expected identifier, found '.'
(35580,114): run-time error CSS1031: Expected selector, found ')'
(35580,114): run-time error CSS1025: Expected comma or open brace, found ')'
(35586,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35593,120): run-time error CSS1030: Expected identifier, found '.'
(35593,139): run-time error CSS1031: Expected selector, found ')'
(35593,139): run-time error CSS1025: Expected comma or open brace, found ')'
(35627,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35630,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35676,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35679,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35720,33): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(35744,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35751,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35778,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35782,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35834,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35842,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35885,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35893,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(35898,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36031,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36059,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36064,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36068,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36136,25): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36146,22): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36150,28): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36150,49): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36150,72): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(36154,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36154,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36159,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36160,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36178,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36182,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36190,24): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36288,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36310,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36348,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36358,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36431,19): run-time error CSS1039: Token not allowed after unary operator: '-space-40px'
(36454,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36464,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36483,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36529,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36540,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36541,22): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36556,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36584,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36584,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36585,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36585,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36608,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36624,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36633,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36927,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36965,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(36999,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37041,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37071,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37110,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37125,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37130,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37149,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37159,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37164,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37168,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37197,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37198,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37213,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37227,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37235,17): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37304,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37314,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37320,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37492,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(37554,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37584,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37698,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37699,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37703,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37704,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37712,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(37712,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(37713,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(37713,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(37717,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(37717,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(37718,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(37718,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(37785,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37864,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37869,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37882,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(37931,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38001,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38027,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38035,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38040,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38067,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38093,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38106,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38113,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38243,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38247,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38324,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38352,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38365,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38370,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38422,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38498,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38684,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38769,19): run-time error CSS1039: Token not allowed after unary operator: '-space-20px'
(38947,20): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(38952,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(38952,51): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(38957,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(38957,51): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(38999,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39016,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39053,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39080,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39104,18): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39173,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39199,14): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39232,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(39414,13): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39444,19): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39519,15): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39548,12): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39549,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39552,11): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39596,21): run-time error CSS1039: Token not allowed after unary operator: '-space-0px'
(39703,41): run-time error CSS1030: Expected identifier, found '#divACExistingStudentStaff'
(39703,67): run-time error CSS1031: Expected selector, found ')'
(39703,67): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto/Roboto-Light.eot');
    src: url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-light-webfont.woff2') format('woff2'), url('../fonts/Roboto/roboto-light-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Light.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto/Roboto-Regular.eot');
    src: url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-regular-webfont.woff2') format('woff2'), url('../fonts/Roboto/roboto-regular-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto/Roboto-Medium.eot');
    src: url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/Roboto/roboto-medium-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Medium.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto/Roboto-Bold.eot');
    src: url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/Roboto/roboto-bold-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Bold.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}


:root {
    --roboto-font-family-light: "robotolight";
    --roboto-font-family-regular: "robotoregular";
    --roboto-font-family-medium: "robotomedium";
    --roboto-font-family-bold: "robotobold";
    --login-bottom-blue-background: #228DB7;
    --login-bottom-green-background: #738F31;
    --login-bottom-orange-background: #D6851A;
    --login-screen-border-radius: 10px;
    --login-box-shadow: #00000033;
    --login-form-sign-in: #F6F9FC;
    --login-sign-in-after: #EEF3F8;
}

.roboto__light {
    font-family: var(--roboto-font-family-light);
}

.roboto__regular {
    font-family: var(--roboto-font-family-regular);
}

.roboto__medium {
    font-family: var(--roboto-font-family-medium);
}

.roboto__bold {
    font-family: var(--roboto-font-family-bold);
}

body#BodyScreen {
    font-family: var(--roboto-font-family-light);
}

.login-bottom-blue {
    background-color: var(--login-bottom-blue-background);
}

.login-bottom-green {
    background-color: var(--login-bottom-green-background);
}

.login-bottom-orange {
    background-color: var(--login-bottom-orange-background);
}

.login-border-10 {
    border-radius: var( --login-screen-border-radius);
}

body, html {
    width: 100%;
    height: 100%;
}

#BodyScreen {
    background: var(--brand-default-light-background);
    overflow-y: auto;
}

.row > * {
    flex-wrap: nowrap;
}

.row * {
    box-sizing: border-box;
}

[class*="col-"] {
    flex: auto;
}

#BodyScreen #lblError {
    color: hsl(0, 71%, 51%);
    font-size: var(--global-text-size-sm);
}

.login-drawer .login-text {
    color: var(--global-link-color);
    line-height: 21px !important;
    letter-spacing: 1.6px;
    font-size: 32px;
}
.login-fields input {
    font-family: var(--roboto-font-family-regular);
}
.login-drawer input.form-control {
    border: 1px solid var(--global-login-border);
    height: 40px;
    letter-spacing: 0.15px;
}

.password-box {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.login-remember {
    letter-spacing: 1px;
}

input.password-box::-ms-reveal,
input.password-box::-ms-clear {
    display: none;
}

.eye-login {
    border: 1px solid var(--global-login-border);
    border-left: none;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    background-color: var(--brand-app-header-background);
    position: relative;
    max-width: 60px;
}

.login-drawer .form-check-input {
    width: 20px;
    height: 20px;
    border-color: var(--global-login-drawer-border);
    border-width: 2px;
}

.login-drawer .form-check-label {
    letter-spacing: 0.75px;
    padding-top: 3px;
}

.login-drawer .form-check-input:checked {
    background-color: var(--global-checked-login);
    border-color: var(--global-checked-login);
    position: relative;
    background-image: none !important;
}

    .login-drawer .form-check-input:checked:after {
        position: absolute;
        display: inline-block;
        transform: rotate(45deg);
        height: 12px;
        width: 6px;
        border-bottom: 2px solid var(--global-border-light);
        border-right: 2px solid var(--global-border-light);
        left: 5px;
        top: 0px;
        content: "";
    }

.login-drawer .btn-primary {
    background: var(--brand-dark-backgroundcolor-indicator);
    padding: 9px 32px;
    color: var(--global-text-light);
    letter-spacing: 1.32px;
    font-weight: var(--gloabl-default-font-weight);
    border: none;
    border-radius: 24px;
    margin-left: auto;
    height: 42px !important;
}

    .login-drawer .btn-primary img {
        display: none;
    }

    .login-drawer .btn-primary:hover, .login-drawer :not(.btn-check) + .btn:active {
        background: var(--brand-dark-backgroundcolor-indicator);
    }

        .login-drawer .btn-primary:hover img {
            display: inline-block;
        }

.login-drawer .forgotPwd a {
    letter-spacing: 1.5px;
    color: var(--global-link-color);
    text-decoration: none;
}

    .login-drawer .forgotPwd a:hover {
        color: var(--global-login-drawer);
        text-decoration: none;
    }

::placeholder {
    color: #000!important;
    font-family: "robotolight"!important;
}

:-ms-input-placeholder {
    color: #000!important;
    font-family: "robotolight"!important;
}

.school-name-text {
    letter-spacing: 0.9px;
}

.pwd-identify {
    top: 20%;
    right: 30%;
    opacity: 0.8;
    width: 25px;
}
.school-identify {
    top: 45%;
    right: 30%;
    opacity: 0.8;
    width: 25px;
}

.login-drawer {
    background: var(--brand-default-light-background);
}

.adminplus__bg {
    background-color: var(--global-link-color) !important;
    height: calc(100% - 37%);
    background-size: cover !important;
    box-shadow: 0px 3px 6px var(--login-box-shadow);
}

.login-drawer .form-signin {
    background: var(--login-form-sign-in);
    padding: 50px 40px;
    min-height: 445px;
    height: auto;
    position: relative;
    z-index: 2;
    overflow: hidden;
    max-height: 90%;
    margin-left: 50px;
}

    .login-drawer .form-signin:after {
        clip-path: polygon(100% 0, 0 0, 100% 100%);
        background: var(--login-sign-in-after);
        height: 100%;
        width: 100%;
        position: absolute;
        transform: rotateX(180deg);
        left: 30px;
        top: 0;
        content: "";
        z-index: -1;
    }

.adminplus-logo {
    margin: 20px auto;
}

.login__left-triangles {
    left: 25px;
    top: 25px;
}

.login__right-triangles {
    left: 44%;
    top: 25px;
}

.adminplus-logo .logoimg {
    width: 120px;
}

.adminplus-logo .logotext {
    width: 450px;
}

.aplus-loginFooterinner {
    height: 60px;
}

.login-leftarea {
    padding: 0 60px;
}

.adminplus__abttext {
    letter-spacing: 1px;
}

.rediker__in, .redisite__in {
    width: 32%;
    box-shadow: 0px 3px 6px var(--login-box-shadow);
    min-height: 210px;
}

.rediwebinar__in {
    width: 33%;
    box-shadow: 0px 3px 6px var(--login-box-shadow);
    min-height: 210px;
}

.login__footer-traingles {
    right: -10px;
    top: -10px;
}

ul.round li {
    list-style: none;
    position: relative;
    padding: 0 0 0 20px;
}

    ul.round li::before {
        content: "";
        position: absolute;
        left: 0;
        top: 18px;
        width: 10px;
        height: 10px;
        background-color: #fff;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

.aplus-loginFooter .menu-item, .aplus-loginFooter .aplus-footerRight {
    width: 50%;
}

.aplus-loginFooter {
    bottom: 0;
}

.login-bottom .admin-content {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
    letter-spacing: 0.6px;
}

.login-bottom img {
    max-width: 144px;
}

.arrow__link .expand-stud-info {
    height: 24px;
    width: 24px;
    top: 4px;
}

    .arrow__link .expand-stud-info .app-expanded-icon-full {
        display: none;
        position: absolute;
        bottom: 4px;
        right: -15px;
        width: 24px;
    }

.view-info-stud .arrow__link .app-expanded-icon {
    width: 20px;
    height: 20px;
    opacity: 1;
}

.arrow__link:hover .expand-stud-info .app-expanded-icon, .redikerwhiteLogo {
    display: none;
}

.arrow__link:hover .expand-stud-info .app-expanded-icon-full {
    display: block;
}

@keyframes stretch {
    0% {
        transform: scale(0.75);
    }

    100% {
        transform: scale(1);
    }
}

.animation-stretch {
    -webkit-animation: stretch 1.5s ease-out 0s infinite alternate none running;
    animation: stretch 1.5s ease-out 0s infinite alternate none running;
}
/*medea query*/
@media screen and (min-width: 480px) and (max-device-width : 1279px) {
    #BodyScreen, .login-drawer {
        background-color: var(--global-link-color) !important;
        background-attachment: fixed;
        background-image: url(../Images/Login/login-right-triangles.svg);
        background-repeat: repeat;
    }
}

@media screen and (min-width: 1025px) and (hover:hover) and (-webkit-min-device-pixel-ratio: 1.1),only screen and (max--min-device-pixel-ratio:1.1),only screen and (min-device-pixel-ratio:1.1) {
    .login-bg {
        height: auto;
    }

    .adminplus-logo {
        width: 450px;
    }

    .login-bottom img {
        width: 242px;
    }

    .login-seperation-line:after {
        height: 170px;
        top: -15px;
    }
}

@media screen and (max-width: 1200px) {
    .login-drawer .form-signin {
        min-height: auto;
    }

    .redikerwhiteLogo {
        display: inline-block;
        width: 100px;
    }

    .redikerblueLogo {
        display: none;
    }

    .aplus-footerRight .copyRight, .aplus-loginFooterinner .item-list {
        color: var(--brand-default-light-background) !important;
    }

    .login-bottom img {
        max-width: 200px
    }

    .adminplus-logo {
        width: 370px;
    }

    #BodyScreen .aplus-loginFooter #redikerLogo {
        width: 60px;
    }

    .aplus-loginFooterinner ul li {
        padding-right: 5px;
    }

    .adminplus__bg {
        padding: 0px 5%;
    }

    .login-bottom .admin-content {
        -webkit-line-clamp: 2;
    }

    .login-drawer .form-signin {
        padding: 30px 40px;
    }

    .login-seperation-line:after {
        height: 150px;
        top: -12px;
    }
}

@media only screen and (min-device-width :992px) and (max-device-width : 1279px) {
    .login-drawer .form-signin {
        width: 100%;
        margin-left: 30px;
        min-height: 375px;
    }

    .login-leftarea {
        padding: 0;
    }

    .adminplus__bg {
        height: calc(100% - 25%);
    }

    .rediker__in, .redisite__in, .rediwebinar__in {
        width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }

    .adminplus__bg {
        padding: 0px 5%;
    }

    .login-bottom .admin-content {
        -webkit-line-clamp: 2;
    }

    .login-drawer .form-signin {
        padding: 30px 40px;
    }

    .login-seperation-line:after {
        height: 150px;
        top: -12px;
    }
}

@media (max-width: 1023px), screen and (width: 1024px) and (height: 1292px) {
    .redikerwhiteLogo {
        display: inline-block;
        width: 100px;
    }

    .redikerblueLogo {
        display: none;
    }

    .aplus-loginFooterinner {
        bottom: 15px;
        position: relative;
    }

    .aplus-footerRight .copyRight, .aplus-loginFooterinner .item-list {
        color: var(--brand-default-light-background) !important;
    }

    #BodyScreen, .login-drawer {
        background-color: var(--global-link-color) !important;
        background-attachment: fixed;
        background-image: url(../Images/Login/login-right-triangles.svg);
        background-repeat: repeat;
    }

        .login-drawer .form-signin {
            height: auto !important;
            margin: 30px auto;
            min-height: auto !important;
        }

    .adminplus__abttext {
        padding: 20px 0 0 0;
    }

    .login-leftarea {
        padding: 0;
    }

    .login-drawer {
        padding-top: 0;
    }

    .adminplus-logo .logoimg {
        padding: 30px 0 0 0;
    }

    .login-bg {
        height: 100%;
    }

    .rediker__in, .redisite__in, .rediwebinar__in {
        width: 100%;
        width: 100%;
        margin-bottom: 30px;
    }

    .login-top {
        height: 100%;
        display: block;
    }

    .adminplus-logo {
        margin: 0 auto;
        padding: 0;
        width: 300px;
    }

    .adminplus__bg {
        height: 80%;
        position: relative;
    }

    .login-bottom img {
        width: 165px;
    }

    .login-bottom .admin-content {
        -webkit-line-clamp: 2;
    }

    .login-seperation-line:after {
        height: 150px;
        top: -12px;
    }

    .login-bottom {
        padding-top: 30px;
    }
}

@media only screen and (min-width: 1281px) and (max-height: 1292px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) and (hover:hover) {

    .redikerwhiteLogo {
        display: inline-block !important;
        width: 100px;
    }

    .redikerblueLogo {
        display: none !important;
    }

    .copyRight.app-text-black, .app-link, .app-link:hover {
        color: var(--brand-default-light-background) !important;
    }

    .login-drawer .form-signin {
        min-height: auto;
    }

    .aplus-loginFooterinner {
        bottom: 15px;
        position: relative;
    }
}

@media (max-width: 1279.98px) {
        .redikerwhiteLogo {
            display: inline-block !important;
            width: 100px;
        }

        .redikerblueLogo {
            display: none !important;
        }

        .copyRight.app-text-black, .app-link, .app-link:hover {
            color: var(--brand-default-light-background) !important;
        }

        .login-drawer .form-signin {
            min-height: auto;
            display: table;
            margin-top: 20px
        }
    }

    @media (min-width:1024px) and (max-width:1280px) {
        .login-leftarea {
            padding: 0 30px !important;
        }
    }

    @media (max-width:1024px) {
        .login-top > div {
            width: 100% !important;
        }
    }
    /*
@media only screen and (min-device-width :670px) and (max-device-width : 768.98px) and (orientation : landscape) {
    
    .login-drawer .form-signin {
        position: absolute;
        width: 38%;
        max-height: 40% !important;
        top: 35.2%;
        left: 72%;
        transform: translate(-50%, -50%);
        right: initial;
        border: 1px solid #000;
        min-height: 54% !important;
    }

    .adminplus-logo {
        margin: 0 auto;
        position: absolute;
        top: 199px;
        left: 45%;
        transform: translate(-50%, -50%);
        width: 300px;
    }
    
    .login-bottom {
        padding: 10px 5%;
    }

    .login-seperation-line:after {
        height: 130px;
        top: -5px;
    }
}
@media screen and (width: 1133px) and (height: 670px) and (orientation : landscape) {
    .login-drawer .form-signin {
        top: 35%;
    }
}*/

:root {
    /*************************************Fonts variables************************************/
    --global-text-size-xxxxxs: 0.5rem; /*8px*/
    --global-text-size-xxxxs: 0.625rem; /*10px*/
    --global-text-size-xxxs: 0.75rem; /*12px*/
    --global-text-size-xxs: 0.8125rem; /*13px*/
    --global-text-size-xs: 0.875rem; /*14px*/
    --global-text-size-sm: 0.9375rem; /*15px*/
    --global-text-size: 1rem; /*16px*/
    --global-text-size-xl: 1.125rem; /*18px*/
    --global-text-size-xxl: 1.25rem; /*20px*/
    --global-text-size-xxxl: 1.375rem; /*22px*/
    --global-text-size-xxxxl: 1.5rem; /*24px*/
    --global-text-size-xxxxxl: 1.5625rem; /*25px*/
    --global-text-size-xxxxxxl: 1.625rem; /*26px*/
    --global-text-size-xxxxxxll: 1.750rem; /*28px*/
    --global-text-size-xxxxxxxl: 1.875rem; /*30px*/
    --global-text-size-xxxxxxxxl: 2.25rem; /*36px*/
    --global-text-size-xxxxxxxxxl: 2.5rem; /*40px*/
    --global-text-size-tripple: 3rem; /*48px*/
    --global-text-size-tripple-large: 3.125rem; /*50px*/
    --gloabl-default-font-weight: normal;
    --gloabl-bold-font-weight: 600;
    --global-font-family-regular: "source_sans_proregular";
    --global-font-family-bold: "source_sans_probold";
    --global-font-family-semibold: "source_sans_prosemibold";
    --global-font-family-italic: "source_sans_proitalic";
    /*************************************Fonts variables************************************/
}
/*************************************Font Family************************************/

@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
}

@font-face {
    font-family: 'source_sans_proitalic';
    src: url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-italic-webfont.svg#source_sans_proitalic') format('svg');
}

@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
}

@font-face {
    font-family: 'source_sans_prosemibold';
    src: url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.woff2') format('woff2'), url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.woff') format('woff'), url('../fonts/SourceSansPro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');
}

/*************************************Font Family************************************/

/*************************************Font Size************************************/
.small-font {
    font-size: var( --global-text-size-xxxs);
}

.small-text-size {
    font-size: var(--global-text-size-xxxxs) !important;
}

.regular-font {
    font-size: var(--global-text-size) !important;
}

.regular-lite {
    font-size: var(--global-text-size-xs) !important;
}

.medium-font {
    font-size: var(--global-text-size-sm) !important;
}

.large-font {
    font-size: var(--global-text-size-xl) !important;
}

.h1-font {
    font-size: var(--global-text-size-xxxxxxxl);
}

.extra-large-font {
    font-size: var(--global-text-size-xxl) !important;
}

.medium-large-font {
    font-size: var(--global-text-size-xxxl);
}

.huge-large-font {
    font-size: var(--global-text-size-xxxxl) !important;
}

.mega-font-size {
    font-size: var(--global-text-size-xxxxxxl);
}

.mega-large-font-size {
    font-size: var(--global-text-size-xxxxxxll);
}

.triple-extra-large-font {
    font-size: var(--global-text-size-xxxxxl);
}

.global-double-dozen-font {
    font-size: var(--global-text-size-xxxxl);
}

.global-tripple-font {
    font-size: var(--global-text-size-tripple);
}
/*************************************Font Size************************************/
/*************************************Font Weight************************************/
.normal-weight {
    font-weight: var(--gloabl-default-font-weight) !important;
}

.bold-weight {
    font-weight: var(--gloabl-bold-font-weight);
}

.source__bold {
    font-family: var(--global-font-family-bold);
    font-weight: normal !important;
}

.source__regular {
    font-family: var(--global-font-family-regular);
}

.source__semibold {
    font-family: var(--global-font-family-semibold) !important;
    font-weight: normal !important;
}

.source__semiitallic {
    font-family: var(--global-font-family-italic);
    font-weight: normal !important;
}

.source__regularitalic {
    font-style: italic;
}

/*************************************Font Weight************************************/
:root {
    /*************************************Background variables************************************/
    --app-height: 100%;
    --brand-main-header-bg: #007ea2;
    --brand-main-backgroundcolor-indicator: #007ea2;
    --brand-input-readonly: #dddddd;
    --brand-input-secondary-readonly: #eee;
    --brand-light-backgroundcolor-indicator: #28a6d7;
    --brand-light-backgroundblue: #E9F6FB;
    --brand-dark-backgroundcolor-indicator: #006480;
    --brand-container-dark-background: #475A6C;
    --brand-container-lighter-background: #0353A426;
    --brand-container-darkblue-backgroud: #00567B;
    --brand-container-light-background: #4E6377;
    --brand-component-primary-background: #F0F0F0;
    --brand-component-secondary-background: #E0E0E0;
    --brand-table-row-background: 3, 83, 164;
    --brand-default-light-background: #fff;
    --brand-default-light-background-rgb: 255, 255, 255;
    --brand-default-dark-background: #000;
    --brand-default-dark-background-alpha: #00000099;
    --brand-fade-highlight-background: #BED2DC;
    --brand-process-completed-background: 54, 166, 122;
    --brand-process-incomplete-background: 236, 91, 91;
    --brand-process-inprogress-background: 255, 128, 0;
    --brand-popup-background: 33, 45, 56;
    --brand-tabs-component-background: #2F4050;
    --brand-tabs-component-background-rgb: 47,64,80;
    --brand-badge-notification-background: #98D9C0;
    --brand-light-background: #f7f7f7;
    --brand-appmenu-background: #445260;
    --brand-appmenubar-background: #c00000;
    --brand-side-menubar-background: #CCDCED;
    --brand-navbar-background: #293541;
    --brand-app-header-background: #DDEDF3;
    --brand-grid-background: #E7F1F5;
    --brand-active-grid-row: #FFE5CB;
    --brand-enrollment-one: #BB81C7;
    --brand-enrollment-two: #F38B4B;
    --brand-enrollment-three: #5BB665;
    --brand-enrollment-four: #45A3AA;
    --brand-enrollment-five: #23AFD6;
    --brand-enrollment-six: #8794C7;
    --brand-enrollment-seven: #CD7E93;
    --brand-ready-to-send: 168, 94, 184;
    --brand-sent-to-ascii: 245, 113, 31;
    --brand-sent-to-ap: 91, 182, 101;
    --brand-correction-required: 62, 147, 153;
    --brand-registered: 35, 175, 214;
    --brand-registered-and-correction-required: 71, 87, 151;
    --brand-deleted-from-ap: 193, 94, 121;
    --brand-light-blue: #E5EDF6;
    --brand-modal-grid: #D9E5F1;
    --brand-decision-bg: #D7EDE4;
    --brand-status-red: #FF6363;
    --brand-status-green: #36A67A;
    --brand-tile-red: #A71B22;
    --brand-tile-green: #116058;
    --brand-email-seperator: #9D9D9D;
    --brand-grid-even-bg: #F7FAFC;
    --brand-grid-odd-bg: #E5EDF6;
    --brand-grid-onhover-bg: #CDDDED;
    --brand-alert-window: #FCB002;
    --brand-success-color: #69A93A;
    --brand-demographics-tab-one: #E49BDA;
    --brand-demographics-tab-two: #E9AD79;
    --brand-demographics-tab-three: #98D9C0;
    --brand-demographics-tab-four: #82C5D8;
    --brand-demographics-tab-five: #E19494;
    --brand-completed-background: #E9F5F0;
    --brand-incompleted-background: #fceded;
    --brand-editor-color: #239DE6;
    --brand-penalty-last-color: #EBD976;
    --brand-penalty-second-color: #EF9494;
    --brand-penalty-first-color: #7ED8F1;
    --brand-enrollmentGrid-ready-to-send-color: #FEDFC0;
    --brand-enrollmentGrid-sent-to-AP-color: #C2C0FF;
    --brand-enrollmentGrid-registered-color: #8DF17F;
    --brand-enrollmentGrid-sent-to-ASCII-color: #FCBEFD;
    --brand-enrollmentGrid-correction-required-color: #FDA3A2;
    --brand-enrollmentGrid-registered-and-correction-required-color: #61DFDC;
    --brand-enrollmentGrid-deleted-from-ap-color: #FFFFC1;
    --brand-modal-color: #666666;
    --brand-manage-home-color: #003153;
    --brand-applicatin-list: #fffaec;
    --brand-menu-frame-scrollbar-thumb: #555;
    --brand-popin-scrollbar-thumb: #888;
    --brand-email-recipients-grid-row: #B2CAE3;
    --brand-dailyAttendance-grid-color: #E4ECF5;
    --brand-schedule-cell-first-header-color: #3575B6;
    --brand-schedule-cell-second-header-color: #009DC9;
    --brand-schedule-cell-fourth-header-color: #008DB6;
    --brand-schedule-cell-last-header-color: #006F8E;
    --brand-schedule-row-header-color: #0085aa;
    --brand-schedule-first-cell-color: #6898C8;
    --brand-schedule-roomnum-color: #f9f9f9;
    --brand-schedule-div-color: #FF800033;
    --brand-popover-scrollbar-button-color: #ccc;
    --brand-app-toggle-background-color: #C4C4C4;
    --brand-grid-color-indicator-green: #AEDBC9;
    --brand-grid-color-indicator-yellow: #F1EC8D;
    --brand-grid-color-indicator-red: #F7BDBD;
    --brand-grid-color-indicator-grey: #CCCCCC;
    --brand-grid-color-indicator-blue: #80D6EF;
    --brand-grid-color-indicator-pink: #FFA7ED;
    --brand-grid-color-indicator-orange: #FBD898;
    --brand-background-light-gray: #f5f5f5;
    --brand-background-light-blue: #F5F8F9;
    --tooltip-bg-color: #FFFFE2;
    --brand-tile-light-color: #7ED8F1;
    --brand-student-absence-bgcolor: #FF4747;
    --brand-student-tardy-bgcolor: #EFB934;
    --brand-student-dismissal-bgcolor: #F5711F;
    --brand-warning-bg: #FC6262;
    --brand-blue-light-version: #D9E2EC;
    --brand-abs-bg-color: #FF47474D;
    --brand-tar-bg-color: #F1B41F4D;
    --brand-dis-bg-color: #F5711F4D;
    --brand-advance-payment-bg: #FFE6CC;
    --brand-statistics-orange: #F16A40;
    --brand-statistics-green: #5BB665;
    --brand-statistics-navy-blue: #475797;
    --brand-statistics-brown: #C15E79;
    --brand-statistics-sky-blue: #23AFD6;
    --brand-statistics-yellow: #FFA800;
    --brand-statistics-malachite: #3E9399;
    --brand-bg-green: #3A8244;
    --brand-dark-blue: #D4EDF7;
    --brand-progress-report-bg-color: #FBF2EA;
    --brand-report-card-bg-color: #DFF3EB;
    --brand-transcript-bg-color: #D8EDF3;
    --brand-danger-bg-color: #CC3939;
    --brand-yellowshade-bg-color: #ff80004d;
    --brand-lightwhite-bg-color: #0353A408;
    --brand-tinblue-bg-color: #F2F6FA;
    --brand-lightblue-bg-color: #cddded;
    --brand-text-editer-toolbar-bg: #F8F9FA;
    --brand-light-blue-bg-color: #f7fafc;
    --brand-light-gray-bg-color: #f3f3f3;
    --brand-light-color-blue-bg: #28A6D71A;
    --brand-light-blue-bg: #0353A433;
    --brand-grey-shade-bg: #BFBFBF;
    --brand-light-bluegrey-color: #F7F9FC;
    --brand-dark-grey-header-color: #C7D8EB;
    --brand-light-semi-grey-bg: #CFD2D5;
    --brand-very-light-grey-bg: #BFBFBF99;
    --brand-very-light-green-bg: #97CFB9;
    --brand-very-light-orange-bg: #FFD9B2;
    --brand-table-td-field-bg: #BFBFBF66;
    --brand-warning-red-bg: #FBE7EB;
    --brand-red: #B6000A;
    --brand-red-bg: #FF00001A;
    --brand-red-color: #FF0000;
    --brand-disable-bg-color: #F6F6F6;
    --brand-orange-bg: #FF800033;
    --brand-success-green: #008A00;
    --brand-dark-success-green: #007C00;
    --brand-dropdown-highlight: #E5F2F6;
    --brand-main-action-color: #008A00;
    --brand-main-action-solid-color: #007C00;
    --brand-dimlight-blue-bg: #28A6D74D;
    --brand-dim-grey-bg: #575C60;
    --brand-warning-infobox-bg: #FFE6CC;
    --brand-dark-grey-bg: #CBCBCB;
    --brand-bluish-bg: #E6F3F8;
    --brand-component-lightblue-background: #EAF0F7;
    --brand-light-blue-background: #DDE9F6;
    --brand-light-orange: #FF800033;
    --brand-dim-blue-bg: #D6ECF4;
    --brand-row-highlite: #98d9c0;
    --brand--yellow-fill-bg: #FAE2A9;
    --brand-lightish-grey-bg: #CDD5DE;
    --brand-orangeLight-bg: #E9AD79;
    --brand-light-green-bg: #DDF0DF;
    --brand-pastel-green-bg: #DDF0DF;
    --brand-blue-soft: #E6EEF6;
    /*************************************Background variables************************************/
    /*************************************Accessibility variables************************************/
    /* High contrast colors */
    --color-high-contrast-dark: #000000;
    --color-high-contrast-light: #ffffff;
    /* Focus states */
    --focus-ring-color: rgb(0, 126, 162);
    --focus-ring-width: 2px;
    --focus-ring-style: solid;
    /* Motion preferences */
    --reduced-motion: var(--motion-safe, transform 0.3s ease);
    /*************************************Accessibility variables************************************/
    /*************************************Animation & Transition variables************************************/
    /* Durations */
    --duration-fast: 150ms;
    --duration-normal: 300ms;
    --duration-slow: 500ms;
    /* Easings */
    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Animation presets */
    --animate-fade: opacity var(--duration-normal) var(--ease-out);
    --animate-slide: transform var(--duration-normal) var(--ease-out);
    --animate-scale: transform var(--duration-normal) var(--ease-in-out);
    /*************************************Animation & Transition variables************************************/
    /*************************************Performance Optimizations************************************/

    --transform-gpu: translate3d(0, 0, 0);
    --transition-performance: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /*************************************Performance Optimizations************************************/
    /*************************************Spacing Scale************************************/
    /* Base spacing unit: 4px */
    --space-0px: 0px; /* 0px */
    --space-4px: 4px; /* 4px */
    --space-5px: 5px; /* 5px */
    --space-8px: 8px; /* 8px */
    --space-10px: 10px; /* 10px */
    --space-12px: 12px; /* 12px */
    --space-15px: 15px; /* 15px */
    --space-16px: 16px; /* 16px */
    --space-20px: 20px; /* 20px */
    --space-24px: 24px; /* 24px */
    --space-25px: 25px; /* 25px */
    --space-30px: 30px; /* 30px */
    --space-32px: 32px; /* 32px */
    --space-35px: 35px; /* 35px */
    --space-40px: 40px; /* 40px */
    --space-48px: 48px; /* 48px */
    --space-45px: 45px; /* 45px */
    --space-50px: 50px; /* 50px */
    --space-55px: 55px; /* 55px */
    --space-60px: 60px; /* 60px */
    --space-65px: 65px; /* 65px */
    --space-70px: 70px; /* 70px */
    --space-75px: 75px; /* 75px */
    --space-80px: 80px; /* 80px */
    --space-100px: 100px; /* 100px */
    --space-150px: 150px; /* 150px */
    --space-200px: 200px; /* 200px */
    --space-250px: 250px; /* 250px */
    --space-300px: 300px; /* 300px */
    --space-350px: 350px; /* 350px */
    --space-400px: 400px; /* 400px */
    /*************************************Spacing Scale************************************/
    /*************************************Color variables************************************/
    --global-text-light: var(--color-high-contrast-light, #ffffff);
    --global-text-color: var(--color-high-contrast-dark, #000000);
    --global-editor-color: var(--brand-editor-color,#239DE6);
    --global-color-primary: #333333;
    --global-color-secondary: #151E20;
    --global-color-tertiary: #666;
    --global-link-color: #007EA2;
    --global-link-dark-color: #006473;
    --global-link-color-one: #0077b6;
    --global-light-color-indicator: #28A6D7;
    --global-color-warning: #000;
    --global-color-danger: #000;
    --global-panel-title-color: #555;
    --gloabl-custom-pagination-disabled-color: #c3c3c3;
    --global-schedule-box-color: #007fa2;
    --global-local-field-input-color: #4E4E4E;
    --global-login-drawer: #2299E0;
    --global-login-text-color: #0F88A1;
    --global-search-placeholder-color: #999999;
    --global-text-required: rgb(255, 0, 0);
    --global-select-background: #c8c8c8;
    --global-login-background: #f7f8fb;
    --global-active-background: #0353A419;
    --global-togggle-button: #36A67A;
    --global-grade-value-bg: #F3F3F4;
    --global-dark-green-color: #005555;
    --global-light-grey-color: #6C757D;
    --global-send-template-text-color: #223450;
    --global-light-blue-border-color: #0353A480;
    --global-dark-blue-border-color: #027AFF;
    --global-dark-purple-color: #406CA6;
    --global-dark-orange-color: #E48B3C;
    --global-light-purple-color: #A85EB8;
    --global-light-green-color: #3E9399;
    --global-dimlight-blue-bg: #28A6D71A;
    --global-red-color: #FF0000;
    --global-green-color: #36A67A;
    --global-dark-grey-color: #636363;
    --global-green-success: #36A67A;
    --global-disable-grey: #D8D8D8;
    --global-light-blue-color: #28A6D7;
    --global-dark-orange-color: #EC5B5B;
    --brand-main-action-color: #008A00;
    --brand-main-action-solid-color: #007C00;
    --global-dark-red-color: #DE1111;
    --global-red-disable-color: #EC5B5B;
    --global-dark-red-solid-color: #bf1033;
    --global-orange-border: #FF8000;
    --global-rust-orange-color: #D14702;
    --global-deep-green-color: #128044;
    --global-deep-purple-color: #5A3262;
    --global-medium-purple-color: #9A56A8;
    --global-error-red-color: #DC143C;
    --global-coral-orange-color: #FF7E5F;
    --global-medium-grey: #7E7272;
    /*************************************Color variables************************************/
    /*************************************Border and box-shadow variables************************************/
    --global-table-border-color: 3, 83, 164;
    --global-input-border-color: #999;
    --global-box-border: #707070;
    --global-seperator-color: #C0C0C0;
    --global-decisions-bdr: #CCC;
    --global-form-container-border: #239DE6;
    --global-dropdown-border: #888888;
    --global-grid-border: #0353A466;
    --global-card-border: #b1b1b1;
    --global-lists-box-border: #abb9bd;
    --global-user-menu-border: #707070BF;
    --global-border-light: #fff;
    --global-border-dark: #000;
    --global-app-toggle-border: #2F4050;
    --global-box-shadow: #00000026;
    --global-process-completed-boxshadow: #36A67A;
    --global-process-inprogress-boxshadow: #FF8000;
    --global-process-incomplete-boxshadow: #EC5B5B;
    --global-kendo-table-boxshadow: #0000000D;
    --global-grey-dark-box-shadow: #0000004D;
    --global-user-menu-boxshadow: #0000001a;
    --global-border-dark-rgb: 0,0,0;
    --global-ReadyToSend: #F5711F;
    --global-editor-border: #d5d5d5;
    --global-border-radius: 5px;
    --global-medium-border-radius: 10px;
    --global-large-border-radius: 20px;
    --global-extra-large-border-radius: 30px;
    --global-decision-bdr: #D7EDE4;
    --global-tooltip-bdr: #A5A5A5;
    --global-schedule-box-shadow-color: #66A63D99;
    --global-penalty-summary-details-color: #99B9DA;
    --global-grid-selection-color: #239DE6;
    --global-custom-pagination-color: #efefef;
    --global-schedule-border-color: #dddddd;
    --global-dailyAttendance-border-color: #999999;
    --global-schedule-first-cell-border-color: #96B7D9;
    --global-schedule-roomnum-color: #36aed0;
    --global-hr-border-color: #cccccc;
    --global-box-shadow-color: #00000029;
    --global-box-shadow-light-dark: #00000033;
    --global-add-contact-box-shadow-color: #00000059;
    --global-app-toggle-border-color: #B0B0B0;
    --global-login-border: #999999;
    --global-checked-login: #1186cc;
    --global-login-drawer-border: #CBD1E2;
    --global-attendance-status-border: 35, 157, 230;
    --global-expanded-container-border: 81, 81, 81;
    --global-ap-active-border: #FF800033;
    --global-capsule-shadow-color: #72cce6;
    --global-checkbox-border: #767676;
    --global-standard-grey-border: #999999;
    --global-border-blue: #28A6D7;
    --global-border-orange: #EB5B5B;
    --global-blue-border: #007EA2;
    --global-lightblue-border: #0353A44D;
    --global-gray-shadow-color: #00000014;
    --global-light-gray-border-color: #00000066;
    --global-dark-blue-border-color: #027AFF;
    --global-light-blue-border-color: #0353A480;
    --global-verylight-blue-border-color: #0353A44D;
    --global-dark-black-border: #2E4050;
    --global-light-orange-border: #F16A40;
    --global-light-blue-border: #23AFD6;
    --global-medium-purple-border: #475797;
    --global-light-green-border: #5BB665;
    --global-dark-red-border: #FF000099;
    --global-lightish-blue-border: #e6f4fa;
    --global-lightish-grey-border: #ccc;
    --dashboard-background-color: #BED2DC;
    --global-automatic-alert-popup-title-background-color: #FFAC76;
    --global-dimlight-grey-border: #c5c5c5;
    --global-ultra-lightish-grey-border: #e0e0e0;
    --global-dimlight-navyblue-border: #68B1C6;
    --global-dark-dim-grey-border: #ddd;
    --global-dim-purple-border: #B3CBE4;
    --global-dark-black-boxshadow: #00000005;
    --global-greyish-border-light: #5151514D;
    --global-filter-shadow: #00000040;
    --global-greylight-border: #CCCCCC;
    --global-bluish-border: #E6F3F8;
    --global-darkish-blue-border: #0353A4;
    --global-light-grey-border-color: #A9ACAE;
    --global-elevation-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    --global-dim-light-blue-border: #007EA24D;
    --global-dark-rgb-box-shadow: 0,0,0;
    --global-neutral-grey-scrollbar-track: #EBEBEB;
    --global-translucent-black: #0000001A;
    --global-orangish-bg: 255, 128, 0;
    --global-grey-border: #BFBFBF;
    --global-blue-bg-soft-border: #87ADD3;
    /******************************Border and box-shadow variables****************************/
    /*************************************Opacity variables************************************/
    --opacity-zero: 0;
    --opacity-one: 0.1;
    --opacity-two: 0.2;
    --opacity-three: 0.3;
    --opacity-four: 0.4;
    --opacity-five: 0.5;
    --opacity-six: 0.6;
    --opacity-seven: 0.7;
    --opacity-eight: 0.8;
    --opacity-nine: 0.9;
    /*************************************Opacity variables************************************/
    /*************************************Scroll bar variables************************************/
    --scrollbar-track: var(--global-neutral-grey-scrollbar-track);
    --scrollbar-thumb: 92, 92, 92;
    /*************************************Scroll bar variables************************************/
    /*************************************Dynamic width/height variables************************************/
    --header-height: 65px;
    --one-prospect-filter-box-height: 248px;
    --setup-center-filter-box: 226px;
    --schedule-filter-box-height: 145px;
    --nav-height: 60px;
    --add-prospect-right-container: 356px;
    --email-right-container: 400px;
    --quick-mail-right-container: 327px;
    --excel-wizard-filter-box-height: 195px;
    --app-menubar-height: 56px;
    --app-breadcrump-height: 60px;
    --app-menu-bar-height: 56px;
    /*************************************Dynamic width/height variables************************************/
}


/*************************************HTML-Element************************************/
 * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--global-font-family-regular);
    background: var(--brand-fade-highlight-background);
}
img {
    font-family: var(--global-font-family-regular);
}
h1 {
    font-size: 2.4rem
}

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.6rem
}

h4 {
    font-size: 1.46rem
}

h5 {
    font-size: 1.34rem
}

h6 {
    font-size: 1.1rem;
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    box-sizing: border-box !important;
}
/*************************************HTML-Element************************************/

/*************************************Padding************************************/
.app-p-0 {
    padding: 0 !important;
}

.app-p-5 {
    padding: var(--space-5px)!important;
}

.app-p-8 {
    padding: var(--space-8px);
}
.app-p-2 {
    padding: 2px;
} 

.app-pb-0 {
    padding-bottom: 0 !important;
}

.app-pb-5 {
    padding-bottom: var(--space-5px) !important;
}
.app-pb-50 {
    padding-bottom: var(--space-50px) !important;
}
.app-p-10 {
    padding: var(--space-10px) !important;
}

.app-p-40 {
    padding: var(--space-40px);
}

.app-pr-0 {
    padding-right: 0 !important;
}

.app-pr-30 {
    padding-right: var(--space-30px) !important;
}

.app-pr-35 {
    padding-right: var(--space-35px) !important;
}

.app-pl-0 {
    padding-left: 0 !important;
}

.app-pl-30 {
    padding-left: var(--space-30px) !important;
}

.app-pl-35 {
    padding-left: var(--space-35px);
}

.app-pl-45 {
    padding-left: var(--space-45px);
}

.app-pl-50 {
    padding-left: var(--space-50px);
}

.app-pr-50 {
    padding-right: var(--space-50px);
}
.app-pt-0 {
    padding-top: 0 !important;
}
.app-pt-2 {
    padding-top: 2px !important;
}
.app-pt-3 {
    padding-top: 3px !important;
}
.app-pt-4 {
    padding-top: var(--space-4px) !important;
}
.app-pb-4 {
    padding-bottom: var(--space-4px) !important;
}
.app-pt-5 {
    padding-top: var(--space-5px);
}
.app-pt-8 {
    padding-top: var(--space-8px) !important;
}
.app-pt-10 {
    padding-top: var(--space-10px) !important;
}
.app-pt-13 {
    padding-top: 13px;
}
.app-pb-15 {
    padding-bottom: var(--space-15px);
}

.app-pt-30 {
    padding-top: var(--space-30px);
}

.app-pt-35 {
    padding-top: var(--space-35px);
}
.app-pt-40 {
    padding-top: var(--space-40px);
}
.app-pt-50 {
    padding-top: var(--space-50px);
}
.app-pt-15 {
    padding-top: var(--space-15px);
}

.app-p-20 {
    padding: var(--space-20px) !important;
}

.app-p-30 {
    padding: var(--space-30px) !important;
}

.app-pb-3 {
    padding-bottom: 3px;
}

.app-pb-12 {
    padding-bottom: var(--space-12px);
}

.app-pb-20 {
    padding-bottom: var(--space-20px) !important;
}

.app-pb-30 {
    padding-bottom: var(--space-30px);
}

.app-pt-20 {
    padding-top: var(--space-20px) !important;
}

.app-pt-25 {
    padding-top: var(--space-25px) !important;
}

.app-pb-25 {
    padding-bottom: var(--space-25px) !important;
}

.app-pb-10 {
    padding-bottom: var(--space-10px) !important;
}

.app-pl-5 {
    padding-left: var(--space-5px) !important;
}

.app-pl-15 {
    padding-left: var(--space-15px) !important;
}
.app-pl-12 {
    padding-left: var(--space-12px) !important;
}

.app-pl-10 {
    padding-left: var(--space-10px) !important;
}

.app-pl-20 {
    padding-left: var(--space-20px) !important;
}

.app-pl-25 {
    padding-left: var(--space-25px) !important;
}
.app-pl-100 {
    padding-left: var(--space-100px);
}

.app-pl-40 {
    padding-left: var(--space-40px) !important;
}

.app-pr-25 {
    padding-right: var(--space-25px) !important;
}

.app-pr-20 {
    padding-right: var(--space-20px) !important;
}

.app-pr-10 {
    padding-right: var(--space-10px) !important;
}

.app-pr-11 {
    padding-right: 11px !important;
}

.app-pr-15 {
    padding-right: var(--space-15px) !important;
}

.app-pr-5 {
    padding-right: var(--space-5px);
}

.app-p-15 {
    padding: var(--space-15px);
}
/*************************************Padding************************************/
/*************************************Margin************************************/
.app-m-0-auto{
    margin:0 auto;
}

.app-m-0-auto-imp {
    margin: 0 auto !important;
}

.app-m-auto {
    margin: auto; 
}
.app-mr-10 {
    margin-right: var(--space-10px) !important;
}
.app-mt-0 {
    margin-top:0;
}
.app-mt-1 {
    margin-top: 1px !important;
}
.app-mt-2 {
    margin-top: 2px;
}
.app-mt-n-2 {
    margin-top: -2px;
}
.app-mt-3 {
    margin-top: 3px !important;
}
.app-mt-6 {
    margin-top: 6px !important;
}
.app-mr-45 {
    margin-right: var(--space-45px) !important;
}

.app-ml-45{
    margin-left: 45px;
}

.app-mt-50 {
    margin-top: var(--space-50px);
}

.app-mt-10 {
    margin-top: var(--space-10px) !important;
}

.app-mr-15 {
    margin-right: var(--space-15px);
}
.app-mr-8 {
    margin-right: var(--space-8px) !important;
}
.app-mr-25 {
    margin-right: var(--space-25px) !important;
}
.app-mr-80 {
    margin-right: var(--space-80px) !important;
}
.app-mr-70 {
    margin-right: var(--space-70px) !important;
}
.app-mr-90{
    margin-right:90px;
}
.app-mt-15 {
    margin-top: var(--space-15px) !important;
}

.app-mt-25 {
    margin-top: var(--space-25px);
}
.app-mr-18{
    margin-right:18px !important;
}
.app-mr-20 {
    margin-right: var(--space-20px) !important;
}

.app-mr-30 {
    margin-right: var(--space-30px);
}
.app-mr-36 {
    margin-right: 36px;
}

.app-mr-40 {
    margin-right: var(--space-40px);
}

.app-mt-20 {
    margin-top: var(--space-20px) !important;
}

.app-mt-30 {
    margin-top: var(--space-30px) !important;
}

.app-mt-40 {
    margin-top: var(--space-40px) !important;
}

.app-mb-30 {
    margin-bottom: var(--space-30px);
}

.app-ml-5 {
    margin-left: var(--space-5px);
}

.app-ml-7{
    margin-left:7px;
}

.app-ml-3 {
    margin-left: 3px;
}
.app-mr-2 {
    margin-right: 2px;
}
.app-mr-3 {
    margin-right: 3px;
}
.app-ml-auto {
    margin-left: auto;
}
.app-mt-auto {
    margin-top: auto;
}
.app-mb-auto {
    margin-bottom: auto;
}

.app-ml-mr-3 {
    margin-left: 3px;
    margin-right: 3px;
}

.app-ml-0 {
    margin-left: 0 !important;
}

.app-ml-60 {
    margin-left: var(--space-60px) !important;
}

.app-ml-65 {
    margin-left: var(--space-65px);
}

.app-ml-70 {
    margin-left: var(--space-70px) !important;
}

.app-ml-80 {
    margin-left: var(--space-80px) !important;
}

.app-ml-17per {
    margin-left: 17%;
}

.app-ml-16 {
    margin-left: var(--space-16px);
}

.app-mr-auto {
    margin-right: auto;
}

.app-m-0 {
    margin: 0 !important;
}

.app-m-20 {
    margin: var(--space-20px) !important;
}

.app-m-15 {
    margin: var(--space-15px);
}

.app-m-10 {
    margin: var(--space-10px);
}

.app-m-5 {
    margin: var(--space-5px);
}
.app-mb-0 {
    margin-bottom: 0 !important;
}

.app-mt-5 {
    margin-top: var(--space-5px) !important;
}

.app-mb-5 {
    margin-bottom: var(--space-5px);
}

.app-ml-mr-10 {
    margin-left: var(--space-10px);
    margin-right: var(--space-10px);
}

.app-ml-mr-20 {
    margin-left: var(--space-20px);
    margin-right: var(--space-20px);
}

.app-margin-0-auto {
    margin: 0 0 auto auto;
}

.app-margin-top {
    margin-top: 0.7em;
}

.app-mb-10 {
    margin-bottom: var(--space-10px);
}

.app-mb-15 {
    margin-bottom: var(--space-15px);
}

.app-mb-20 {
    margin-bottom: var(--space-20px) !important;
}

.app-mb-25 {
    margin-bottom: var(--space-25px) !important;
}
.app-mb-65 {
    margin-bottom: var(--space-65px) !important;
}

.app-ml-20 {
    margin-left: var(--space-20px) !important;
}

.app-ml-25 {
    margin-left: var(--space-25px);
}

.app-ml-30 {
    margin-left: var(--space-30px) !important;
}

.app-ml-35 {
    margin-left: var(--space-35px);
}

.app-mr-0 {
    margin-right: 0 !important;
}

.app-mr-5 {
    margin-right: var(--space-5px) !important;
}

.app-ml-10 {
    margin-left: var(--space-10px) !important;
}

.app-ml-15 {
    margin-left: var(--space-15px) !important;
}

.app-ml-18 {
    margin-left: 18px !important;
}
/*************************************Margin************************************/
/*************************************Flex************************************/
.app-flex-auto {
    flex: auto;
    -ms-flex: auto;
}
.app-flex-unset {
    flex:unset!important;
}

.app-d-grid {
    display: grid;
}

.app-d-grid-imp{
    display: grid !important;
}
.app-flex-none{
    flex:none!important;
}

.app-grid-auto-columns {
    grid-template-columns: max-content 1fr;
}

.app-d-contents {
    display: contents;
}

.app-d-flex {
    display: flex;
    display: -ms-flexbox;
}

.app-d-flex-imp {
    display: flex !important;
    display: -ms-flexbox !important;
}

.app-flex-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.flex-50-box {
    flex: 1 0 50%;
}
.app-grid-auto-columns {
    grid-template-columns: auto 1fr;
}
.app-flex-dir-columns{
    flex-direction: column;
}
.flex-50-box {
    flex: 1 0 50%;
}
.app-flex-dynamic-width {
    flex: 0 1 auto;
}
.app-flex-2 {
    flex: 2;
}

.app-flex-3 {
    flex: 3;
}

.app-flex-4 {
    flex: 4;
}

.app-flex-5 {
    flex: 5;
}

.app-flex-6 {
    flex: 6;
}

.app-flex-7 {
    flex: 7;
}

.app-flex-8 {
    flex: 8;
}

.app-flex-9 {
    flex: 9;
}

.app-flex-10 {
    flex: 10;
}

.app-opcity-0 {
    opacity: var(--opacity-zero);
}

.app-opcity-3 {
    opacity: var(--opacity-three);
}

.app-opcity-4 {
    opacity: var(--opacity-four);
}

.app-opcity-6 {
    opacity: var(--opacity-six);
}

.app-opcity-7 {
    opacity: var(--opacity-seven);
}

.app-d-table {
    display: table;
}
.app-table-fixed-layout{
    table-layout:fixed
}
.app-d-flex-inline {
    display: inline-flex;
    display: -ms-inline-flexbox;
}

.app-flex-row {
    flex-direction: row;
    -ms-flex-direction: row;
}

.app-flex-row-reverse {
    flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
}

.app-flex-column {
    flex-direction: column;
    -ms-flex-direction: column;
}

.app-align-items-start {
    align-items: flex-start;
}
.app-grid-align-items-start {
    align-content: start
}

.app-align-items-end {
    align-items: flex-end;
}

.app-align-items-baseline {
    align-items: baseline;
}

.app-align-items-stretch {
    align-items: stretch;
}

.app-align-items-center {
    align-items: center;
}

.app-justify-content-center {
    justify-content: center;
}
.app-justify-content-space-evenly {
    justify-content: space-evenly;
}

.app-justify-content-start {
    justify-content: start;
}

.app-justify-content-end {
    justify-content: end;
}

.app-justify-content-between {
    justify-content: space-between;
}

.app-justify-content-around {
    justify-content: space-around;
}

.app-flex-nowrap {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
}

.app-flex-wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.app-list-style-none {
    list-style: none;
}

.app-max-width {
    width: max-content;
}

.app-visibility-hidden {
    visibility: hidden;
}

.app-right-0{
    right:0 !important;
}

.app-left-0{
    left:0;
}

.app-top-0{
    top:0;
}

.app-right-20 {
    right: var(--space-20px);
}

.app-right-15 {
    right: var(--space-15px);
}

.app-right-10 {
    right: var(--space-10px);
}

.app-top-20 {
    top: var(--space-20px);
}

.app-row-gap-10 {
    row-gap: var(--space-10px);
}
.app-flex-shrink-0 {
    flex-shrink: 0;
}
.app-flex-grow-1 {
    flex-grow: 1;
}
/*************************************Flex************************************/
/*************************************Radio button************************************/
.app-radio {
    padding-left: var(--space-20px);
    position: relative;
    display: inline-block;
}

.app-radio input {
    opacity: 0;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    margin-left: -20px;
}

.app-radio input:checked + label::before {
    background-color: var(--brand-light-backgroundcolor-indicator);
}

.app-radio input:checked + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    border-radius: var(--global-large-border-radius);
    -moz-border-radius: var(--global-large-border-radius);
    background-color: var(--brand-default-light-background);
    width: var(--space-8px);
    height: var(--space-8px);
    left: var(--space-4px);
    top: 7px;
    margin-left: -19px;
}

.app-radio label {
    display: inline-block;
    position: relative;
    padding-left: var(--space-5px);
    margin-right: 29px;
    margin-bottom: 0;
}

.app-radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0;
    margin-left: -20px;
    border: 1px solid var(--global-text-color);
    border-radius: 50%;
    -moz-border-radius: 50%;
    background-color: var(--brand-default-light-background);
    width: 18px;
    height: 18px;
    top: 2px;
    box-sizing: border-box;
}

/*************************************Radio button************************************/
/**********************************app card**********************************/
.app-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: var(--brand-default-light-background);
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    height: var(--space-250px);
    min-height: var(--space-250px);
}
/**********************************app card**********************************/
/*************************************Dropdown************************************/
.app__dropdown, .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover, .app__dropdown .k-dropdownlist:active, .app__dropdown .k-dropdownlist:focus, .app__dropdown .k-dropdownlist:visited {
    height: var(--space-40px) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    width: var(--space-200px) !important;
}
.app__dropdown .k-dropdownlist.app-w-150, .app__dropdown .k-dropdownlist.app-w-150:hover, .app__dropdown .k-dropdownlist.app-w-150:active, .app__dropdown .k-dropdownlist.app-w-150:focus, .app__dropdown .k-dropdownlist.app-w-150:visited {
    width: var(--space-150px) !important;
}
.app__dropdown .k-dropdownlist:hover, .app__dropdown .k-dropdownlist:active, .app__dropdown .k-dropdownlist:focus, .app__dropdown .k-dropdownlist:focus-within, .app__dropdown .k-dropdownlist:visited {
    border: 1px solid var(--global-form-container-border) !important;
}
.app__dropdown.app-height-35, .app__dropdown.app-height-35:hover, .app__dropdown.app-height-35 .app-combo-dropdown.k-combobox, .app-height-35 .k-dropdownlist, .app__dropdown.app-height-35 .k-dropdownlist:hover, .app__dropdown.app-height-35 .k-dropdownlist:active, .app__dropdown.app-height-35 .k-dropdownlist:focus, .app__dropdown.app-height-35 .k-dropdownlist:visited {
    height: var(--space-35px) !important;
}
.app__dropdown.app-height-40, .app__dropdown.app-height-40 .k-dropdownlist, .app__dropdown.app-height-40 .k-dropdownlist:hover, .app__dropdown.app-height-40 .k-dropdownlist:active, .app__dropdown.app-height-40 .k-dropdownlist:focus, .app__dropdown.app-height-40 .k-dropdownlist:visited, .app__dropdown.app-height-40 .k-dropdownlist .k-input-button {
    height: var(--space-40px) !important;
}
.app__dropdown.app-height-40 .k-dropdownlist.k-picker .k-input-value-text { line-height:18px; }
.view__optionlist.app__dropdown.app__dropdownmenulist { width:auto!important; }
.app__dropdown .app-w-100.k-widget, .app__dropdown .app-w-100.k-widget .k-dropdown-wrap { width: 100% !important; }

.app__dropdown .k-widget .k-dropdownlist .k-input-inner,
.app__dropdown .k-widget .k-state-active .k-input-inner,
.app__dropdown .k-widget .k-state-focus .k-input-inner {
    padding-top: var(--space-10px) !important;
    color: var(--global-text-color) !important;
    padding-bottom: 0 !important;
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    font-weight: 400;
    margin: 0 !important;
    line-height: 21px !important;
}

.app__dropdown .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
    height: var(--space-35px);
}

    .app__dropdown .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
        background-position: right var(--space-5px) top var(--space-16px) !Important;
        background-repeat: no-repeat;
        height: var(--space-35px);
        width: var(--space-15px);
    }

.app__dropdown .k-widget .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
    background-image: url(../Images/AdminPlus/caret-black-up.svg);
}

.app-kgrid-dropdown .k-widget {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

.app-kgrid-dropdown .k-dropdown-wrap.k-state-default {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-input-border-color) !important;
}

.app-kgrid-dropdown .k-icon {
    color: var(--global-border-dark);
}

.app-kgrid-dropdown .k-button-icontext {
    padding: 0 !important;
    color: var(--global-text-color) !important;
}

.app-kgrid-dropdown .k-input {
    color: var(--global-text-color) !important;
    font-weight: 500 !important;
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    letter-spacing: 0.16px;
}

.app__dropdownmenulist .dropdown-menu {
    margin: 0;
    border: 1px solid var(--global-user-menu-border);
    box-shadow: none;
    -moz-box-shadow: none;
    background: var(--brand-default-light-background);
}
/*common for dropdown*/
.dropdown.open > .dropdown-menu {
    display: block;
}
/*common for dropdown*/
.app__dropdownmenulist .dropdown-menu li a {
    padding: var(--space-10px) var(--space-20px);
    font-size: var(--global-text-size);
    text-align: left;
    font-family: var(--global-font-family-regular);
    font-weight: 500 !Important;
    color: var(--global-text-color);
    background-color: var(--brand-default-light-background);
    cursor: default;
    display: block;
    text-decoration: none;
}

    .app__dropdownmenulist .dropdown-menu li a:hover {
        background-color: rgba(var(--brand-table-row-background), var(--opacity-two)) !important;
        color: var(--global-text-color) !important;
    }

/*************************************Dropdown************************************/
/*************************************Toggle Swicher************************************/
.app-toggle > input[type="checkbox"] {
    display: none;
}

.app-toggle > label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: var(--space-30px);
}

    .app-toggle > label::before {
        background: var(--brand-app-toggle-background-color);
        content: '';
        height: var(--space-10px);
        margin-top: -8px;
        position: absolute;
        transition: all 0.4s ease-in-out;
        width: var(--space-30px);
        border: 1px solid var(--global-app-toggle-border-color);
        border-radius: var(--space-10px);
        -moz-border-radius: var(--space-10px);
        box-shadow: inset 0 -3px 6px var(--global-box-shadow-color);
        -moz-box-shadow: inset 0 -3px 6px var(--global-box-shadow-color);
    }

    .app-toggle > label::after {
        background: var(--brand-default-light-background);
        border-radius: var(--space-16px);
        -moz-border-radius: var(--space-16px);
        content: '';
        height: var(--space-20px);
        left: 0;
        margin-top: -3px;
        position: absolute;
        top: -10px;
        transition: all 0.3s ease-in-out;
        width: var(--space-20px);
        border: 1px solid var(--global-app-toggle-border);
    }

.app-toggle > input[type="checkbox"]:checked + label::before {
    background: var(--global-togggle-button);
    opacity: var(--opacity-six);
    border: none;
}

.app-toggle > input[type="checkbox"]:checked + label::after {
    background: var(--global-togggle-button);
    left: var(--space-10px);
    border: none;
}

.app-toggle > input[type="checkbox"]:checked ~ label::before {
    background: var(--global-togggle-button);
    opacity: var(--opacity-six);
    border: none;
}

.app-toggle > input[type="checkbox"]:checked ~ label::after {
    background: var(--global-togggle-button);
    left: var(--space-10px);
    border: none;
}
/*************************************Toggle Swicher************************************/
/**************************************Toggle Button**************************************/
.app__toggle .toggle__knobs,
.layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.app__toggle .app__togglebutton {
    width: 160px;
    height: 36px;
    margin-right: var(--space-20px);
}

    .app__toggle .app__togglebutton,
    .app__toggle .app__togglebutton .layer {
        border-radius: var(--space-100px);
        -moz-border-radius: var(--space-100px);
    }

        .app__toggle .app__togglebutton .toggle__checkbox {
            position: relative;
            width: 100%;
            height: 100%;
            padding: 0;
            margin: 0;
            opacity: 0;
            cursor: pointer;
            z-index: 3;
        }

        .app__toggle .app__togglebutton .toggle__knobs {
            z-index: 2;
        }

        .app__toggle .app__togglebutton .layer {
            font-size: var(--global-text-size-sm);
            width: 100%;
            background-color: var(--brand-dark-backgroundcolor-indicator);
            transition: 0.3s ease all;
            z-index: 1;
        }

.app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    position: absolute;
    top: 1px;
    width: 95px;
    height: 28px;
    font-family: var(--global-font-family-semibold);
    text-align: center;
    line-height: 1;
    padding: 9px var(--space-4px);
    transition: 0.3s ease all;
    border-radius: var(--global-large-border-radius);
    -moz-border-radius: var(--global-large-border-radius);
    display: inline-block;
            left: 7px;
            color: var(--global-text-color);
            z-index: 1;
            font-size: var(--global-text-size);
}

.app__toggle .app__togglebutton .toggle__knobs:before {
    position: absolute;
    top: var(--space-4px);
    width: 103px;
    height: 28px;
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-semibold);
    text-align: center;
    line-height: 1;
    transition: 0.3s ease all;
    border-radius: var(--global-large-border-radius);
    -moz-border-radius: var(--global-large-border-radius);
    content: '';
    left: var(--space-4px);
    background-color: var(--brand-default-light-background);
}

        .app__toggle .app__togglebutton .toggle__knobs:after {
            position: absolute;
            top: 1px;
            width: auto;
            height: 28px;
            text-align: center;
            line-height: 1;
            padding: var(--space-10px) var(--space-5px);
            transition: 0.3s ease all;
            border-radius: var(--global-large-border-radius);
            -moz-border-radius: var(--global-large-border-radius);
            content: 'Calendar View';
            right: var(--space-45px);
            font-size: var(--global-text-size);
            opacity: var(--opacity-six);
        }

        .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs .app__toggleone {
            color: var(--global-text-light);
            font-weight: var(--gloabl-default-font-weight);
        }

        .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs {
            color: var(--global-text-light);
        }

            .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
                left: 120px;
                background-color: var(--brand-default-light-background);
                width: 120px;
                opacity: var(--opacity-two);
            }

.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
    color: var(--global-text-color);
    letter-spacing: 0.15px;
    font-weight: var(--gloabl-bold-font-weight);
    white-space: nowrap;
}

        .app__toggle .app__togglebutton .layer, .app__header .app__toggle .app__togglebutton .toggle__knobs {
            max-width: 245px;
            height: 36px;
        }

.app__toggle {
    color: var(--global-text-light);
}

.toggle__knobs {
    max-width: 280px;
}
/**************************************End Toggle Button**************************************/
/*************************************Button************************************/
.app-button {
    padding: 6px var(--space-15px);
    font-size: var(--global-text-size-sm);
    font-family: var(--global-font-family-regular);
    height: var(--space-40px) !important;
    width: auto;
    min-width: 85px;
}

.app-primary-btn {
    background: var( --brand-main-backgroundcolor-indicator);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
}

.app-primary-success-btn {
    background: var( --brand-success-green);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    font-family: var(--global-font-family-semibold);
    border: none;
}

.app-primary-success-btn:hover {
    background: var( --brand-dark-success-green);
}


.app-shade-btn {
    background: var(--brand-grey-shade-bg);
    color: var(--global-color-tertiary);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
}
    .app-primary-btn:hover {
        background: var(--brand-dark-backgroundcolor-indicator);
        color: var(--global-text-light);
        font-weight: var(--gloabl-default-font-weight);
    }
.app-green-btn {
    background: var(--brand-bg-green);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
}

    .app-green-btn:hover {
        background: var(--brand-success-color);
        color: var(--global-text-light);
        font-weight: var(--gloabl-default-font-weight);
    }
.app-light-blue-btn {
    background: var(--brand-app-header-background);
    color: var(--global-send-template-text-color);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: 1px solid var(--global-border-light);
}

.app-light-blue-btn:hover {
    background: var(--brand-app-header-background);
    color: var(--global-text-color);
}



.app-home-primary-btn {
    background: var(--brand-app-header-background);
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
}

    .app-home-primary-btn:hover {
        background: var(--brand-side-menubar-background);
        color: var(--global-text-color);
        font-weight: var(--gloabl-default-font-weight);
    }

.app-primary-btn__img {
    height: var(--space-16px);
    margin: 0 var(--space-5px);
    margin-top: -3px;
}

.save__img {
    height: var(--space-20px);
}

.add__img {
    height: 11px;
}

.app-secondary-btn {
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: 1px solid var(--global-link-color);
    color: var(--global-link-color);
    font-weight: var(--gloabl-default-font-weight);
    font-family: var(--global-font-family-semibold);
}

    .app-secondary-btn:hover {
        background: var(--brand-dark-backgroundcolor-indicator);
        color: var(--global-text-light);
        font-weight: var(--gloabl-default-font-weight);
    }

.app-secondary-btn__img,
.app-secondary-btn__img-on-hover {
    height: var(--space-16px);
    margin-right: 2px;
    margin-top: -2px;
}

.app-secondary-btn__img-on-hover {
    display: none;
}

.app-secondary-btn:hover .app-secondary-btn__img-on-hover {
    display: inline-block;
}

.app-secondary-btn:hover .app-secondary-btn__img {
    display: none;
}

.add-btn {
    height: 14px;
    margin-right: var(--space-5px);
    margin-bottom: 2px;
}

.app-ternary-btn {
    background: var( --brand-app-header-background);
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
    cursor: pointer;
    height: var(--space-30px) !important;
}

    .app-ternary-btn:hover {
        background: var( --brand-fade-highlight-background);
        cursor: pointer;
    }

.app-dropdown-button {
    height: var(--space-40px) !important;
}

.app-success-btn {
    background: var(--brand-success-color);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
}
.app-primary-btn.app-main-action {
    background: var(--brand-main-action-color);
}
.app-primary-btn.app-main-action:hover {
    background: var(--brand-main-action-solid-color);
}
.app-primary-btn.app-highlight-button {
    background: var(--global-dark-red-color);
}

.app-primary-btn.app-highlight-button:hover {
    background: var(--global-dark-red-solid-color);
}

.app-secondary-btn-with-no-hover {
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: 1px solid var(--global-link-color);
    color: var(--global-link-color);
    font-weight: var(--gloabl-default-font-weight);
    font-family: var(--global-font-family-semibold);
}

/*************************************Button************************************/

/*************************************Text************************************/
.app-text-end {
    text-align: end;
}

.app-text-start {
    text-align: start;
}
.app-text-unset{
    text-align:unset!important;
}

.app-text-capitalize {
    text-transform: capitalize;
}

.app-text-uppercase {
    text-transform: uppercase;
}

.app-text-center {
    text-align: center !important;
}

.app-text-right{
    text-align: right;
}

.app-text-left{
    text-align: left;
}

.app-letter-spacing-16 {
    letter-spacing: 0.16px;
}

.app-letter-spacing-14 {
    letter-spacing: 0.14px;
}

.app-letter-spacing-18 {
    letter-spacing: 0.18px;
}

.app-letter-spacing-20 {
    letter-spacing: 0.2px;
}

.app-letter-spacing-22{
    letter-spacing:0.22px;
}

.app-letter-spacing-25{
    letter-spacing:0.25px;
}

.app-letter-spacing-28{
    letter-spacing:0.28px;
}

.app-letter-spacing-30 {
    letter-spacing: 0.30px;
}

.app-letter-spacing-8 {
    letter-spacing: 0.8px;
}

.app-letter-spacing-1{
    letter-spacing: 1px;
}

.app-white-space-nowrap { white-space:nowrap; }

.app-truncate {
    max-width: fit-content;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 0;
}
.app-width-fit {
    width: fit-content;
}
.app-width-max-content{
    width: max-content;
}
.app-no-wrap {
    white-space: nowrap;
}
.app-white-space {
    white-space: nowrap;
}
.app-white-space-normal {
    white-space:normal;
}
.app-word-break-all {
    word-break: break-all;
}
.app-no-max-width {
    max-width: none;
}

.app-double-line-truncate {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.app-students-header {
    color: var(--global-color-primary) !important;
}
.app-line-height-0 {
    line-height: 0;
}
.app-line-height-20 { line-height: var(--space-20px); } 
.app-line-height-22 { line-height: 22px; }
.app-line-height-25 { line-height: var(--space-25px); }
.app-line-height-28 { line-height: 28px; }
.app-line-height-17 { line-height: 17px !important;}
.app-line-height-18 { line-height: 18px !important;}
.app-line-height-40 { line-height: var(--space-40px); }
.app-line-height-45 { line-height: var(--space-45px) !important; }
/*************************************Text************************************/
/**********************************Textarea*************************/
.input__textarea {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-dropdown-border) !important;
}

    .input__textarea:hover,
    .input__textarea:focus-within {
        border: 1px solid var(--global-grid-selection-color) !important;
    }
    
    input__textarea--active {
        border: 1px solid var(--global-grid-selection-color) !important;
    }

.input__textarea textarea {
    border: none;
    height: 100%;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    color: var(--global-text-color);
    font-size: var(--font-16px);
    font-family: var(--source-sans-pro-regular);
    font-weight: var(--gloabl-default-font-weight) !important;
    min-height: var(--space-100px);
    resize: vertical !important;
}

.resize-none {
    resize: none !important;
}
/**********************************End Textarea*************************/
/*************************************Position************************************/
.app-position-absolute {
    position: absolute !important;
}
.app-position-static {
    position: static !important;
}
.app-position-relative {
    position: relative;
}
.app-position-sticky {
    position: sticky;
}
.app-start-100 {
    left: 100%;
}

.app-position-fixed {
    position: fixed
}

.app-ptop-5 {
    top: var(--space-5px);
}
/*************************************Position************************************/
/*************************************Float************************************/
.app-push-right {
    float: right;
}

.app-push-left {
    float: left;
}

.app-clear {
    clear: both;
}
/*************************************Float************************************/

/*************************************Display************************************/
.app-d-block {
    display: block!important;
}

.app-d-none {
    display: none !important;
}

.app-d-inline-block {
    display: inline-block;
}
.app-d-table-cell{
    display:table-cell;
}

.app-d-table-row{
    display: table-row;
}
/*************************************Display************************************/
/*************************************Expand Icon************************************/
.app-expanded-icon {
    height: var(--space-20px);
    width: var(--space-20px);
    opacity: .8;
}

    .app-expanded-icon:hover {
        opacity: 1;
    }
/*************************************Expand Icon************************************/

/*************************************Global classes************************************/
.app-rounded {
    border-radius: 50%;
    -moz-border-radius: 50%;
}
.app-icon-size {
    width: var(--space-16px);
}
.app-large-icon-size {
    width: 18px;
}
.app-box-size {
    box-sizing: border-box;
}

.app-lightblue-bg {
    background-color: var(--brand-lightblue-bg-color) !important;
}
.app-warning-info-box-bg {
    background: var(--brand-warning-infobox-bg) !important;
}

.app-component-lightblue-bg {
    background: var( --brand-component-lightblue-background);
}

.app-grey-bg {
    background: var(--brand-component-primary-background) !important;
}
.app-table-td-fields-bg {
    background-color: var(--brand-table-td-field-bg) !important;
}
.app-component-secondary-bg {
    background: var(--brand-component-secondary-background);
}
.app-no-border {
    border: none !important;
}
.app-semiblue-bg {
    background-color: var(--brand-light-backgroundblue);
}

.app-indicator-blue-bg {
    background-color: var(--brand-grid-color-indicator-blue)
}
.app-automaticalert-bg {
    background-color: var(--global-automatic-alert-popup-title-background-color);
}

.app-border {
    border: 1px solid var(--global-greyish-border-light) !important;
}
.app-grey-dark-border {
    border: 1px solid var(--global-login-border);
}
.app-grey-light-border {
    border: 1px solid var(--global-greylight-border);
}
.app-noborder-top {
    border-top: none !important;
}

.app-noborder-bottom {
    border-bottom: none !important;
}
.app-blue-border-highlight, .app-blue-border-highlight:focus {
    border: 2px solid var(--global-form-container-border);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}
.app-blue-border {
    border: 1px solid var(--global-blue-border);
}

.app-blue-border-bottom {
    border-bottom: 1px solid var(--global-blue-border);
}

.app-blue-dashed-border {
    border: 1px dashed var(--global-blue-border);
}
.app-grey-dashed-border {
    border: 1px dashed var(--global-standard-grey-border);
}

.app-border-blue {
    border: 1px solid var(--global-border-blue);
}
.app-border-white {
    border: 1px solid var(--global-border-light);
}
.app-border-bottom-white {
    border-bottom: 1px solid var(--global-border-light);
}
.app-lightwhite-bg {
    background: var(--brand-tinblue-bg-color) !important;
}
.app-bt-grey {
    border-top: 1px solid var(--global-standard-grey-border);
}
.app-bb-grey {
    border-bottom: 1px solid var(--global-standard-grey-border);
}
.app-bl-grey {
    border-left: 1px solid var(--global-standard-grey-border);
}
.app-bl-neutral-color {
    border-left: 1px solid var(--global-hr-border-color);
}
.app-br-neutral-color {
    border-right: 1px solid var(--global-hr-border-color)!important;
}
.app-br-grey {
    border-right: 1px solid var(--global-standard-grey-border);
}
.app-grey-border, .app-grey-border:focus {
    border: 1px solid var(--global-standard-grey-border) !important;
}


.app-border-orange {
    border: 1px solid var(--global-border-orange) !important;
}
.app-border-orangeclr {
    border: 1px solid var(--global-process-inprogress-boxshadow) !important;
}

.app-no-box-shadow {
    box-shadow: none !important;
}

.app-border-right-blue {
    border-right: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
}
.app-border-right-blue-double {
    border-right: 2px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
}

.app-dark-black-border {
    border: 1px solid var(--global-dark-black-border);
}

.app-border-box {
    border: 1px solid var(--global-box-border)!important;
}

.app-grey-light-border-bottom {
    border-bottom: 1px solid var(--global-box-border);
}

.app-box-shadow {
    box-shadow: 0 3px 6px var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 0 3px 6px var(--global-kendo-table-boxshadow);
}

.app-elevation-box-shadow {
    box-shadow: var(--global-elevation-shadow);
    -moz-box-shadow: var(--global-elevation-shadow);
}

.app-box-grey-dark-shadow {
    box-shadow: 0 1px 3px var(--global-grey-dark-box-shadow);
    -moz-box-shadow: 0 1px 3px var(--global-grey-dark-box-shadow);
}

.app-box-shadow-medium {
    box-shadow: 0 2px var(--space-4px) var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 0 2px var(--space-4px) var(--global-kendo-table-boxshadow);
}

.app-box-shadow-dark {
    box-shadow: 0 3px 6px var(--global-box-shadow-color);
    -moz-box-shadow: 0 3px 6px var(--global-box-shadow-color);
}

.app-shadow-light {
    box-shadow: 0 2px var(--space-4px) var(--global-box-shadow-color) !important;
    -moz-box-shadow: 0 2px var(--space-4px) var(--global-box-shadow-color) !important;
}

.app-inner-drop-shadow {
    box-shadow: 0 1px var(--space-4px) var(--global-box-shadow-light-dark) !important;
    -moz-box-shadow: 0 1px var(--space-4px) var(--global-box-shadow-light-dark) !important;
}

.app-box-shadow-light {
    box-shadow: 0 3px 6px var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0 3px 6px var(--global-user-menu-boxshadow);
}

.app-box-shadow-lighter {
    box-shadow: 0 1px 3px var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0 1px 3px var(--global-user-menu-boxshadow);
}

.app-dark-box-shadow {
    box-shadow: 0 3px 6px rgba(var(--global-dark-rgb-box-shadow),var(--opacity-two));
    -moz-box-shadow: 0 3px 6px rgba(var(--global-dark-rgb-box-shadow),var(--opacity-two));
}

.app-w-fit{
    width:fit-content;
}

.app-w-9 {
    width: 9px;
}
.app-w-14px {
    width:14px;
}
.app-w-16 {
    width: var(--space-16px);
}
.app-w-20px {
    width: var(--space-20px) !important;
}
.app-w-26px {
    width: 26px;
}
.app-h-16 {
    height: var(--space-16px);
}
.app-h-18 {
    height: 18px;
}
.app-h-12 {
    height: var(--space-12px) !important;
}
.app-w-100 {
    width: 100% !important;
}
.app-width-100px {
    width: var(--space-100px);
}
.app-width-80px {
    width: var(--space-80px);
}
.app-w-18{
    width: 18px;
}
.app-w-11{
    width:11%;
}

.app-w-14{
    width:14%;
}

.app-w-540{
    width:540px;
}

.app-w-335{
    width:335px;
}
.app-max-w-335 {
    max-width: 335px;
}
.app-h-335px {
   height: 335px;
}
.app-max-w-100{
    max-width:100% !important;
}
.app-max-w-500 {
    max-width: 500px;
}
.app-max-w-300 {
    max-width: var(--space-300px);
}
.app-max-w-200 {
    max-width: 200px;
}
.app-max-w-220 {
    max-width: 220px;
}
.app-max-w-250 {
    max-width: 250px;
}
.app-max-w-270 {
    max-width: 270px;
}
.app-max-h-270px {
    max-height: 270px;
}
.app-max-w-107 {
    max-width: 107px;
}

.app-max-width-20 {
    max-width: 20%;
}

.app-max-width-50 {
    max-width: 50%;
}

.app-w-600 {
    width: 600px !important;
}
.app-w-145px {
    width:145px;
}
.app-w-150 {
    width: 150px;
}
.app-w-20 {
    width: 20% !important;
}
.app-w-25per {
    width: 25% !important;
}
.app-w-50 {
    width: 50% !important;
}
.app-w-50vw{
    width:50vw;
}
.app-w-10 {
    width: 10% !important;
}
.app-w-35 {
    width: 35% !important;
}

.app-w-55{
    width: 55% !important;
}
.app-w-60 {
    width: 60% !important;
}
.app-w-65 {
    width: 65% !important;
}
.app-w-68 {
    width: 68% !important;
}
.app-w-80 {
    width: 80% !important;
}
.app-w-70pxs {
    width: var(--space-70px) !important;
    min-width: var(--space-70px) !important;
}
.app-w-76px {
    width: 76px !important;
}
.app-w-100px {
    width: var(--space-100px) !important;
}
.app-w-120px {
    width: 120px;
}

.app-min-width-130px{
    min-width:130px;
}
.app-w-130 {
    width:130px;
}
.app-w-128 {
    width:128px;
}

.app-min-width-max-content{
    min-width: max-content;
}
.app-min-w-120px {
    min-width: 120px;
}

.app-min-width-175px{
    min-width:175px;
}
.app-mw-90px {
    min-width:90px;
}
.app-min-w-200px {
    min-width: var(--space-200px);
}
.app-min-w-700 {
    min-width: 700px;
}
.app-w-165px {
    width: 165px;
}
.app-w-170 {
    width: 170px!important;
}
.app-w-180 {
    width: 180px !important;
}
.app-w-185 {
    width: 185px !important;
}
.app-w-205{
    width:205px !important;
}

.app-w-80px { width: var(--space-80px); }
.app-w-50px { width: var(--space-50px); }
.app-max-w-50px { max-width: var(--space-50px); }
.app-max-w-55px { max-width: var(--space-55px); }
.app-max-w-100px { max-width: 100px;}
.app-w-60px { width: var(--space-60px); }
.app-w-35px { width: var(--space-35px); }
.app-w-25px { width: var(--space-25px); }
.app-w-190, .app__dropdown .k-dropdownlist.app-w-190 {
    width: 190px !important;
}

.app-w-275 {
    width: 275px;
}

.app-w-270{
    width:270px;
}
.app-w-200 {
    width: var(--space-200px);
}
.app-w-220 {
    width: 220px !important;
}
.app-w-225{
    width:225px;
}

.app-w-235 {
    width: 235px !important;
}

.app-w-195 {
    width: 195px;
    min-width:195px;
}
.app-w-240 {
    width: 240px;
}
.app-w-250 {
    width: var(--space-250px);
}
.app-width-260px{
    width:260px;
}

.app-w-280{
    width:280px;
}

.app-w-293{
    width:293px;
}

.app-w-295{
    width:295px;
}

.app-width-60 {
    width: 60%;
}

.app-w-85 {
    width: 85%;
}
.app-width-18 {
    width: 18px !important;
}
.app-width-20 {
    width: var(--space-20px);
}
.app-width-40 {
    width: var(--space-40px);
}
.app-width-60 {
    width: var(--space-60px) !important;
}
.app-w-40 {
    width: 40% !important;
}
.app-w-33px{
    width:33px;
}

.app-w-47 {
    width: 47% !important;
}
.app-min-width-40px{
    min-width:40px;
}
.app-w-48 {
    width: 48% !important;
}
.app-w-74 {
    width: 74% !important;
}
.app-w-70 {
    width: 70%!important;
}
.app-width-75 {
    width:75%!important
}
.app-w-90 {
    width: 90% !important;
}
.app-w-95 {
    width: 95% !important;
}
.app-w-98 {
    width: 98% !important;
}
.app-w-30 {
    width: 30% !important;
}
.app-w-27 {
    width: 27% !important;
}
.app-w-38 {
    width: 38% !important;
}
.app-w-45 {
    width: 45% !important;
}
.app-w-150 {
    width: var(--space-150px) !important;
}

.app-w-450 {
    width: 450px !important;
}
.app-w-457 {
    width: 457px !important;
}

.app-min-width-385px{
    min-width:385px !important;
}

.app-w-378px{
    width: 378px !important;
}

.app-w-400 {
    width: var(--space-400px) !important;
}

.app-w-470 {
    width: 470px !important;
}
.app-w-415 {
    width: 415px !important;
}

.app-w-500 {
    width: 500px !important;
}

.app-w-515{
    width:515px;
}

.app-min-w-500 {
    min-width: 500px !important;
}

.app-w-525 {
    width: 525px !important;
}

.app-w-550 {
    width: 550px !important;
}

.app-w-720 {
    width: 720px !important;
}

.app-modal750 {
    width: 750px !important;
}

.app-w-400 .k-dropdownlist, .app-w-400px,
.app-w-400.app__dropdown,
.app-w-400.app__dropdown .k-dropdownlist,
.app-w-400.app__dropdown .k-dropdownlist:hover,
.app-w-400.app__dropdown .k-dropdownlist:active,
.app-w-400.app__dropdown .k-dropdownlist:focus,
.app-w-400.app__dropdown .k-dropdownlist:visited {
    width: var(--space-400px) !important;
}

.app-w-300, .app-width-300,
.app-w-300 .k-dropdownlist,
.app-w-300.app__dropdown,
.app-w-300.app__dropdown .k-dropdownlist,
.app-w-300.app__dropdown .k-dropdownlist:hover,
.app-w-300.app__dropdown .k-dropdownlist:active,
.app-w-300.app__dropdown .k-dropdownlist:focus,
.app-w-300.app__dropdown .k-dropdownlist:visited {
    width: var(--space-300px) !important;
}

.app-w-h-150,
.app-w-h-150 .k-dropdownlist,
.app-w-h-150.app__dropdown,
.app-w-h-150.app__dropdown .k-dropdownlist,
.app-w-h-150.app__dropdown .k-dropdownlist:hover,
.app-w-h-150.app__dropdown .k-dropdownlist:active,
.app-w-h-150.app__dropdown .k-dropdownlist:focus,
.app-w-h-150.app__dropdown .k-dropdownlist:visited {
    width: var(--space-150px) !important;
    height: var(--space-35px) !important;
}

.app-min-width-auto {
    min-width: auto;
}

.app-width-min-content{
    width: min-content;
}

.app-minwidth-200 {
    min-width: var(--space-200px);
}

.app-minwidth-300 {
    min-width: var(--space-300px);
}
.app-minwidth-400 {
    min-width: var(--space-400px);
}

.app-w-350px {
    width: var(--space-350px);
}

.app-w-360px{
    width:360px;
}

.app-ml-9per {
    margin-left: 9%;
}

.app-min-w-90 {
    min-width: 90px;
}
.app-min-w-80 {
    min-width: 80px;
}
.app-min-w-75 {
    min-width: 75px;
}
.app-min-w-60 {
    min-width: var(--space-60px);
}
.app-min-w-30 {
    min-width: var(--space-30px);
}
.app-min-w-50 {
    min-width: var(--space-50px);
}
.app-border-radius {
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}

.app-border-radius-20 {
    border-radius: var(--global-large-border-radius);
    -moz-border-radius: var(--global-large-border-radius);
}
.app-border-radius-10 {
    border-radius: var(--global-medium-border-radius);
    -moz-border-radius: var(--global-medium-border-radius);
}
.app-border-radius-12 {
    border-radius: var(--space-12px);
    -moz-border-radius: var(--space-12px);
}
.app-border-radius-50 {
    border-radius: var(--space-50px);
    -moz-border-radius: var(--space-50px);
}
.app-translate-middle {
    transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
}

.app-h-auto {
    height: auto !important;
}

.app-h-fit {
    height: fit-content;
}

.app-min-h-auto {
    min-height: auto !important;
}
.app-min-h-100 {
    min-height: 100% !important;
}
.app-min-h-80px { min-height: var(--space-80px) !important; }
.app-min-h-21px {
    min-height: 21px !important;
}
.app-min-h-200 { min-height: var(--space-200px) !important; }
.app-minheight-300 { min-height: var(--space-300px); }
.app-w-90px{ width:90px !important; }
.app-h-100 { height: 100% !important; }
.app-h-50px { height: var(--space-50px) !important; }
.app-h-40px { height: var(--space-40px) !important; }
.app-h-45px { height: var(--space-45px) !important; } 
.app-h-60px { height: var(--space-60px) !important; } 
.app-h-70px { height: var(--space-70px) !important; }
.app-h-75px { height: var(--space-75px) !important; }
.app-w-70px { width: var(--space-70px) !important; }
.app-w-75px { width: var(--space-75px); }
.app-w-auto { width: auto !important; }
.app-w-13 { width: 13px; }
.app-height-5 { height:var(--space-5px) !important; }
.app-height-15 { height: var(--space-15px) !important; }
.app-height-18{ height:18px !important; }
.app-height-20 { height: var(--space-20px) !important; }
.app-height-24 { height: var(--space-24px) !important; }
.app-height-25 { height: var(--space-25px) !important; }
.app-height-30 { height: var(--space-30px) !important; }
.app-height-35 { height: var(--space-35px) !important; }
.app-height-40 { height: var(--space-40px) !important; }
.app-height-45 { height: var(--space-45px) !important; }
.app-height-50 { height: var(--space-50px); }
.app-height-55 { height: var(--space-55px); }
.app-height-60 { height: var(--space-60px); }
.app-height-65 { height: var(--space-65px) !important; }
.app-height-80 { height: var(--space-80px) !important; }
.app-max-height-285{ max-height:285px; }
.app-height-150 { height: var(--space-150px) !important; }
.app-height-300 { height: var(--space-300px) !important; }
.app-height-33 {
    height: 33px !important;
}

.app-height-40 {
    height: 40px !important;
}

.app-height-45{
    height:45px !important;
}

.app-height-50 {
    height: 50px!important;
}
.app-height-55 {
    height: 55px;
}
.app-height-60{
    height:60px;
}

.app-height-65 {
    height: 65px !important;
}

.app-height-80{
    height: 80px !important;
}
.app-max-height-285{
    max-height:285px;
}
.app-height-130 {
    height: 130px !important;
}
.app-height-150 {
    height: 150px !important;
}
.app-height-268 {
    height: 268px !important;
}
.app-height-240 {
    height: 240px !important;
}
.app-height-300 {
    height: 300px !important;
}
.app-height-384 {
    height: 384px !important;
}
.app-height-400 {
    height: 400px !important;
}
.app-height-600 {
    height: 600px !important;
}
.app-h-80 {
    height: 80% !important;
}
.app-page-height {
    overflow: auto;
    height: calc(var(--app-height) - var(--header-height));
}
.app-lightBdr-right {
    border-right: 1px solid var(--global-seperator-color);
}

.app-darkgreyBdr-right {
    border-right: 1px solid var(--global-box-border);
}
.app-darkgreyBdr {
    border: 1px solid var(--global-search-placeholder-color) !important;
}

.app-greyBdr-right {
    border-right: 1px solid var(--global-dailyAttendance-border-color);
}

.app-darkBdr-right {
    border-right: 1px solid var(--global-border-dark);
}

.app-darkBdr-top {
    border-top: 1px solid var(--global-border-dark);
}

.app-darkBdr-bottom {
    border-bottom: 1px solid var(--global-border-dark);
}

.app-lightBdr-bottom {
    border-bottom: 1px solid var(--global-input-border-color);
}

.app-lightBdr-top {
    border-top: 1px solid var(--global-input-border-color);
}

.app-grid-bottom-border {
    border-bottom: 1px solid var(--global-penalty-summary-details-color);
}
.app-text-white {
    color: var(--global-text-light) !important;
}

.app-text-secondary {
    color: var(--global-color-secondary) !important;
}

.app-black-bg {
    background-color: var(--brand-default-dark-background) !important;
}
.app-dark-blue-bg {
    background-color: var(--brand-container-darkblue-backgroud);
}
.app-white-bg {
    background-color: var(--brand-default-light-background) !important;
}
.app-blue-bg {
    background-color: var(--brand-dark-blue);
}
.app-red-warning-bg {
    background-color: var(--brand-warning-red-bg);
}
.app-light-blue-bg {
    background-color: var(--brand-light-backgroundcolor-indicator);
}
.app-verylight-blue-bg {
    background-color: var(--brand-light-color-blue-bg);
}
.app-darklayer-bg {
    background: var(--global-active-background);
}
.app-light-gray-bg {
    background-color: var(--brand-background-light-gray) !important;
}

.app-very-light-gray-bg {
    background-color: var(--brand-very-light-grey-bg);
}

.app-very-light-orange-bg {
    background-color: var(--brand-very-light-orange-bg);
}

.app-very-light-green-bg {
    background-color: var(--brand-very-light-green-bg);
}

.app-very-light-red-bg {
    background-color: var(--brand-grid-color-indicator-red);
}


.app-medium-light-blue-bg {
    background-color: var(--brand-light-blue);
}

.app-light-blue-color {
    background-color: var(--brand-background-light-blue);
}
.app-text-black {
    color: var(--global-text-color) !important;
}
.app-text-green {
    color: var(--global-green-color) !important;
}
.app-blue-color {
    color: var(--global-link-color);
}
.app-dimlight-blue-color {
    color: var(--global-light-blue-color);
}
.app-blue-dark-color {
    color: var(--global-link-dark-color);
}
.app-text-d-green {
    color: var(--global-dark-green-color);
}
.app-text-sky-blue, .app-text-sky-blue:hover, .app-text-sky-blue:active {
    color: var(--global-light-color-indicator) !important;
}
.app-text-dark-grey {
    color: var(--global-dark-grey-color)
}
.app-text-rust-orange {
    color: var(--global-rust-orange-color);
}
.app-text-deep-green {
    color: var(--global-deep-green-color);
}

.app-error-red-color {
    color: var(--global-error-red-color);
}

.app-pointer {
    cursor: pointer !important;
}

.cursor-default {
    cursor: default !important;
}

.app-row {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.app-card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.1rem;
}

.app-card-header {
    margin-bottom: 0;
    background-color: var(--brand-main-backgroundcolor-indicator);
    color: var(--global-text-light);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    height: var(--space-50px);
    padding: 13px var(--space-20px);
}

.app-card-dark-header {
    background: var(--brand-container-dark-background);
}
.app-card-light-header {
    background: var(--brand-container-lighter-background);
}

.app-popup__dropdown-border {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}

.k-datepicker.app-no-border:has(.app-popup__dropdown-border), .k-datepicker.app-no-border:has(.app-blue-border-highlight) {
    border: none !important;
}

.app-overflow-auto {
    overflow: auto;
}

.app-overflow-y-auto{
    overflow-y: auto;
}

.app-overflow-x-auto {
    overflow-x: auto;
}
.app-overflow-x-hidden{
    overflow-x:hidden;
}
/*.app-overflow-y-auto {
    overflow-y: hidden;
}*/
.app-overflow-y-hidden {
    overflow-y: hidden!important;
}

.app-border-top-left-radius {
    border-top-left-radius: var(--global-border-radius) !important;
}

.app-border-top-right-radius {
    border-top-right-radius: var(--global-border-radius) !important;
}
.app-border-bottom-left-radius {
    border-bottom-left-radius: var(--global-border-radius) !important;
}
.app-border-bottom-right-radius {
    border-bottom-right-radius: var(--global-border-radius);
}

.app-border-top-left-radius-0 {
    border-top-left-radius: 0 !important;
}

.app-border-top-right-radius-0 {
    border-top-right-radius: 0 !important;
}

.app-border-bottom-left-radius-0 {
    border-bottom-left-radius: 0 !important;
}

.app-border-bottom-right-radius-0 {
    border-bottom-right-radius: 0 !important;
}

.app-border-bottom-0 {
    border-bottom: none !important;
}

.app-border-left-0 {
    border-left: none !important;
}

.app-border-right-0 {
    border-right: none !important;
}

.app-mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.app-cursor {
    cursor: pointer !important;
}

.app-cursor-default {
    cursor: default !important;
}

.app-overflow-hidden {
    overflow: hidden !important;
}

.app-overflow-visible {
    overflow: visible !important;
}

.app-no-border-radius {
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

.app-blue-link, .app-blue-link :hover{
    color: var(--global-editor-color) !important;
    text-decoration: underline !important;
}

.app-edit {
    background: url(../Images/AdminPlus/edit-small-black.svg) no-repeat transparent !important;
    border: none;
    width: var(--space-16px);
}

.app-delete {
    background: url(../Images/AdminPlus/delete-small-black.svg) no-repeat transparent !important;
    border: none;
    width: var(--space-16px);
}

.app-cancel {
    background: url(../Images/AdminPlus/cancel-black-small.svg) no-repeat transparent !important;
    border: none;
    width: var(--space-16px);
}

.app-save {
    background: url(../Images/AdminPlus/save-black-small.svg) no-repeat transparent !important;
    border: none;
    width: var(--space-16px);
    background-size: 14px var(--space-16px) !important;
}

.app-flex-gap-5 {
    gap: var(--space-5px);
}
.app-flex-gap-10 {
    gap: var(--space-10px);
}

.app-flex-gap-15 {
    gap: var(--space-15px);
}

.app-flex-gap-20 {
    gap: var(--space-20px);
}
.app-flex-gap-70 {
    gap: var(--space-70px);
}

.app-gap-20 {
    gap: var(--space-20px);
}
.app-gap-10 {
    gap: 10px;
}
.app-row-gap-20 {
    row-gap: var(--space-20px);
}
.app-column-gap-5 {
    column-gap: var(--space-5px);
}
.app-column-gap-10 {
    column-gap: var(--space-10px);
}
.app-column-gap-20 {
    column-gap: var(--space-20px);
}
.app-column-gap-50 {
    column-gap: var(--space-50px);
}
.app-para {
    letter-spacing: 0.18px;
    line-height: var(--space-24px);
}

.text-underlined {
    text-decoration: underline;
}

.img-size__20 {
    width: var(--space-20px);
    height: var(--space-20px);
}
.app-mt-min-3 {
    margin-top: -3px;
}

.app-grid-border {
    border: 1px solid var(--global-border-light) !important;
}
.box-size {
    box-sizing: border-box;
}
.app-blue-light-border {
    border: 1px solid var(--global-light-color-indicator);
}
.app-light-blue-border-email {
    border: 1px solid var(--global-light-blue-border-color);
}
.app-light-blue-border-bottom {
    border-bottom: 1px solid var(--global-light-blue-border-color);
}
.app-verylight-blue-border-bottom {
    border-bottom: 1px solid var(--global-verylight-blue-border-color);
}

.app-verylight-blue-border {
    border: 1px solid var(--global-verylight-blue-border-color);
}
.app-text-red {
    color: var(--global-red-color);
}

/*************************************Global classes************************************/
/*********************************Top header*******************************************/
.apps__tabs-header .nav-tabs > li > a:hover {
    background-color: transparent;
    border-bottom: 3px solid var( --global-light-color-indicator);
    color: var(--global-text-color);
    cursor: pointer;
}

.apps__tabs-header .nav-tabs {
    height: var(--space-60px);
    border-bottom: 0;
    background: var(--brand-default-light-background);
    padding-left: 15px;
}

    .apps__tabs-header .nav-tabs > li > a {
        background-color: transparent;
        color: var(--global-text-color);
        padding: var(--space-15px) 0 1px 0 !important;
        margin: 0 0 13px 0;
        border: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        border-bottom: 3px solid transparent;
        font-weight: 500 !important;
        cursor: pointer;
        font-size: var(--global-text-size);
    }

    .apps__tabs-header .nav-tabs > li.active > a,
    .apps__tabs-header .nav-tabs > li.active > a:hover .apps__tabs-header .nav-tabs > li.active > a:focus {
        background-color: transparent;
        border-bottom: 3px solid var( --global-light-color-indicator);
        color: var(--global-text-color);
        font-weight: 600 !important;
    }

    .apps__tabs-header .nav-tabs > li {
        margin-right: var(--space-30px);
        margin-bottom: 0;
    }

input[type=checkbox] {
    width: 17px;
    height: 17px;
    font-size: var(--global-text-size-xxxs);
    display: inline-block;
    margin: 0;
    padding: 0;
}

.apps__tabs-header {
    position: relative;
}

    .apps__tabs-header .startup_page {
        position: absolute;
        top: var(--space-15px);
        right: var(--space-15px);
        display: none;
    }

/*********************************Top header*******************************************/
.seperation__line {
    position: relative;
    margin: 0 var(--space-20px);
    height: var(--space-30px);
    width: 1px;
    background: rgba(var(--global-border-dark-rgb), var(--opacity-six));
}

.grey-seperation__line {
    position: relative;
    margin: 0 var(--space-20px);
    width: 1px;
    background: var(--global-standard-grey-border);
}
.textseperation__line {
    position: relative;
    height: var(--space-15px);
    width: 1px;
    background: rgba(var(--global-border-dark-rgb), var(--opacity-six));
}
/*************************************Global classes************************************/
.app-link, .app-link:hover {
    color: var(--global-link-color);
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.app-input input.input__box {
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !important;
    height: var(--space-35px) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-dropdown-border) !important;
    color: var(--global-text-color);
    font-size: var(--global-text-size);
}

.app-input input.input__box:hover,.app-input input.input__box:active,.app-input input.input__box:focus,.app-input input.input__box:visited,.app-input input.input__box:focus-within {
    border: 1px solid var(--global-form-container-border) !important;
}

.app-input input[readonly] {
    background-color: var(--brand-input-readonly);
    color: var(--global-color-secondary) !important;
    opacity: 1 !important;
}

.app__dropdown .k-dropdown-wrap.k-state-default {
    border: 1px solid var(--global-dropdown-border) !important;
}

.app__dropdown .k-dropdown-wrap.k-state-default:hover{
    border: 1px solid var(--global-form-container-border) !important;
}

/* Date Picker Starts */
.app__datepicker .k-datepicker {
    position: relative;
    padding: 0;
    background-color: var(--brand-default-light-background);
    border: 1px solid var(--global-dropdown-border) !important;
    height: 100%;
}
.app__datepicker .k-datepicker:hover, .app__datepicker .k-datepicker:focus, .app__datepicker .k-datepicker:focus-within {
    border: 1px solid var(--global-form-container-border) !important;
}
.app__datepicker .k-datepicker input.form-control {
    border: none;
    height: 100%;
    color: var(--global-text-color);
}
.app__datepicker .k-datepicker button.k-input-button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    padding:0;
    height:100% !important;
}
.app__datepicker button.k-input-button .k-i-calendar:before {
    display: none;
}
.app__datepicker .k-picker-wrap .k-select {
    border-width: 0;
    width: var(--space-40px);
}
.app__datepicker .k-i-calendar {
    background-image: url(../Images/AdminPlus/calendar-black.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    height: var(--space-25px);
    width: var(--space-40px);
    background-size: 22px;
}
/* Date Picker on Grid */
.app-kgrid__container .k-icon.k-i-calendar:before {
    background-image: url(../Images/AdminPlus/calendar-black.svg) !important;
    background-repeat: no-repeat;
    background-size: var(--space-16px);
    width: var(--space-24px);
    height: var(--space-24px);
    content: " " !important;
    background-position: right var(--space-8px) top var(--space-4px) !Important;
}
.app-kgrid__container .app__datepicker .k-picker-wrap.k-state-default {
    height: var(--space-35px) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-dropdown-border) !important;
}
.app-kgrid__container .app__datepicker .k-i-calendar {
    background-size: var(--space-16px);
}
.app-kgrid__container .k-datepicker .k-input-button {
    width:auto;
    height:auto !important;
}
/* Date Picker Ends */
/*Start: Layout : I*/
#idContainer::-webkit-scrollbar {
    display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: var(--global-search-placeholder-color) !important;
}

::-moz-placeholder { /* Firefox 19+ */
    color: var(--global-search-placeholder-color) !important;
}

:-ms-input-placeholder { /* IE 10+ */
    color: var(--global-search-placeholder-color) !important;
}
/*End: Layout*/
/*Start: global green container */
.app-green__container ul {
    list-style: none;
}

    .app-green__container ul li span {
        line-height: 18px;
    }

.app-green__container ul li span.item__course:first-child {
    width: 125px;
}
.app-green__container ul li span.line-schedule__teacher-name:first-child {
    width: 160px;
}

        .app-green__container ul li span:first-child:before {
            position: absolute;
            left: -20px;
            top: 2px;
            width: var(--space-12px);
            height: var(--space-12px);
            background: url(../Images/AdminPlus/clock-small.svg);
            background-size: var(--space-12px);
            content: "";
        }

        .app-green__container ul li span br {
            content: "";
            margin: 0;
            display: block;
        }

    .app-green__container ul li {
        padding: var(--space-8px) var(--space-10px) var(--space-5px);
        margin-bottom: var(--space-5px);
        display: table;
        width: 100%;
        border: 2px solid transparent;
    }

        .app-green__container ul li.active {
            background: var(--brand-schedule-div-color);
            border-radius: var(--global-border-radius);
            -moz-border-radius: var(--global-border-radius);
            border: 1px solid var(--global-ap-active-border);
            box-shadow: inset -3px var(--space-12px) var(--space-20px) -20px var(--global-grey-dark-box-shadow);
            -moz-box-shadow: inset -3px var(--space-12px) var(--space-20px) -20px var(--global-grey-dark-box-shadow);
            align-items: center;
        }

/*End: global green container */
/*start : Global Snapshot grid */
.app-snapshot-grid {
    border: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
    list-style: none;
}

    .app-snapshot-grid li {
        padding: var(--space-8px) var(--space-20px);
        border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
    }

        .app-snapshot-grid li:last-child {
            border-bottom: none !important;
        }

.border-radius-table .app-snapshot-grid {
    border: none !important;
}

    .border-radius-table .app-snapshot-grid li:first-child {
        border-top-left-radius: var(--space-10px);
        border-top-right-radius: var(--space-10px);
    }

    .border-radius-table .app-snapshot-grid li:last-child {
        border-bottom-left-radius: var(--space-10px);
        border-bottom-right-radius: var(--space-10px);
    }

.app-snapshot-grid li:nth-child(odd) {
    background: var(--brand-grid-odd-bg);
}

.app-snapshot-grid li:nth-child(even) {
    background: var( --brand-grid-even-bg);
}

.white__seperation__line {
    width: 1px;
    background: var(--brand-default-light-background);
}

.cursornotallowed {
    cursor: not-allowed;
}

.text-decoration-none {
    text-decoration: none !important;
}

.app-vertical-middle {
    vertical-align: middle;
}
.app-vertical-align-text-top {
    vertical-align: text-top;
}
.app-vertical-top{
    vertical-align: top;
}
.app-vertical-sub {
    vertical-align: sub;
}
.app-width-115 {
    width: 115px;
}

.app-w-115 {
    max-width: 115px;
}

.app-w-75{
    max-width:75%;
}
.app__greyline__seperator {
    border-left: 1px solid var(--global-login-border);
    height: auto;
    margin: 0 var(--space-20px);
}
/******************Contacts Custom Header Starts**************/
.app-table-kgrid__container .k-header, .app-table-kgrid__container .k-grid-header {
    background-color: var(--brand-container-lighter-background) !important;
    height: var(--space-40px);
    background-image: none;
    vertical-align: middle !important;
    border-radius: 0;
    -moz-border-radius: 0;
    padding-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

    .app-table-kgrid__container .k-grid-header .k-header > .k-link {
        color: var(--global-text-color);
    }

.app-table-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before,
.app-table-kgrid__container .app-table thead tr th.k-header:not(:last-child):before,
.app-table-kgrid__container .k-grid-header-locked thead tr th.k-header:last-child:before {
    height: var(--space-20px);
    width: 1px;
    background: var(--brand-default-dark-background);
    top: 0;
    right: 0;
    content: "";
    position: relative;
    float: right;
}

.app-table-kgrid__container.k-grid tr:hover {
    background-color: rgba(var(--brand-table-row-background), var(--opacity-two)) !important;
    color: var(--global-text-color);
}

.app-table-kgrid__container.k-grid tr:first-child:hover {
    background-color: none !important;
    color: var(--global-text-color);
}

.app-table-kgrid__container .k-grid-header-wrap {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.app-table-kgrid__container table {
    width: 100%;
}

.app-table-kgrid__container td {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
}

.app-table-kgrid__container .k-grid-content.k-auto-scrollable {
    overflow-y: auto;
}

.app-table-kgrid__container.k-grid td {
    border: none;
}
/******************Contacts Custom Header Ends**************/

/* -------------------- Required Field ------------------- */
.required__mark {
    color: var(--global-text-required);
}
.required-label-star {
    left: -15px;
}
.no-outline {
    outline: none;
}

.app-grey-color {
    color: var(--brand-modal-color);
}

.app-blue-light-color {
    color: var(--global-light-color-indicator);
}
/* -------------------- css class name for app-kendo-datepicker kendo generated date picker component starts------------------- */
/* -------------------- css class name for app-combo-dropdown kendo generated combobox component starts------------------- */
.app-kendo-datepicker.k-datepicker, .app-combo-dropdown.k-combobox, .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker {
    display: inline-flex;
    padding: 0 0 0 var(--space-15px);
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !important;
    border: 1px solid var(--global-dropdown-border) !important;
    height: var(--space-40px) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

.app-kendo-datepicker.k-datepicker:hover,.app-combo-dropdown.k-combobox:hover,.app-combo-dropdown .k-picker:hover,.app-combo-dropdown .k-picker:focus-within {
    border: 1px solid var(--global-form-container-border) !important;
}

.app-kendo-datepicker .k-input-inner, .app-combo-dropdown .k-input-inner, .app-combo-dropdown .k-input-inner.input__box {
    padding: 0 !important;
    border: none !important;
}

.app-combo-dropdown .k-picker .k-input-inner, .app-combo-dropdown.k-picker .k-input-inner {
    margin-left: -8px !important;
}

.app-combo-dropdown .k-input-inner.input__box:hover {
    border: none !important;
}

.app-combo-dropdown .k-button {
    background: transparent;
    width: var(--space-35px);
}

.app-combo-dropdown .k-icon.k-i-arrow-s:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
    background-position: right var(--space-5px) top var(--space-16px) !Important;
    background-repeat: no-repeat;
    height: var(--space-35px);
    width: var(--space-15px);
}

.app-combo-dropdown.k-disabled, .app-combo-dropdown.k-disabled .k-input-inner, .app-kendo-datepicker.k-disabled, .app-kendo-datepicker.k-disabled .k-input-inner, .app-combo-dropdown.k-picker.k-disabled .k-input-button.k-button {
    background-color: var(--brand-input-readonly) !important;
    color: var(--global-color-secondary) !important;
    opacity: 1 !important;
}

.app-combo-dropdown.k-picker.k-disabled {
    border: 1px solid var(--global-dropdown-border) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}
/* -------------------- css class name for app-kendo-datepicker kendo generated date picker component ends------------------- */
/* -------------------- css class name for app-combo-dropdown kendo generated combobox component ends------------------- */

/****Dropdown up and down arrow for normal dropdowns Starts*****/
.app__dropdown .k-i-arrow-s:before {
    background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    transition: all ease 0.3s;
}

.app__dropdown .k-state-border-down .k-i-arrow-s:before {
    transform: rotate(180deg);
    transition: all ease 0.3s;
}
/****Dropdown up and down arrow for normal dropdowns Ends*****/
.ap__bg-transparent{
    background:transparent!important;
}
/*warningfade popup design*/
#warningfade {
    background-color: var(--brand-pastel-green-bg);
    border: 2px solid var(--global-light-green-border);
    height: auto;
    z-index: 99999;
    padding: var(--space-10px);
    width: max-content;
    border-radius: var(--space-5px);
    position: absolute;
    left: 50%;
    top: 2%;
    transform: translateX(-50%);
}

#failmessagefade {
    background: var(--brand-warning-red-bg);
    border: 1px solid var(--global-dark-red-border);
    height: auto;
    z-index: 99999;
    padding: var(--space-10px);
    width: max-content;
    border-radius: var(--space-5px);
    position: absolute;
    left: 50%;
    top: 2%;
    transform: translateX(-50%);
}

@-webkit-keyframes warning {
    0% {
        background-color: var(--brand-pastel-green-bg);
        opacity: 1;
        z-index: 2;
    }

    80% {
        opacity: 1;
        z-index: 2;
    }

    100% {
        opacity: 0;
        z-index: 0;
    }
}
/*warningfade popup design*/
/*custom grid design*/
.app__customgrid .customgrid-header,
.daily-attendance-messages .staff__absences {
    background-color: var(--brand-container-dark-background);
    color: var(--global-text-light);
    height: var(--space-40px);
    padding: var(--space-8px) var(--space-20px);
    border-top-right-radius: var(--space-5px);
    border-top-left-radius: var(--space-5px);
}

.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-header th.k-header:first-child,
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-content td:first-child,
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container td:first-child,
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-content-locked td:first-child {
    padding-left: var(--space-20px) !important;
}

.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-header th.k-header,
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-content td,
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container td,
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-content-locked td {
    padding-left: var(--space-10px) !important;
}

.app__customgrid .app-kgrid__container .k-header,
.app__customgrid .app-kgrid__container .k-grid-header {
    background-color: var(--brand-grid-odd-bg) !important;
}

.app__customgrid .app-kgrid__container .k-header .k-link {
    color: var(--global-text-color) !important;
    font-family: var(--global-font-family-semibold) !important;
}

.app__customgrid .app-kgrid__container table tbody tr {
    background-color: var(--brand-default-light-background) !important;
}

.app__customgrid .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:first-child):before,
.app__customgrid .app-kgrid__container .app-table thead tr th.k-header:not(:first-child):before,
.app__customgrid .app-kgrid__container .k-grid-header-locked thead tr th.k-header:first-child:before {
    background: var(--brand-default-dark-background-alpha) !important;
    left: 0;
    height: var(--space-25px);
    width: 1px;
    top: var(--space-8px);
    right: 0;
    content: "";
    position: absolute;
}
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-content td:first-child, .bulletin__multi-grid-sec .app__customgrid .app-kgrid__container td:not(:last-child) {
    border-right: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
}

/*custom grid design*/

/*** Statistics Left borders on Incidents School ***/
.app-statistics-grid { box-shadow: 0 3px 6px var(--global-translucent-black); } 
.app-statistics-grid li { padding: var(--space-4px) var(--space-20px); border: 1px solid var(--global-hr-border-color); border-radius:var(--space-5px); margin-top:-1px; position:relative; min-height:var(--space-50px); }
.app-statistics-grid li:before { position:absolute; content:""; width:var(--space-5px); height:100%; top:0; left:0; border-top-left-radius:var(--space-5px); border-bottom-left-radius:var(--space-5px); }
.app-statistics-grid li.app-statistics-orange:before { background:var(--brand-statistics-orange); }
.app-statistics-grid li.app-statistics-green:before { background:var(--brand-statistics-green); }
.app-statistics-grid li.app-statistics-navy-blue:before { background:var(--brand-statistics-navy-blue); }
.app-statistics-grid li.app-statistics-brown:before { background:var(--brand-statistics-brown); }
.app-statistics-grid li.app-statistics-sky-blue:before { background:var(--brand-statistics-sky-blue); }
.app-statistics-grid li.app-statistics-yellow:before { background:var(--brand-statistics-yellow); }
.app-statistics-grid li.app-statistics-malachite:before { background:var(--brand-statistics-malachite); }
.app-statistics-grid.statistics-with-header li:first-child:before{ border-top-left-radius:0; }
.app-statistics-grid.statistics-with-header li:first-child { border-top-left-radius:0; border-top-right-radius:0; }

.ap-cursordisable {
    pointer-events: none;
    cursor: not-allowed;
}

/*******************Border Colors*******************/
.app-light-blue-line-border {
    border: 1px solid var(--global-grid-border);
}

.app-light-blue-line-border-top {
    border-top: 1px solid var(--global-grid-border);
}

.app-light-blue-line-border-bottom {
    border-bottom: 1px solid var(--global-grid-border);
}
.app-light-blue-line-border-left {
    border-left: 1px solid var(--global-grid-border);
}
.app-light-blue-line-border-right {
    border-right: 1px solid var(--global-grid-border);
}
.app-light-blue-border-box {
    border: 1px solid var(--global-light-blue-border-color);
}
.app-bl-rust-orange-color {
    border-left: 3px solid var(--global-rust-orange-color);
}

.app-bl-deep-green-color {
    border-left: 3px solid var(--global-deep-green-color);
}
.app-bl-blue-color {
    border-left: 3px solid var(--global-border-blue);
}

.app-bl-dark-purple-color {
    border-left: 3px solid var(--global-dark-purple-color);
}

.app-bl-dark-orange-color {
    border-left: 3px solid var(--global-dark-orange-color);
}

.app-bl-light-purple-color {
    border-left: 3px solid var(--global-light-purple-color);
}

.app-bl-light-green-color {
    border-left: 3px solid var(--global-light-green-color);
}

.app-bl-light-orange-color {
    border-left: 3px solid var(--global-light-orange-border);
}

.app-bl-light-blue-color {
    border-left: 3px solid var(--global-light-blue-border);
}

.app-bl-medium-purple-color {
    border-left: 3px solid var(--global-medium-purple-border);
}

.app-bl-deep-grey-color {
    border-left: 3px solid var(--global-standard-grey-border);
}

.app-bl-blue-border-color {
    border-left: 3px solid var(--global-blue-border);
}

.app-bl-purple-border-color {
    border-left: 3px solid var(--global-medium-purple-color);
}
/*******************Border Colors*******************/

/******************Color Border Box and Color Box Background******************/
.blue-border-box {
    border: 1px solid var(--global-link-color);
}
.app-red-border {
    border: 1px solid var(--global-red-color);
}
.blue-border-line {
    background: var(--global-light-color-indicator);
    width: var(--space-5px);
}

.app-left-blue-container {
    height: var(--space-65px);
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-link-color);
}

.app-left-blue-line {
    background: var(--global-light-color-indicator);
    height: 100%;
    width: var(--space-5px);
    left: 0;
    top: 0;
}

.app-border-left-blue-bg {
    border-left: var(--space-5px) solid var(--global-border-blue) !important;
}
.app-global-border {
    border: 1px solid var(--global-dropdown-border) !important;
}

.app-box-light-blue-bg {
    background: var(--global-dimlight-blue-bg) 0% 0% no-repeat padding-box;
    border: 2px solid var(--global-border-blue);
}

.app-box-light-blue-bg:hover {
    border: 2px solid var(--global-dark-blue-border-color);
    text-decoration: underline;
    border-left: var(--space-5px) solid var(--global-border-blue);
    text-decoration-color: var(--global-border-blue);
    box-shadow: 0 3px 6px var( --global-user-menu-boxshadow);
}

.app-blue-table-border {
    border: 1px solid var(--brand-email-recipients-grid-row);
}

.app-blue-gap-dashed-border {
    background: repeating-linear-gradient(to right, var(--global-blue-border) 0 var(--space-10px), transparent var(--space-5px) var(--space-16px)), repeating-linear-gradient(to bottom, var(--global-blue-border) 0 var(--space-10px), transparent 1px 18px), repeating-linear-gradient(to left, var(--global-blue-border) 0 var(--space-10px), transparent var(--space-5px) 17px), repeating-linear-gradient(to top, var(--global-blue-border) 0 var(--space-10px), transparent 1px 18px);
    background-position: top, right, bottom, left;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.app-grey-gap-dashed-border {
    background: repeating-linear-gradient(to right, var(--global-standard-grey-border) 0 var(--space-5px), transparent 0 var(--space-10px)), repeating-linear-gradient(to bottom, var(--global-standard-grey-border) 0 var(--space-5px), transparent 0 var(--space-10px)), repeating-linear-gradient(to left, var(--global-standard-grey-border) 0 var(--space-5px), transparent 0 var(--space-10px)), repeating-linear-gradient(to top, var(--global-standard-grey-border) 0 var(--space-5px), transparent 0 var(--space-10px));
    background-position: top, right, bottom, left;
    background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100%;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

.app-kendo-table-border {
    border-color: rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
    border-width: 0.5px 1px 1px 0.5px !important;
    border-style: solid !important;
}

.app-search-border {
    border: 1px solid var(--global-card-border);
}

.app-red-box-info {
    background: var(--brand-red-bg);
    border: 1px solid var(--global-dark-red-border);
}
.app-text-red-warning {
    color: var(--brand-red-color);
}

.app-orange-box {
    background: var(--brand-orange-bg);
}

.app-border-orange-color {
    border-color: var(--brand-statistics-orange) !important;
}

.app-text-underline:hover {
    text-decoration: underline !important;
    color: var(--global-link-color) !important;
}

.app-send-schedule-light-blue-bg {
    background: var(--brand-light-color-blue-bg) 0% 0% no-repeat padding-box;
    border: 2px solid var(--global-border-blue);
}
/******************Color Border Box and Color Box Background******************/
/****Border Colors****/

/*****Global Hover Icons Starts**********/
.hover-icons:hover .hover-hide-image {
    display: none !important;
}

.hover-icons:hover .hover-icons-hover {
    display: inline !important;
}

.hover-icons-hover {
    display: none;
}

/******Gloabal CheckBox Position******/
.checkbox-label .check-mark.global-check-mark {
    top: -1px;
}
/******Gloabal CheckBox Position******/
.app-min-290{
    min-height:290px;
}

.app-disable-button {
    background: var(--global-disable-grey);
    color: var(--global-text-color);
    border: none;
    border-radius: var(--global-border-radius);
    pointer-events: none;
}
.app-disabled-dark-grey-btn {
    background: var(--brand-dark-grey-bg);
    color: var(--global-text-color);
    border: none;
    border-radius: var(--global-border-radius);
    pointer-events: none;
}
.app-disable-grey-button {
    background: var(--global-disable-grey);
    color: var(--global-dark-grey-color);
    border: none;
    border-radius: var(--global-border-radius);
    pointer-events: none;
    font-family: var(--global-font-family-semibold);
    letter-spacing: 0.16px;
}
.app-disable-light-grey-button {
    background: var(--global-disable-grey);
    color: var(--global-dark-grey-color);
    border: none;
    border-radius: var(--global-border-radius);
    pointer-events: none;
}

.app-pointer-events-enable {
    pointer-events: visible !important;
}
.app-pointer-events-enable.disableAllControls .k-button { cursor: default !important; }

/******Gloabal CheckBox Position******/
.app-top-5 {
    top: var(--space-5px);
}

.app-top-10 {
    top: var(--space-10px);
}
.app-top-10-imp {
    top: var(--space-10px) !important;
}

.app-width-5px {
    width: var(--space-5px);
}
/******Gloabal CheckBox Position******/
.app-width-125 {
    width: 125px;
}

.app-h-w-16 {
    height: var(--space-16px);
    width: var(--space-16px);
}

.app-h-w-18 {
    height: 18px;
    width: 18px;
}

.app-h-w-12 {
    height: var(--space-12px);
    width: var(--space-12px);
}

.app-h-w-14{
    height:14px;
    width:14px;
}

.app-h-w-20 {
    height: 20px;
    width: 20px;
}

.app-h-w-24{
    height: 24px;
    width:24px;
}

.app-z-index-999999 {
    z-index: 999999;
}

.app-z-index-2{
    z-index: 2;
}

.app-kendo-table-border {
    border-color: rgba(var(--brand-table-row-background), 0.4) !important;
    border-width: 0.5px 1px 1px 0.5px !important;
    border-style: solid !important;
}

.app-background-none{
    background: none;
}

.app-d-inline-grid{
    display: inline-grid;
}

.app-w-440{
    width:440px;
}

.app-kgrid__white-container .app-kgrid__container tr:nth-child(odd), .app-kgrid__white-container .app-kgrid__container tr:nth-child(even), .app-kgrid__white-container .app-kgrid__container tr:hover {
    background: none !important;
    height: var(--space-40px);
}
/*timepicker code starts here*/
.app__timepicker .k-input-button {
    background-color: var(--brand-app-header-background) !important;
    border-left: 1px solid var(--global-dropdown-border) !important;
    width: var(--space-40px);
    padding: 0;
}
.app__timepicker .k-input-button .k-i-clock {
    width: var(--space-40px);
    height: var(--space-35px);
}
.app__timepicker .k-input-button .k-i-clock:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/clock-black.svg);
    background-position: right var(--space-10px) top var(--space-10px) !Important;
    background-repeat: no-repeat;
    height: var(--space-35px);
    width: var(--space-35px);
    background-size: var(--space-16px);
}
.app__timepicker .k-timepicker {
    border: 1px solid var(--global-dropdown-border) !important;
    width: var(--space-150px);
}
/*timepicker code ends here*/
.app-box-shadow-darker {
    box-shadow: 0 6px var(--space-12px) var(--global-box-shadow);
    -moz-box-shadow: 0 6px var(--space-12px) var(--global-box-shadow);
}

.app-height-max-content {
    height: max-content;
}

.app-margin-right-auto {
    margin-right: auto;
}

.app-height-180 {
    height: 180px;
}
/*app-input__search-box starts*/
.app-input__search-box .image-search {
    top: 11px;
    left: var(--space-10px);
}

.app-input__search-box .image-close {
    top: var(--space-12px);
    right: var(--space-15px);
}

.app-input__search-box input.search-input {
    padding-right: var(--space-35px);
}

.app-input__search-box input.search-input,
.app-input__search-box input.search-input:hover,
.app-input__search-box input.search-input:focus {
    height: var(--space-40px);
    padding-left: var(--space-35px);
    border: 1px solid var(--global-input-border-color);
    font-size: var(--global-text-size-lg);
    color: var(--global-text-color) !important;
    letter-spacing: 0.16px;
    box-shadow: none;
    max-width: 100%;
}
/*app-input__search-box ends*/
.app-kgrid__container .k-grid-header.scroll-enabled .k-grid-header-wrap {
    padding-right: var(--space-12px) !important;
    overflow: hidden !important;
}
.app-kgrid__container .k-grid-header.scroll-enabled th.colspan-scroll-enabled {
    position: relative;
    overflow: visible;
    z-index: 2;
}

.app-kgrid__container .k-grid-header.scroll-enabled th.colspan-scroll-enabled::after {
    content: "";
    position: absolute;
    right: -12px;
    top: 0;
    width: 12px;
    height: 40px;
    pointer-events: none;
    border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6);
}
/*app-input__search-box ends*/
.app-global-box-blue-border {
    border: 1px solid rgba(var(--global-table-border-color), var(--opacity-five));
}
/* Stepper Section Starts */
.app-stepper-section-wrapper .app-stepper-section-one, .app-stepper-section-wrapper .app-stepper-section-three { height: calc(100% - 180px); }
.app-stepper-section-wrapper .app-stepper-section-one .app-stepper-content, .app-stepper-section-wrapper .app-stepper-section-three .app-stepper-content { height: calc(100% - 39px) !important; }
.app-stepper-section-wrapper .app-stepper-section-two .batch-entry-data-height { height: calc(100% - 40px) !important; }
.app-stepper-section-wrapper .app-stepper-section-two { height: calc(100% - 145px) !important; }
.app-stepper-section-wrapper .app-stepper-section-two .batch-entry-data-height .batch-entery__popup { height: calc(100% - 82px) !important; overflow: auto; min-height: initial !important; max-height: initial !important; }
.app-stepper-section-wrapper .app-stepper-section-two .batch-entry-data-height .batch-entery__popup .k-grid-content { max-height: 356px !important; min-height: 356px !important; }
/* Stepper Section Ends */
.app-yellow-fill-bg {
    background-color: var(--brand--yellow-fill-bg);
    width: 18px;
    height: 18px;
    border: 1px solid var(--global-standard-grey-border);
}

.app-yellow-fill {
    background-color: var(--brand--yellow-fill-bg);
}

.app-dim-light-blue-border {
    border: 1px solid var(--global-dim-light-blue-border);
}

.app-dim-light-blue-border-bottom {
    border-bottom: 1px solid var(--global-dim-light-blue-border);
}

.app-text-underline-offset-10 {
    text-underline-offset: 10%;
}

/*Dropdown side close icon starts*/
.app__dropdownclose__outside .k-input {
    position: static;
    height: var(--space-40px);
    border: 1px solid var(--global-dropdown-border) !important;
}

.app__dropdownclose__outside .k-clear-value {
    opacity: 1;
    position: absolute;
    right: -25px;
}

.app__dropdownclose__outside .k-clear-value .k-icon:before {
    background: url(../Images/AdminPlus/close-black-small.svg) no-repeat;
    content: "";
}
/*Dropdown side close icon ends*/
/* Performance classes starts*/
.gpu-accelerated {
    transform: var(--transform-gpu);
    will-change: transform;
}

.smooth-scroll {
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}
/* Performance classes ends*/
.app-flex-direction-row-reverse{
    flex-direction:row-reverse;
}

.app-green-container {
    background-color: var(--brand-light-green-bg);
    border: 1px solid var(--global-light-green-border);
}

.app-orange-container {
    border: 1px solid var(--global-orange-border);
    background: var(--brand-warning-infobox-bg);
}

.app-height-325px{
    height:325px;
}

.app-w-335.app__dropdown .k-dropdownlist{
    width:335px !important;
}
.app-html-table {
    border:1px solid var(--global-hr-border-color);
}
.app-html-table thead tr {
    background: var(--brand-grid-odd-bg);
}
.app-html-table thead tr th {
    height: var(--space-40px);
    padding: 0 var(--space-20px);
    border-bottom: 1px solid var(--global-hr-border-color);
}
.app-html-table tbody tr td {
    height: var(--space-40px);
    padding: 0 var(--space-20px);
    border-bottom: 1px solid var(--global-hr-border-color);
}
.app-html-table tbody tr:last-child td{
    border-bottom:none;
}

.app-border-box-shadow {
    filter: drop-shadow(0 3px 6px rgba(var(--global-dark-rgb-box-shadow), 0.05));
}

.app-bb-l-grey {
    border-bottom: 1px solid var(--global-grey-border);
}

.app-brand-blue-soft-bg {
    background-color: var(--brand-blue-soft);
}
html,
body {
    padding: var(--space-0px);
    margin: var(--space-0px);
    overflow: hidden;
    width: 100vw;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
}
body * {
    box-sizing: border-box;
    margin: var(--space-0px);
    padding: var(--space-0px);
}
/*-------------------------------- App Side menu design starts ---------------------------------*/
.app__menubar .navbar-static-side {
    width: var(--space-80px);
    background: var(--brand-navbar-background);
    height: 100vh;
    z-index: 99;
    left: var(--space-0px);
    top: var(--space-0px);
}

.minimised-view .navbar-static-side {
    width: var(--space-80px);
}

.app__menubar .side__menubar li a {
    width: 100%;
    display: block;
    color: var(--global-text-light);
    font-size: var(--global-text-size-xxxs);
    padding: var(--space-10px) var(--space-0px);
    text-align: center;
    position: relative;
    overflow: hidden;
    line-height: 28px;
    text-decoration: none;
    cursor: pointer;
}

    .app__menubar .side__menubar li a .sidemenu__activeline {
        display: none;
    }

    .app__menubar .side__menubar li a.active .sidemenu__activeline,
    .app__menubar .side__menubar li:hover .sidemenu__activeline {
        width: var(--space-5px);
        height: 100%;
        background: var( --brand-light-backgroundcolor-indicator);
        position: absolute;
        left: var(--space-0px);
        top: var(--space-0px);
        display: block;
    }

.app__menubar .side__menubar > li:hover,
.app__menubar .side__menubar > li > a.active {
    background: var(--brand-side-menubar-background);
}

.app__menubar .side__menubar li .img__container {
    width: var(--space-30px);
    margin: var(--space-0px) auto;
    height: var(--space-30px);
}

.app__menubar .side__menubar li:hover .img__container,
.app__menubar .side__menubar li a.active .img__container {
    background: var( --brand-light-backgroundcolor-indicator);
    width: var(--space-30px);
    margin: var(--space-0px) auto;
    border-radius: var(--global-border-radius);
    height: var(--space-30px);
    text-align: center;
}

.app__menubar .side__menubar li:hover .sidemenu_img,
.app__menubar .side__menubar li a.active .sidemenu_img {
    width: 22px;
}

.app__menubar .side__menubar li:hover .sidemenu__content,
.app__menubar .side__menubar li a.active .sidemenu__content {
    color: var(--global-text-color);
}

.app__menubar .side__menubar .sidemenu__content,
.app__menubar .side__menubar li:hover .sidemenu__content {
    font-size: var(--global-text-size-xxxs);
    font-weight: var(--gloabl-default-font-weight);
    line-height: var(--space-15px);
    font-family: var(--global-font-family-regular);
    display: block;
    margin-bottom: var(--space-0px);
}

.app__menubar .side__menubar #red-badge {
    font-size: var(--global-text-size-xxxxxs);
    background: var(--brand-appmenubar-background);
    line-height: 9px;
    padding: 3px 3px 1px 3px;
    vertical-align: top;
    left: var(--space-0px);
    top: -17px;
    border-radius: 50%;
    height: var(--space-15px);
    width: var(--space-15px);
}

.app__menubar .sidemenu__more .moreoption__list, .app__menubar .approval-center-more .moreoption__list {
    display: none;
    position: absolute;
    width: var(--space-200px);
    background: var(--brand-appmenu-background);
    z-index: 99;
    top: var(--space-0px);
    left: var(--space-80px);
    max-height: 170px;
    overflow-y: auto;
    min-height: 120px;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list .img__container, .app__menubar .side__menubar li.approval-center-more .moreoption__list .img__container {
    display: inline-block;
    background: transparent;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list a, .app__menubar .side__menubar li.approval-center-more .moreoption__list a {
    text-align: left;
    padding-left: var(--space-20px);
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list .sidemenu__content, .app__menubar .side__menubar li.approval-center-more .moreoption__list .sidemenu__content {
    display: inline-block;
}

.app__menubar .side__menubar li.sidemenu__more, .app__menubar .side__menubar li.sidemenu__more .moreoption__list .sidemenu__activeline, .app__menubar .side__menubar li.approval-center-more .moreoption__list .sidemenu__activeline {
    display: none;
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list li:hover, .app__menubar .side__menubar li.approval-center-more .moreoption__list li:hover {
    background: var(--global-text-color);
}

.app__menubar .side__menubar li a.active .moreoption__list .sidemenu__content, .app__menubar .side__menubar li:hover .moreoption__list .sidemenu__content, .app__menubar .side__menubar li.sidemenu__more .moreoption__list li:hover .sidemenu__content, .app__menubar .side__menubar li.approval-center-more .moreoption__list li:hover .sidemenu__content {
    color: var(--global-text-light);
}

.app__menubar .logo {
    text-align: center;
    position: fixed;
    bottom: var(--space-10px) !important;
    left: 18px !important;
    z-index: 1000;
}

.app__container .app__menubar {
    width: var(--space-80px);
}

.app__container .app__main {
    width: calc(100% - 80px);
}

.coming-soon-nav:hover, li.coming-soon-nav:hover .img__container {
    background: none !important;
}

    .coming-soon-nav:hover a {
        cursor: default !important;
    }

        .coming-soon-nav:hover a .sidemenu__content {
            color: var(--global-text-light) !important;
        }

li.coming-soon-nav:hover .sidemenu__activeline {
    display: none !important;
}

.coming-soon-toggle {
    background: transparent;
    right: var(--space-20px);
    width: 130px;
    height: 36px;
    z-index: 9999;
    border-radius: var(--space-20px);
    top: var(--space-0px);
}

.app__toggleswitches .coming-soon-toggle-3option {
    right: var(--space-5px);
    width: 110px
}
/*------------------------------------- App Side menubar design ends--------------------------------------- */
/*---------------------------------- App Header design starts here --------------------------------*/
.app__header {
    width: 100%;
    z-index: 99;
    left: var(--space-80px);
    top: var(--space-0px);
}

    .app__header header.page-header {
        background: var(--brand-main-header-bg);
        border-bottom: none;
        color: var(--global-text-light);
        margin: var(--space-0px);
        padding: var(--space-15px);
        z-index: 10000;
        height: var(--header-height);
        width: calc(100% - 80px);
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap {
        width: 140px !important;
        height: var(--space-35px);
        border-radius: var(--global-border-radius) !important;
        border: none !important;
    }

        .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap .k-input,
        .app__header .app__year-pick .k-widget.k-dropdown .k-state-active .k-input,
        .app__header .app__year-pick .k-widget.k-dropdown .k-state-focus .k-input {
            padding-top: 7px !important;
            color: var(--global-text-color) !important;
            padding-bottom: var(--space-0px) !important;
            font-size: var(--global-text-size);
            font-family: var(--global-font-family-regular);
            font-weight: var(--gloabl-default-font-weight);
            margin: var(--space-0px) !important;
            line-height: 21px !important;
        }

        .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
            height: var(--space-35px);
        }

            .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
                content: "";
                position: absolute;
                background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
                background-position: right var(--space-5px) top var(--space-16px) !Important;
                background-repeat: no-repeat;
                height: var(--space-35px);
                width: var(--space-15px);
            }

        .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
            background-image: url(../Images/AdminPlus/caret-black-up.svg);
        }

    .app__header .student__add .app__add-Student:hover {
        background: var( --brand-fade-highlight-background);
        cursor: pointer;
    }

    .app__header .app__add-Student .student-label {
        padding-left: 3px;
        line-height: 18px;
    }

    .app__header .student__add .app__add-Student {
        width: 135px;
        height: var(--space-35px);
        text-align: center;
        padding: 0.4375em var(--space-0px);
        background: var(--brand-app-header-background);
        color: var(--global-text-color);
        border: none;
        display: none;
    }

    /*toggle button*/
    .app__header .student__toggle .student__knobs,
    .layer {
        position: absolute;
        top: var(--space-0px);
        right: var(--space-0px);
        bottom: var(--space-0px);
        left: var(--space-0px);
    }

    .app__header .student__toggle .student__togglebutton {
        width: 245px;
        height: 36px;
        margin-right: var(--space-20px);
    }

        .app__header .student__toggle .student__togglebutton,
        .app__header .student__toggle .student__togglebutton .layer {
            border-radius: var(--space-100px);
        }

            .app__header .student__toggle .student__togglebutton .student__checkbox {
                position: relative;
                width: 100%;
                height: 100%;
                padding: var(--space-0px);
                margin: var(--space-0px);
                opacity: 0;
                cursor: pointer;
                z-index: 3;
            }

            .app__header .student__toggle .student__togglebutton .student__knobs {
                z-index: 2;
            }

            .app__header .student__toggle .student__togglebutton .layer {
                font-size: var(--global-text-size-sm);
                width: 100%;
                background-color: var(--brand-dark-backgroundcolor-indicator);
                transition: 0.3s ease all;
                z-index: 1;
            }

            .app__header .student__toggle .student__togglebutton .student__knobs .app__singlestudent {
                position: absolute;
                top: 1px;
                width: 115px;
                height: 28px;
                font-size: var(--global-text-size-sm);
                font-weight: var(--gloabl-bold-font-weight);
                text-align: center;
                line-height: 1;
                padding: 9px var(--space-4px);
                transition: 0.3s ease all;
                border-radius: var(--global-large-border-radius);
                display: inline-block;
                left: 7px;
                color: var(--global-text-color);
                z-index: 1;
                font-size: var(--global-text-size);
            }

            .app__header .student__toggle .student__togglebutton .student__knobs:before {
                position: absolute;
                top: var(--space-4px);
                width: 122px;
                height: 28px;
                font-size: var(--global-text-size);
                font-weight: var(--gloabl-bold-font-weight);
                text-align: center;
                line-height: 1;
                transition: 0.3s ease all;
                border-radius: var(--global-large-border-radius);
                content: '';
                left: var(--space-4px);
                background-color: var(--brand-default-light-background);
            }

            .app__header .student__toggle .student__togglebutton .student__knobs:after {
                content: 'Multiple Students';
                right: var(--space-10px);
                font-family: var(--global-font-family-regular);
                font-weight: var(--gloabl-default-font-weight);
                position: absolute;
                top: 1px;
                width: auto;
                height: 28px;
                font-size: var(--global-text-size);
                text-align: center;
                line-height: 1;
                padding: var(--space-10px) var(--space-5px);
                transition: 0.3s ease all;
                border-radius: var(--global-large-border-radius);
            }

            .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs .app__singlestudent {
                color: var(--global-text-light);
                font-weight: var(--gloabl-default-font-weight);
            }

            .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs {
                color: var(--global-text-light);
            }

                .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs:before {
                    left: 128px;
                    background-color: var(--brand-default-light-background);
                    width: 135px;
                }

                .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs:after {
                    color: var(--global-text-color);
                    letter-spacing: 0.15px;
                    font-weight: var(--gloabl-bold-font-weight);
                }

            .app__header .student__toggle .student__togglebutton .layer, .app__header .student__toggle .student__togglebutton .student__knobs {
                max-width: 268px;
                height: 36px;
            }
    /*End toggle button*/

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 170px !important;
        height: var(--space-35px);
        border-radius: var(--global-border-radius) !important;
        border: none !important;
    }

        .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap .k-input {
            padding-top: 7px;
            color: var(--global-text-color) !important;
            padding-bottom: var(--space-0px);
            font-size: var(--global-text-size);
            font-family: var(--global-font-family-regular);
            font-weight: var(--gloabl-default-font-weight);
            line-height: var(--space-20px) !important;
        }

        .app__header .page-header .top-menu #welcome_user .welcome_userimage {
            width: var(--space-45px);
        }

        .app__header .page-header .top-menu #welcome_user .welcome-username {
            max-width: var(--space-250px);
        }

    .app__header .page-header .top-menu #welcome_user.dropdown-expanded .welcome_userlist, .app__header .page-header .top-menu #welcome_user .welcome_userlistopen {
        display: none;
    }

        .app__header .page-header .top-menu #welcome_user.dropdown-expanded .welcome_userlistopen {
            display: inline-block;
        }

    .app__header .recent__students .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
        background-position: right var(--space-5px) top var(--space-16px) !important;
        background-repeat: no-repeat;
        height: var(--space-35px);
        width: var(--space-15px);
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
        height: var(--space-35px);
    }

    .app__header .recent__students .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
        background-image: url(../Images/AdminPlus/caret-black-up.svg);
    }

    .app__header .app__add-Student .add__students {
        margin-top: -4px;
        width: var(--space-12px);
    }

    .app__header ul#usermenu_area {
        position: absolute;
        right: -8px;
        background: var(--brand-default-light-background);
        padding: var(--space-8px) var(--space-15px) var(--space-8px) var(--space-15px);
        top: 38px;
        z-index: 11111;
        color: var(--global-text-light);
        width: var(--space-200px);
        box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
        -moz-box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
        border: 1px solid var(--global-user-menu-border);
    }

        .app__header ul#usermenu_area li a {
            padding: var(--space-10px);
            font-size: var(--global-text-size);
            text-align: left;
            font-family: var(--global-font-family-regular);
            font-weight: var(--gloabl-default-font-weight) !Important;
            color: var(--global-text-color);
            background-color: transparent;
            display: block;
        }

    .app__header .page-header .top-menu #welcome_user .adm-headerWelcomeText {
        line-height: 0.8;
    }

    .app__header .header__leftsec li {
        margin-bottom: var(--space-10px);
    }

        .app__header .header__leftsec li.app__schoolname {
            max-width: 50%;
  
        }
.app__header .header__leftsec li.app__schoolname .multi-schools {
    width: var(--space-20px);
}

.app__header .app__year-pick .k-picker {
    width: 140px !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}

.app__header .recent__students .k-picker {
    width: 170px !important;
    -moz-border-radius: var(--global-border-radius);
}

.app__header .student__help {
    padding-top: 6px;
}

/*---------------------------- App Header design ends here ------------------------------------------------*/

/*------------------------------------------------ Side Filter ------------------------------------------*/
.app__sidebar .single-student__filter__box {
    background-color: var(--brand-container-darkblue-backgroud);
    height: var(--one-prospect-filter-box-height);
    width: var(--space-300px);
    border-top: 1px solid var(--global-border-light);
}

    .app__sidebar .single-student__filter__box .single-student__dropdown .k-widget .k-dropdown-wrap {
        width: 230px !important;
    }

    .app__sidebar .single-student__filter__box .single-student__dropdown {
        width: 100% !important;
    }

    .app__sidebar .single-student__filter__box .app__dropdown .k-picker {
        width: 100% !important;
        border: 1px solid var(--global-input-border-color) !important;
        border-radius: var(--global-border-radius);
        -moz-border-radius: var(--global-border-radius);
        height: var(--space-40px) !important;
    }

    .app__sidebar .single-student__filter__box .filter__contain,
    .app__sidebar .single-student__filter__box .filter__begins-with {
        top: -2px;
    }

    .app__sidebar .single-student__filter__box .filter__label {
        font-size: var(--global-text-size);
        letter-spacing: 0.16px;
        font-family: var(--global-font-family-regular);
        font-weight: var(--gloabl-default-font-weight) !important;
    }

    .app__sidebar .single-student__filter__box .app-search {
        margin-top: var(--space-15px);
        margin-bottom: var(--space-10px);
    }

    .app__sidebar .single-student__filter__box .filter__info {
        color: var(--global-text-light);
        font-size: var(--global-text-size);
        letter-spacing: 0.16px;
        font-family: var(--global-font-family-regular);
        font-weight: var(--gloabl-default-font-weight);
        text-align: right;
        line-height: var(--space-16px);
    }
/*------------------------------------------------ End Side Filter ------------------------------------------------*/

/*------------------------------------ Side - Students grid ---------------------------------------*/
.app__sidebar .leftbox__grid .k-grid-content {
    min-height: calc( var(--app-height) - (var(--header-height) + var(--one-prospect-filter-box-height)));
    border: none;
    overflow: auto;
}

.app__sidebar .leftbox__grid table tbody tr {
    height: var(--space-40px);
}

.app__sidebar .leftbox__grid .k-grid tr {
    cursor: pointer;
    color: var(--global-text-color);
    font-size: var(--global-text-size);
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight);
    background: var(--brand-default-light-background);
}

.app__sidebar .leftbox__grid tr:hover {
    background-color: var(--brand-grid-background) !important;
}

.app__sidebar .leftbox__grid table td {
    border: none;
    border-bottom: 1px solid rgba(var( --brand-table-row-background), var(--opacity-three));
    padding-left: var(--space-15px) !important;
    line-height: 26px;
    white-space: nowrap;
}

.app__sidebar .leftbox__grid .k-state-selected td,
.app__sidebar .leftbox__grid .k-state-selected,
.app__sidebar .leftbox__grid .k-grid-content .k-state-selected,
.app__sidebar .leftbox__grid .k-grid tr.k-state-selected:hover {
    background-color: var( --brand-fade-highlight-background) !important;
    border-left: var(--space-5px) solid var( --global-light-color-indicator) !important;
    color: var(--global-text-color) !important;
    padding-left: var(--space-10px) !important;
}

.app__sidebar .leftbox__grid .k-master-row.k-selected {
    background: var(--brand-row-highlite) !important;
    position: relative;
}

    .app__sidebar .leftbox__grid .k-master-row.k-selected:before {
        background: var(--brand-editor-color);
        left: var(--space-0px);
        top: var(--space-0px);
        height: 100%;
        content: "";
        position: absolute;
        width: var(--space-5px);
    }

    .app__sidebar .leftbox__grid .k-master-row.k-selected td {
        float: left;
        width: 100%;
        height: var(--space-40px);
        line-height: 29px;
    }
.app__sidebar .leftbox__grid #grdSetupCenterList .k-master-row.k-selected td {
    font-family: var(--global-font-family-semibold);
}
/*------------------------------------------------ End Side bar -------------------------------------------*/
/*------------------------------------------------ APP content ------------------------------------*/
.app__content#single-student__mode {
    height: calc(var(--app-height) - var(--header-height));
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 300px);
}
/*--------------------------------- APP content ------------------------------------------------*/
/*----------------------------------- Tabs header ------------------------------------------------*/
.app__content .students__tabs-header .nav-tabs > li > a:hover {
    background-color: transparent;
    border-bottom: 3px solid var( --global-light-color-indicator);
    color: var(--global-text-color);
    cursor: pointer;
}

.app__content .students__tabs-header .nav-tabs > li > a {
    background-color: transparent;
    color: var(--global-text-color);
    padding: var(--space-15px) var(--space-0px) 1px var(--space-0px) !important;
    margin: var(--space-0px) var(--space-0px) 13px var(--space-0px);
    border: var(--space-0px);
    border-radius: var(--space-0px);
    -moz-border-radius: var(--space-0px);
    border-bottom: 3px solid transparent;
    font-weight: var(--gloabl-default-font-weight) !important;
    cursor: pointer;
    font-size: var(--global-text-size);
    display: block;
    text-decoration: none;
}

.app__content .students__tabs-header .nav-tabs > li.active > a,
.app__content .students__tabs-header .nav-tabs > li.active > a:hover .prospects-tabs-heade .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border-bottom: 3px solid var( --global-light-color-indicator);
    color: var(--global-text-color);
    font-family: var(--global-font-family-semibold);
}

.app__content .students__tabs-header .nav-tabs {
    border-bottom: var(--space-0px);
    background: var(--brand-default-light-background);
    padding-left: var(--space-15px);
    min-height: var(--space-50px);
    align-items: center;
}

    .app__content .students__tabs-header .nav-tabs > li {
        margin-right: 22px;
        margin-bottom: var(--space-0px);
    }

.app__content .students__tabs-header {
    background: var(--brand-default-light-background);
    position: sticky;
    top: var(--space-0px);
    z-index: 9;
    border-bottom: 1px solid var(--brand-fade-highlight-background);
    box-shadow: 0px 2px 2px var( --global-kendo-table-boxshadow);
}

    .app__content .students__tabs-header .startup_page {
        position: absolute;
        top: var(--space-15px);
        right: var(--space-15px);
        display: none;
    }

.app__content .nav-tabs {
    border-bottom: var(--space-0px);
}

/*------------------------------------------------ Tabs header --------------------------------------*/
/*--------------------------------- Snapshot Cards - all tiles -------------------------------------------*/
.app-card-header:first-child {
    border-radius: var(--global-border-radius) var(--global-border-radius) var(--space-0px) var(--space-0px);
    -moz-border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
}
/* Students Card */
.student-info__container {
    min-width: 10%;
}

.student__left {
    bottom: var(--space-10px);
    left: var(--space-12px);
}

.student__right {
    right: 21px;
    bottom: var(--space-10px);
}

.stud-img__container {
    width: 120px;
}

.student__image {
    max-width: 120px;
    max-height: 140px;
}

.overlay__link {
    padding-right: 6.4px;
    padding-left: 6.4px;
}

.snapshot-width-10 {
    width: 10%;
}

.snapshot-width-80 {
    width: calc(100% - 60px);
}

.snapshot-width-76 {
    width: 76%
}

.snapshot-contact {
    width: 70%;
}
/* add image  */
.card__icon {
    height: var(--space-15px);
    opacity: .8;
}

.tile__edit,
.tile__close {
    opacity: .8;
}

.card__icon:hover, .tile__edit:hover, .tile__close:hover, .students-setting-icon, .students-alert-icon {
    opacity: 1;
}

.alert_icon {
    width: var(--space-24px);
    height: 22px;
}

.setting-icon {
    width: var(--space-24px);
    height: var(--space-24px);
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
}

    .setting-icon:hover {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
    }

.add-icon {
    width: var(--space-24px);
    height: var(--space-24px);
}

.student__key {
    color: var(--global-color-primary);
    white-space: nowrap;
}
/*********Student Card Starts********/
.students-card-header {
    background: var(--brand-light-backgroundcolor-indicator) !important;
}

.students-icons:hover .students-hide-image,
.household__image:hover .students__bottom-household-image {
    display: none !important;
}

.students-icons:hover .students-icons-hover {
    display: inline !important;
    height: var(--space-20px) !important;
    width: var(--space-20px) !important;
}

.household__image:hover .students__bottom-household-image-hover {
    display: inline !important;
    height: var(--space-24px) !important;
    width: var(--space-24px) !important;
}

.students-icons-hover,
.students__bottom-household-image-hover {
    display: none;
}

.contact__relation-avtar {
    display: -ms-inline-flexbox;
    width: var(--space-24px);
    height: var(--space-24px);
}

.household__image:hover .students__bottom-household-image-hover.houselhold-icon-hover {
    height: 24px !important;
    width: 24px !important;
}

.student__address {
    line-height: 19.2px;
    margin-bottom: 11.2px;
}
/* Tiles view padding */
.student__link:hover, .student__link:focus, .card-header__link:focus, .card-header__link:hover {
    text-decoration: none;
}

.student__bottom-image {
    height: var(--space-20px);
}

.student__link .student__bg-success,
.student__link .students__badge {
    top: var(--space-0px);
    width: var(--space-20px);
    height: var(--space-20px);
}

.student__bg-success {
    background: var(--brand-badge-notification-background);
    right: -17px !important;
    top: 2px !important;
    left: auto;
}
/* Daily Attendance */
#dailyAttendance ul,
.attendance__box ul {
    list-style: none;
    width: 90%;
    display: table;
}

#dailyAttendance ul {
    width: 97%;
}

.min-width-75 {
    min-width: var(--space-75px);
}

#dailyAttendance .attendance-staus,
.attendance__box .attendance-staus {
    color: var(--global-attendance-status-color);
    text-shadow: 0px 1px 2px var(--global-box-shadow-color);
    letter-spacing: 0.42px;
    font-size: var(--global-text-size-xxxxxxxxxl);
}

#dailyAttendance .status-def + img {
    width: 19px;
}

#dailyAttendance .status-def,
.attendance__box .status-def {
    font-family: var(--global-font-family-italic);
}

#dailyAttendance .previous-attendance img,
.attendance__box .previous-attendance img {
    width: var(--space-16px);
    vertical-align: text-bottom;
}

.status-def img {
    width: 18px;
    vertical-align: text-bottom;
}

/* Penalty Card */
.penalty-card {
    height: 290px;
}

    .penalty-card .penalty-summary-details .served,
    .penalty-card .penalty-summary-details .outstanding,
    .penalty-card .penalty-summary-details .extra {
        padding: var(--space-0px) var(--space-10px);
        height: var(--space-24px);
        border-radius: var(--space-12px);
        -moz-border-radius: var(--space-12px);
    }

    .penalty-card .penalty-summary-details .single-status {
        min-width: var(--space-40px);
        line-height: var(--space-24px);
    }
/* Penalty Card */
/*Incident Card, Inovoice Card and Penalty Card*/
.incident-card .incident-status li,
.invoice__summary li,
.penalty-card .penalty-status li {
    float: left;
    margin-left: var(--space-35px);
    position: relative;
}

    .incident-card .incident-status li:before,
    .invoice__summary li:before,
    .penalty-card .penalty-status li:before {
        position: absolute;
        width: var(--space-10px);
        height: var(--space-10px);
        left: -15px;
        top: 6px;
        content: "";
        border-radius: 50%;
        -moz-border-radius: 50%;
    }

.incident-card .invoice__summary li:nth-child(3):before {
    background: var(--brand-badge-notification-background);
}

.incident-card .incident-status li:first-child:before,
.incident-card .incident-summary-details .served,
.incident-card .invoice__summary li:first-child:before,
.penalty-card .penalty-status li:first-child:before,
.penalty-card .penalty-summary-details .served {
    background: var(--brand-penalty-first-color);
}

.incident-card .incident-status li:nth-child(2):before,
.incident-card .incident-summary-details .outstanding,
.incident-card .invoice__summary li:nth-child(2):before,
.penalty-card .penalty-status li:nth-child(2):before,
.penalty-card .penalty-summary-details .outstanding {
    background: var(--brand-penalty-second-color);
}

.incident-card .incident-summary-details .served {
    height: var(--space-24px);
}

.incident-card .incident-summary-details .extra, .penalty-card .penalty-summary-details .extra {
    background: var(--brand-penalty-last-color);
    margin-left: 3px;
}

.incident-card .incident-summary-details .incident-summary-details-data, .penalty-card .penalty-summary-details .penalty-summary-details-data {
    padding: 7px var(--space-20px) !important;
    border-top: 1px solid var(--global-penalty-summary-details-color);
}

.incident-card .incident-summary-details .incident-summary-details-data:last-child, .penalty-card .penalty-summary-details .penalty-summary-details-data:last-child {
    border-bottom: 1px solid var(--global-penalty-summary-details-color);
}

.incident-card .incident-summary-details .combined-status:first-child, .penalty-card .penalty-summary-details .combined-status:first-child {
    border-top-right-radius: var(--space-0px);
    border-bottom-right-radius: var(--space-0px);
}

.incident-card .incident-summary-details .combined-status:nth-child(2), .penalty-card .penalty-summary-details .combined-status:nth-child(2) {
    border-top-left-radius: var(--space-0px);
    border-bottom-left-radius: var(--space-0px);
}

.incident-card .incident-summary-details .single-status {
    min-width: var(--space-40px);
}

.incident-card .incident-status, .penalty-summary__container .summarry-details-section {
    padding: 7px var(--space-20px);
}

.incident-card .incident-summary-date, .penalty-summary__container .action-summary-date, .daily-attendance-date-wrap {
    padding: 7px var(--space-20px);
    border-bottom: 1px solid var(--global-penalty-summary-details-color);
    background: var(--brand-grid-odd-bg);
}

.daily-attendance-date-wrap {
    padding: var(--space-8px) var(--space-20px);
}
/*Incident Card, Inovoice Card and Penalty Card*/
.contact__table {
    margin-bottom: 7px;
}

.contact__list {
    margin-bottom: var(--space-8px);
}

.contact__email-image {
    width: 21px;
    margin-left: -24px;
}

.contact__household {
    background: var(--brand-badge-notification-background);
    margin-left: -15px;
    width: var(--space-24px);
    height: var(--space-24px);
}

.contact__view {
    color: var(--global-link-color-one);
}

    .contact__view:hover,
    .contact__view:active,
    .contact__view:focus, .contact__view {
        text-decoration: none;
    }

.contact__row {
    padding: var(--space-8px) var(--space-20px);
}
/* Demographics Card*/
.dem__pt-pb {
    padding-top: 7px;
    padding-bottom: 7px;
}

.demographics__row {
    margin-left: -17px;
    margin-right: -17px;
}

.demographics__hw {
    border-bottom: 1px solid var(--global-seperator-color);
}

.demographics__key {
    margin-bottom: 1.6px;
    letter-spacing: 0;
}

.dem-card {
    height: 472px;
}
/* GPA and Credits */
.gpa-credit__container .app-card-body, .invoice__container .app-card-body {
    overflow-y: auto;
}
/* GPA and Credits */
/*------------------Latest Portfolio Files--------------------------*/
.portfolio__padding {
    border-top: none;
    padding-top: 7px !important;
    padding-bottom: var(--space-4px) !important;
}

.portfolio__relation {
    padding: 0.4rem 0.1rem 0.4rem 1.25rem !important;
}

.portfolio__text {
    width: 163px;
}

.portfolio__edit-image {
    height: var(--space-16px);
    right: 19px;
}

.portfolio__edit-note {
    height: var(--space-16px);
    margin-top: var(--space-12px);
    margin-left: -8px;
    display: none;
}

.portfolio__files {
    width: 15%;
}

.portfolio__name {
    width: 85%;
}

    .portfolio__name br {
        content: "";
        margin: -20px;
        display: block;
        font-size: 24%;
    }

.portfolio__edit {
    width: 15%;
}

.common__div-height {
    height: 56px;
}

.portfolio-card {
    height: 162px;
}

.font__span {
    opacity: 1;
    height: 18px;
}

#divSnapshotTile #grdSnapshotTiles.k-grid.gridStyle {
    max-height: calc(100vh - 300px);
}
/*------------------Latest Portfolio Files--------------------------*/
/* ----------------------------------- End Snapshot Cards - all tiles ------------------------------------ */
/* ------------------------------------- Demographics Tab menu -------------------------------------- */
#screenSettings {
    margin-top: var(--space-0px);
    height: auto;
}

    #screenSettings img#demoScreenSettings {
        width: var(--space-20px);
        margin-top: var(--space-0px);
    }

/* Demographics - multi color tabs */
.demographic__settingsscreen #screenSettings .k-dropdownlist {
    width: 260px;
    height: var(--space-35px);
    border: 1px solid var(--global-dropdown-border) !important;
}

    .demographic__settingsscreen #screenSettings .k-dropdownlist .k-input {
        padding-top: 6px;
        color: var(--global-text-color) !important;
        margin-top: var(--space-0px);
        font-size: var(--global-text-size-sm);
        font-family: var(--global-font-family-regular);
        font-weight: var(--gloabl-default-font-weight) !important;
    }

    .demographic__settingsscreen #screenSettings .k-dropdownlist .k-icon.k-i-arrow-60-down {
        margin-top: var(--space-5px) !important;
        color: var(--global-text-color);
    }

.k-tabstrip-wrapper .multi-color-tabs.k-tabstrip {
    background-color: var(--brand-component-primary-background) !important;
}

#FieldLayout .col-md-5:nth-child(even) {
    padding-left: var(--space-60px) !important;
}
/* --------------------------------- End Demographics Tab menu ------------------------------------- */
/* ------------------------------- Common Styles ------------------------------------------------ */
/* Grid header for all tabs */
@keyframes from-left {
    0% {
        left: -9px;
    }

    100% {
        left: var(--space-0px);
    }
}

@keyframes from-right {
    0% {
        left: 9px;
    }

    100% {
        left: var(--space-0px);
    }
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 0.1px;
    max-height: var(--space-12px);
    background-color: var(--brand-default-light-background);
    position: relative;
    top: 52%;
    left: var(--space-0px);
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

@keyframes from-top {
    0% {
        top: -9px;
    }

    100% {
        top: var(--space-0px);
    }
}

@keyframes from-bottom {
    0% {
        top: 9px;
    }

    100% {
        top: var(--space-0px);
    }
}
/* contact card  */
/* collapsed  */
#divSingleStudentSnapshot #divCollapseBar .collapsed__left-top {
    width: 100%;
}

    #divSingleStudentSnapshot #divCollapseBar .collapsed__left-top .student__info-container {
        width: 20%;
    }

    #divSingleStudentSnapshot #divCollapseBar .collapsed__left-top .collapse-box-responisve {
        width: calc(79% - 40px);
    }

.collapsed__container {
    box-shadow: 0px 3px 3px var(--global-box-shadow);
    -moz-box-shadow: 0px 3px 3px var(--global-box-shadow);
    background: var( --brand-default-light-background);
    margin-top: var(--space-8px);
    height: var(--space-60px);
}

.student__info-container {
    padding: var(--space-8px) var(--space-16px);
    height: var(--space-60px);
}

.student-collapsed-div__img {
    width: 39px;
    height: 39px;
}

.student__name {
    width: fit-content;
    max-width: var(--space-300px);
}

.student__graduation-year {
    width: 174px;
}

/************Contact Card Colapse Expand Ends********************/
.triangle {
    width: var(--space-0px);
    height: var(--space-0px);
    border-top: var(--space-8px) solid transparent;
    border-bottom: var(--space-8px) solid transparent;
    border-left: var(--space-8px) solid var(--global-light-color-indicator);
}

/* collapsed  */
@keyframes slideup {
    0% {
        top: -1px;
        left: 9px;
    }

    100% {
        top: -4px;
        left: var(--space-15px);
    }
}

@keyframes slidedown {
    0% {
        top: -1px;
        left: 9px;
    }

    100% {
        top: var(--space-4px);
        left: var(--space-4px);
    }
}
/*snapshot card heights */
/*for checkbox */
.checkbox-label {
    cursor: pointer !important;
    display: flex;
    align-items: center;
}

    .checkbox-label .check-mark {
        position: relative;
        display: block;
        top: var(--space-0px);
        left: var(--space-0px);
        width: 17px;
        min-width: 17px;
        height: 17px;
        background-color: var(--brand-default-light-background);
        border-radius: 2px;
        border: 1px solid var(--global-app-toggle-border);
        float: left;
        margin-right: var(--space-10px);
    }

    .checkbox-label:hover .check-mark,
    .checkbox-label:focus-within .check-mark {
        border: 1px solid var(--global-checked-login);
    }

    .checkbox-label input:checked ~ .check-mark {
        background-color: var(--brand-light-backgroundcolor-indicator);
        background-image: url(../Images/AdminPlus/save-white.svg);
        background-repeat: no-repeat;
        background-size: contain;
        border-radius: 2px;
        -moz-border-radius: 2px;
        outline: none;
    }

    .checkbox-label input {
        position: absolute;
        width: var(--space-0px);
        left: var(--space-50px);
        height: var(--space-0px);
        opacity: 0;
        cursor: pointer;
    }

input#enrollmentStatus, .decision__input:checked {
    margin: var(--space-0px);
    width: 19px;
    height: 19px;
}
/*for checkbox */
/*Select Demographic fields popup styling*/
.student__popup-wrapper, .admission__popup-wrapper {
    width: 800px !important
}

.left-right__arrows {
    width: 62px;
    text-align: center;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -ms-flex-direction: column;
    padding: var(--space-0px);
}

.app-table tr:nth-child(even), .app-kgrid__container tr:nth-child(even), .contact__row:nth-child(even), .portfolio__body .flex-row:nth-child(even), .bookmarked-prospects li:nth-child(even), .multiple-student-contact__list li:nth-child(even), #line-schedule-wrap li:nth-child(even) {
    background-color: rgba(var( --brand-table-row-background), 0.03);
}

.app-table tr:nth-child(odd), .contact__row:nth-child(odd), .portfolio__body .flex-row:nth-child(odd), .app-kgrid__container tr:nth-child(odd), #homeGrid .k-grid-content-locked tr:nth-child(odd), #homeGrid.k-grid-content tr:nth-child(odd), .bookmarked-prospects li:nth-child(odd), .multiple-student-contact__list li:nth-child(odd), #line-schedule-wrap li:nth-child(odd) {
    background-color: rgba(var( --brand-table-row-background), var(--opacity-one));
}

.app-table .k-grid-content {
    overflow-y: auto;
    border: none;
}
/*Setting header color*/
.app-table .k-header,
.app-table .k-grid-header {
    background-color: var(--brand-container-dark-background) !important;
    padding-right: var(--space-0px) !important;
    border-radius: var(--global-border-radius) var(--global-border-radius) var(--space-0px) var(--space-0px);
    -moz-border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
}

    .app-table .k-grid-header .k-header > .k-cell-inner, .app-table .k-grid-header .k-header .k-link {
        margin: var(--space-0px);
        padding: var(--space-0px);
    }

    .app-table .k-grid-header .k-header .k-link {
        line-height: var(--space-24px);
    }

    .app-table .k-grid-header th.k-header {
        padding: var(--space-10px) var(--space-0px);
    }

.app-table .k-selected td, .app-table .k-grid-content td, .app-table td {
    padding-left: var(--space-20px) !important;
}

.app-table .k-selected td, .app-table .k-selected td:hover {
    color: var(--global-text-color) !important;
}

.app-table .k-header .k-link {
    color: var(--global-text-light) !important;
}
/*On hover no change on row background*/
.app-table tr:hover {
    background-color: rgba(var( --brand-table-row-background), var(--opacity-two)) !important;
    color: var(--global-text-color);
}

/*Setting border bottom */
.app-table td {
    border-bottom: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
    cursor: pointer;
}
/*Setting the font color*/
.app-table {
    color: var(--global-text-color) !important;
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    border-style: solid !important;
    border-color: rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border-width: 0.5px 1px 1px 0.5px !important;
    letter-spacing: 0.16px;
    font-weight: var(--gloabl-default-font-weight);
}

    .app-table .k-grid-header .k-header {
        font-weight: var(--gloabl-default-font-weight);
    }

/*Removing border from outer div*/
.multi-select-outer .multi-select-inner-box {
    border: none;
    width: 345px;
}

.app-table th.k-header > .k-link {
    padding: var(--space-0px) !important;
    margin: var(--space-0px) !important;
}
/*Setting height for table row*/
.app-table table tbody tr {
    height: var(--space-40px);
}

.app-table.k-grid td.k-focus, .app-table.k-grid td.k-state-focused {
    box-shadow: none;
    -moz-box-shadow: none;
}

.btnSnapshotMoveRight,
.btnSnapshotMoveLeft {
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    width: var(--space-30px);
    height: var(--space-30px);
    line-height: 26px !important;
    padding: var(--space-0px) !important;
    margin: var(--space-0px) var(--space-0px) var(--space-30px) !important;
}
#grdLookupViewSelectedFields td::before,
#grdSelectedFields td::before, #SelectedContactGrid td::before,
#grdStudentSelectedFields td::before,
#grdStaffSelectedFields td::before,
.grdMultiSelectedFields td::before,
#grdContactSelectedFields td::before,
#grdDashbordTilesList td:nth-child(2)::before,
#grdDashbordChartsList td:nth-child(2)::before,
#grdSelectedLunchCodes td::before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: var(--space-10px);
    top: 1px;
    position: relative;
}
#grdDashbordChartsList .k-grid-header-wrap thead tr th.k-header:not(:last-child):before {
    background:none !important;
}
#grdDashbordTilesList .k-grid-content tr {
    cursor: pointer;
}
#AvailableSetupFieldGrid .k-grid-content, #SelectedContactGrid .k-grid-content {
    height: var(--space-200px) !important;
}

.app-info {
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-border-light);
    height: var(--space-35px);
    top: var(--space-5px);
}
.app-warning {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
}
.setting-popup-img {
    width: var(--space-24px);
    height: var(--space-24px);
    vertical-align: sub;
}

#newWindow {
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}
/*Scrollbar setting*/
/*Kendo Scrollbar*/
.app-scrollbar .k-auto-scrollable::-webkit-scrollbar,
.div-progress-report-settings .k-window-content::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

/* Track */
.app-scrollbar .k-auto-scrollable::-webkit-scrollbar-track,
.div-progress-report-settings .k-window-content::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    padding: 1px;
}

/* Handle */
.app-scrollbar .k-auto-scrollable::-webkit-scrollbar-thumb,
.div-progress-report-settings .k-window-content::-webkit-scrollbar-thumb {
    background: rgba(var(--scrollbar-thumb), var(--opacity-six));
    border: 3px solid var(--scrollbar-track);
    min-height: 33px;
    height: auto;
}

.app-scrollbar .k-auto-scrollable::-webkit-scrollbar :hover,
.div-progress-report-settings .k-window-content::-webkit-scrollbar :hover {
    width: 14px;
}

/* Handle on hover */
.app-scrollbar .k-auto-scrollable ::-webkit-scrollbar-thumb:hover,
.div-progress-report-settings .k-window-content ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--scrollbar-thumb), var(--opacity-six));
}

/*Scrollbar - second*/
.app-scrollbar-normal ::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

/* Track */
.app-scrollbar-normal ::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    padding: 1px;
}

/* Handle */
.app-scrollbar-normal ::-webkit-scrollbar-thumb {
    background: rgba(var(--scrollbar-thumb), var(--opacity-six));
    border: 3px solid var(--scrollbar-track);
    min-height: 33px;
    height: auto;
}

.app-scrollbar-normal ::-webkit-scrollbar :hover {
    width: 14px;
}

/* Handle on hover */
.app-scrollbar-normal ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--scrollbar-thumb), var(--opacity-six));
}

.app-main-panel-scrollbar {
    overflow-y: auto;
    height: calc(var(--app-height) - var(--header-height));
}

/*Scrollbar setting*/
/*Sidebar - Student Grid*/
/*Side Filter*/
::placeholder {
    color: var(--global-search-placeholder-color) !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--global-search-placeholder-color) !important;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-box-shadow: none;
}

#divMultipleStudentsMode .app-kgrid__container .k-grid-content, #divMultipleStudentsMode .app-kgrid__container .k-grid-content-locked {
    max-height: calc(100vh - 345px) !important;
    min-height: calc(100vh - 345px) !important;
}

#divMultipleStudentsMode .app-kgrid__container .k-grid-content-locked {
    overflow-x: auto;
    max-width: 500px;
}
/*kendo table grid style starts*/
.app-grid-container {
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}

.app__gridheader ul li {
    list-style-type: none;
}

.app__gridheader .gridheader__top {
    background: var(--brand-component-primary-background);
    padding: var(--space-10px) var(--space-20px);
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two));
    border-radius: var(--global-border-radius) var(--global-border-radius) var(--space-0px) var(--space-0px);
    min-height:56px;
}

.app__gridheader .gridheader__bottom {
    background: var(--brand-component-secondary-background);
    padding: var(--space-10px) var(--space-20px);
    height: var(--space-60px);
}

.app__gridheader .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap,
.app__gridheader .app__dropdown .k-dropdownlist,
.excelwizard__container input[type="number"],
.course-input.form-control {
    border: 1px solid var(--global-dropdown-border) !important;
}

.excelwizard__container input[type="number"],
.course-input.form-control {
    height: var(--space-40px) !important;
}

.app__gridheader label,
.app__gridheader .grid-data__name {
    color: var(--global-text-color);
    font-size: var(--global-text-size);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    margin-bottom: 1.6px;
    font-family: var(--global-font-family-regular);
    cursor: default;
}

.app__gridheader .togle-cls {
    height: var(--space-40px);
    display: block;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    width: 140px;
    padding: 9px var(--space-5px) var(--space-5px) var(--space-10px);
}

.view__optionlist .dropdown-toggle .k-icon {
    height: var(--space-30px);
    width: var(--space-20px);
    position: relative;
}

    .view__optionlist .dropdown-toggle .k-icon:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/view-options-white.svg);
        background-position: right 3px top 3px !Important;
        background-repeat: no-repeat;
        height: var(--space-30px);
        width: var(--space-20px);
        margin-top: var(--space-5px);
    }

.app__gridheader .grid__settings {
    width: var(--space-20px);
    margin: -4px 1px var(--space-0px) var(--space-0px) !important;
}

.settings__dropdown {
    background: var( --brand-main-backgroundcolor-indicator) !important;
    padding: var(--space-8px) 9px !Important;
    height: var(--space-40px);
    box-sizing: border-box;
}

.app__gridheader .dropdown.open .settings__dropdown .add__settings {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.search__detailbox {
    padding: var(--space-0px) var(--space-10px);
    background: var( --brand-default-light-background);
}

.grid__searchbox.input-group, #divPortfolio .input-group, #divContacts .input-group, #divSuperDb .input-group {
    width: auto;
    position: relative;
}

.grid__searchbox .input-group-addon {
    background: var( --brand-default-light-background) !important;
    border: 1px solid var(--global-dropdown-border);
    border-right: var(--space-0px);
    border-radius: var(--global-border-radius) var(--space-0px) var(--space-0px) var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
    padding: var(--space-4px) var(--space-5px) 3px var(--space-5px);
}

.grid__searchbox .allGrids__SearchBox {
    height: var(--space-40px);
    border: 1px solid var(--global-dropdown-border);
    border-left: var(--space-0px);
    border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--space-0px) !important;
    -moz-border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--space-0px) !important;
    color: var(--global-text-color);
    font-size: var(--global-text-size-sm);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    width: 220px;
    padding-right: 77px;
}

.grid__searchbox .close__icon {
    right: 58px;
    top: 9px;
}

#divSuperDb .grid__searchbox .close__icon {
    top: 7px;
}

#divContacts .grid__searchbox .close__icon {
    top: 6px;
}

#divPortfolio .grid__searchbox .close__icon {
    top: var(--space-8px);
}

input:focus-visible {
    outline: none;
}

.app-grid-container #SSuperDBAddRow:hover, .app-grid-container .settings__dropdown:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
}

#SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
    top: -51px;
    right: var(--space-20px);
    position: absolute;
    padding: var(--space-0px);
    background: var(--brand-component-secondary-background) !important;
}
.grid__searchbox .SuperDBSearchBox::placeholder {
    font-weight: var(--gloabl-bold-font-weight) !important;
    color: var(--global-text-color) !important;
}

.gridheader__bottom #SSuperDBSearchdiv .search__icon {
    width: var(--space-16px);
    margin-right: var(--space-10px);
}
/*grid table style*/
.app-kgrid__container {
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    letter-spacing: 0.16px;
    font-weight: var(--gloabl-default-font-weight);
}

    .app-kgrid__container .k-header,
    .app-kgrid__container .k-grid-header {
        background-color: var(--brand-container-dark-background) !important;
        height: var(--space-40px);
        background-image: none;
        vertical-align: middle !important;
        border-radius: var(--space-0px);
        -moz-border-radius: var(--space-0px);
        padding-right: var(--space-0px) !important;
    }

    .app-kgrid__container .TableGrid.k-widget.k-grid.gridStyle .k-grid-header th.k-header {
        vertical-align: middle !important;
    }

    .app-kgrid__container .k-grid-header .k-grid-header-wrap table {
        width: 100% !important;
    }

    .app-kgrid__container .TableGrid.k-widget.k-grid.gridStyle .k-grid-header .k-grid-header-wrap {
        height: var(--space-40px) !important;
    }

    .app-kgrid__container th.k-header > .k-link {
        padding: 3px var(--space-0px) var(--space-0px) var(--space-0px) !important;
        margin: var(--space-0px) !important;
        display: block;
    }

    .app-kgrid__container .k-state-selected,
    .app-kgrid__container.k-grid-content .k-state-selected,
    .app-kgrid__container tr.k-detail-row:hover {
        background-color: rgba(var( --brand-table-row-background), 0.03) !important;
    }

    .app-kgrid__container table tbody tr {
        height: var(--space-40px);
    }

    .app-kgrid__container tr:hover, .app-kgrid__container .k-state-selected td, .app-kgrid__container .k-state-selected td:hover {
        background-color: rgba(var( --brand-table-row-background), var(--opacity-three)) !important;
        color: var(--global-text-color);
    }

    .app-kgrid__container .k-grid-edit-row.k-state-selected,
    .app-kgrid__container.k-grid-content .k-grid-edit-row.k-state-selected,
    .app-kgrid__container .k-grid-edit-row.k-state-selected td {
        background-color: rgba(var( --brand-table-row-background), 0.05) !important;
    }

    .app-kgrid__container .k-header .k-link {
        color: var(--global-text-light) !important;      
    }

.app-kgrid__container td {
    border-bottom: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
}

    .app-kgrid__container tr.k-no-data td, .app-table tr.k-no-data td {
        border: none !important;
    }

    .app-kgrid__container tr.k-no-data:nth-child(odd), .app-table tr.k-no-data:nth-child(odd) {
        background-color: transparent !important
    }

    .app-kgrid__container .k-grid-content td,
    .app-kgrid__container td, .app-kgrid__container .k-grid-content-locked td {
        padding-left: var(--space-30px) !important;
        color: var(--global-text-color);
        padding-right: var(--space-0px) !important;
    }

        .app-kgrid__container .k-grid-content td.app-pl-10,
        .app-kgrid__container td.app-pl-10, .app-kgrid__container .k-grid-content-locked td.app-pl-10 {
            padding-left: var(--space-10px) !important;
        }

    .app-kgrid__container .k-grid-header .k-header {
        font-weight: var(--gloabl-default-font-weight);
        padding: var(--space-0px);
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header, .app-kgrid__container .k-grid-header-locked th.k-header, .app-kgrid__container .app-table th.k-header {
        padding-left: var(--space-30px) !important;
        position: relative;
        padding-right: var(--space-20px) !important;
    }

    .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before,
    .app-kgrid__container .app-table thead tr th.k-header:not(:last-child):before,
    .app-kgrid__container .k-grid-header-locked thead tr th.k-header:before
    {
        height: var(--space-25px);
        width: 1px;
        background: rgba(var(--brand-default-light-background-rgb), .6) !important;
        top: var(--space-8px);
        right: var(--space-0px);
        content: "";
        position: absolute;
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header a.k-grid-filter, .app-kgrid__container .k-grid-header-locked th.k-header a.k-grid-filter {
        width: var(--space-25px);
        position: absolute;
        top: 1px;
        left: var(--space-5px);
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(3) a.k-grid-filter, .app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(5) a.k-grid-filter {
        border-left: var(--space-0px) !important;
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header a.k-grid-filter .k-icon {
        height: var(--space-30px);
        width: var(--space-30px);
    }

        .app-kgrid__container .k-grid-header-wrap th.k-header a.k-grid-filter .k-icon:before,
        .app-kgrid__container .k-grid-header-locked th.k-header a.k-grid-filter .k-icon:before {
            content: "";
            position: absolute;
            background-image: url(../Images/AdminPlus/filter-small-white.svg);
            background-position: right 0px top var(--space-5px) !Important;
            background-repeat: no-repeat;
            height: var(--space-20px);
            width: var(--space-15px);
        }

    .app-kgrid__container .k-grid-content .k-icon.k-i-edit,
    .app-kgrid__container .k-grid-content .k-icon.k-i-delete,
    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-asc-sm,
    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-desc-sm {
        height: var(--space-20px);
        width: var(--space-15px);
    }

        .app-kgrid__container .k-grid-content .k-icon.k-i-edit:before {
            content: "";
            position: absolute;
            background-image: url(../Images/AdminPlus/edit-small-black.svg);
            background-position: right 0px top 3px !Important;
            background-repeat: no-repeat;
            height: var(--space-20px);
            width: var(--space-15px);
            background-size: var(--space-15px);
        }

    .app-kgrid__container .k-grid-content .k-icon.k-i-download:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/download-black.svg);
        background-position: right 0px top 3px !Important;
        background-repeat: no-repeat;
        height: var(--space-20px);
        width: var(--space-15px);
        background-size: var(--space-15px);
    }

    .app-kgrid__container .k-grid-content .k-icon.k-i-delete:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/delete-small-black.svg);
        background-position: right 0px top 3px !Important;
        background-repeat: no-repeat;
        height: var(--space-20px);
        width: var(--space-15px);
        background-size: var(--space-15px);
    }

    .app-kgrid__container .k-grid-content .k-icon.k-i-email:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/e-mail-black.svg);
        background-position: right 0px top 3px !Important;
        background-repeat: no-repeat;
        height: var(--space-20px);
        width: 18px;
        background-size: 17px;
    }

    .app-kgrid__container .k-icon.k-i-email {
        width: var(--space-20px);
        height: var(--space-20px);
    }

    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-asc-sm:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/sort-up.svg);
        background-position: right 0px bottom 1px !Important;
        background-repeat: no-repeat;
        height: var(--space-20px);
        width: var(--space-15px);
        background-size: var(--space-15px);
    }

    .app-kgrid__container .k-grid-header .k-icon.k-i-sort-desc-sm:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/sort-down.svg);
        background-position: right 0px bottom 1px !Important;
        background-repeat: no-repeat;
        height: var(--space-20px);
        width: var(--space-15px);
    }

    .app-kgrid__container .k-grid .k-grid-content table td.k-command-cell[role="gridcell"],
    #grdStudentContacts td.moreOptions__Border, #grdOnePortfolio td.moreOptions__Border,
    #grdStudentSuperDb td.moreOptions__Border {
        border-right: 1px solid var(--global-grid-border) !important;
    }

    .app-kgrid__container .k-grid .k-grid-content table td.k-command-cell.eyeicon-column[role="gridcell"] {
        border-left: none !important;
    }

    .app-kgrid__container .gridStyle th {
        padding: var(--space-0px);
    }

    .app-kgrid__container tr:hover #homeGrid .k-grid-content-locked tr, .app-kgrid__container tr:hover #homeGrid .k-grid-content tr {
        background-color: rgba(var( --brand-table-row-background), var(--opacity-three)) !important;
        color: var(--global-text-color);
    }

    .app-kgrid__container .k-grid th.k-header a.k-grid-filter .k-icon:before {
        content: "";
        background-image: url(../Images/AdminPlus/filter-small-white.svg);
        background-position: right 0px top var(--space-5px) !Important;
        background-repeat: no-repeat;
        height: var(--space-20px);
        width: var(--space-15px);
    }

    .app-kgrid__container .k-i-cancel:before {
        content: " " !important;
        background-image: url(../Images/AdminPlus/cancel-black-small.svg) !important;
    }

    .app-kgrid__container table {
        max-width: fit-content !important;
        min-width: 100%;
    }

    .app-kgrid__container .k-grid-header-locked table {
        min-width: auto;
        max-width: 500px !important;
    }

.app-kgrid__container td span, .app-kgrid__container .k-grid-content-locked td span,
.app-kgrid__container .k-grid-content table td, .app-kgrid__container .k-grid-content-locked table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .app-kgrid__container td a {
        text-decoration: none;
    }

    .app-kgrid__container .k-grid-content {
        overflow-y: auto !important;
    }

        .app-kgrid__container .k-grid-content td,
        .app-kgrid__container td {
            border-left: none !important;
        }

    .app-kgrid__container .k-widget.k-dropdown.k-header {
        background-color: transparent !important;
    }

    .app-kgrid__container .k-grid tbody .k-button {
        background: transparent !important;
        border: none !important;
    }

.app-table .k-header {
    background-image: none;
}

.app-kgrid__container .k-button {
    padding: var(--space-0px) !important;
    padding-right: var(--space-20px) !important;
    text-align: left !important;
}

.app-kgrid__container #ShowAllContactsGrid.k-grid .k-grid-content table td.k-command-cell[role="gridcell"] {
    overflow: visible;
    position: relative;
}

.app-kgrid__container .k-grid-content td.content-address-drag-icon {
    padding-left: var(--space-10px) !important;
}

.app-kgrid__container .k-grid-header th.k-header {
    text-overflow: clip;
    padding-left: var(--space-30px) !important;
}

.app-kgrid__container.k-hierarchy-col {
    width: var(--space-10px) !important;
}
.app-kgrid__container.no-filter .k-grid-header th.k-header,
.app-kgrid__container.no-filter .k-grid-content td, .app-kgrid__container.no-filter .k-grid-content-locked td {
    padding-left: var(--space-15px) !important;
}
.app-kgrid__container .k-hierarchy-cell.k-header::before {
    background: none !important;
}

.app-kgrid__container .k-detail-cell .k-display-block {
    width: 965px !important;
    border: 1px solid rgb(3 83 164 / 30%) !important;
    border-bottom: none !important;
}

    .app-kgrid__container .k-detail-cell .k-display-block tbody tr {
        background: var(--brand-default-light-background) !important;
    }

.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand:before {
    background-image: url(/Images/AdminPlus/add-contacts-down-arrow-black.svg) !important;
    content: " " !important;
    background-repeat: no-repeat !important;
}

.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-collapse:before {
    background-image: url(/Images/AdminPlus/add-contacts-up-arrow-black.svg) !important;
    content: " " !important;
    background-repeat: no-repeat !important;
}

.app-kgrid__container .k-hierarchy-cell.k-header {
    left: 14px !important;
    background-repeat: no-repeat !important;
}

.app-kgrid__container .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header:not(:first-child) .k-link:before {
    height: var(--space-20px);
    width: 1px;
    background: var(--brand-default-light-background);
    top: 11px;
    margin-left: -30px;
    content: "";
    position: absolute;
}

.app-kgrid__container.with-border {
    border-style: solid !important;
    border-color: rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
    border-width: 0.5px 1px 1px 0.5px !important;
}

.app-kgrid__container tr:nth-child(even) td input[type=checkbox].bookmark-check:before {
    background-color: var(--brand-grid-even-bg);
}

.app-kgrid__container tr:nth-child(odd) td input[type=checkbox].bookmark-check:before {
    background-color: var(--brand-grid-odd-bg);
}

.app-kgrid__container .k-hierarchy-col {
    width: var(--space-50px) !important;
}

.app-kgrid__container .k-detail-row td.k-detail-cell {
    padding: var(--space-20px) var(--space-0px) var(--space-20px) var(--space-0px) !important;
}

    .app-kgrid__container .k-detail-row td.k-detail-cell .k-grid {
        width: 96%;
        border: 1px solid rgb(3 83 164 / 30%) !important;
        border-bottom: none !important;
    }

        .app-kgrid__container .k-detail-row td.k-detail-cell .k-grid table tr {
            background: var(--brand-default-light-background) !important;
        }

.app-kgrid__container .k-grid-filter.k-active {
    background-color: transparent;
}

.app-kgrid__container .k-grid-content.k-auto-scrollable {
    overflow-y: overlay !important;
}

.app-kgrid__container .k-grid-content table td .contact__detail-link .viewContactName {
    width: 80%;
}

    .app-kgrid__container .k-master-row.k-selected td, .app-kgrid__container .k-alt.k-master-row.k-selected td {
        font-size: var(--global-text-size);
        font-family: var(--global-font-family-semibold);
        color: var(--global-text-color);
        letter-spacing: 0.16px;
    }

.app-table tr.k-no-data td:before {
    content: none !important;
}
/*kendo table grid style ends*/
/*Common Flex Class starts*/
.flex-row {
    display: flex;
    display: -ms-flexbox;
}
/*Common Flex Class ends*/
/*Multiple Students left side container starts*/
#divMultiStaffSnapshot, #divMultiStudentSnapshot {
    background: var(--brand-default-light-background);
    min-height: calc(var(--app-height) - var(--header-height));
    width: var(--space-300px);
}

.multiple-student__left-container {
    width: var(--space-300px);
    height: fit-content;
    background-color: var(--brand-default-light-background);
}

.multi-sidebar-student-box, .multi-sidebar-staff-box {
    height: 90px;
}

#divMultipleStudentsMode .k-link:hover .gridMinusCol:after {
    position: absolute;
    width: 6px;
    height: 2px;
    top: 6px;
    left: var(--space-4px);
    background: var(--brand-default-light-background);
    content: "";
}

.multi-student__box {
    background: var( --brand-container-darkblue-backgroud);
    width: var(--space-300px);
    min-height: var(--space-55px);
    height: fit-content;
}

.multiple-student__left-container .attendance__box .col-12 .col-4 {
    min-width: 112px;
    max-width: 112px;
}

.multiple-student__left-container .attendance__box .col-12 .col-8 {
    width: auto;
}

.go-to-snapshot {
    top: var(--space-20px);
    right: var(--space-15px);
    z-index: 9;
}

.multi-students-expand__image {
    width: var(--space-24px);
    height: var(--space-24px);
}

.multiple-students__image {
    max-width: var(--space-80px);
    max-height: var(--space-80px);
    margin: var(--space-0px) auto;
}

.multiple-contacts__student-name {
    width: 80%;
}

.multiple-student__left-container .multi-addressfieldarea {
    min-height: 110px;
}

.multiple-students__key.app-key {
    color: var(--global-color-primary);
}

.contact__box, .attendance__box, .schedule__box {
    border-bottom: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four));
}

.multiple-student-contact__relation {
    width: 10%;
    margin-right: var(--space-12px);
}

.multiple-student-contact__name {
    width: 76%;
}

.multiple-student-contact__email {
    width: 10%;
}

.multiple-students-contact__row {
    height: var(--space-40px);
    padding: var(--space-16px);
}

.multiple-student-contact__name-text {
    width: 80%;
}

.multiple-student-contact__email-image {
    height: 21px;
    margin-left: -4px;
}

.multiple-prospect-contact__household {
    background: var(--brand-main-backgroundcolor-indicator);
    margin-left: var(--space-8px);
    width: var(--space-24px);
    height: var(--space-24px);
}

#divMultipleStudentsMode {
    overflow-y: auto;
    width: calc(100% - 300px);
}
/*Multiple Students left side container ends*/
/*Multiple Students Grid --- Right Side starts*/
#divMultipleStudentsMode #divLookup .app-kgrid__container .contact__detail-link:hover .lookup-icon, #AdivContactTap .appgrid__expand, #AdivSuperDB .appgrid__expand, #Advportfoliofilters .appgrid__expand, #AdivCommunicationLogFilters .appgrid__expand, #AdivProspectNotesTab .appgrid__expand {
    display: none;
}

.mutiple-prospect__grid-height .k-grid-content {
    max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 250px)) !important;
    min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 250px)) !important;
}

#divMultiStaffSuperDB .k-grid-content, #divMultiStaffPortfolio .k-grid-content, #divMultiStaffLookup .k-grid-content {
    max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 230px)) !important;
    min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 230px)) !important;
}

#divMultipleStudentsMode #divLookup .k-widget .lookup-name {
    float: left;
    width: calc(100% - 50px);
}

#divMultipleStudentsMode #divLookup .k-widget .app-push-right {
    margin-right: var(--space-15px) !important;
}

#divMultipleStudentsMode #divLookup .app-kgrid__container .contact__detail-link .lookup-icon {
    display: block;
    position: relative;
    bottom: -2px;
    left: -2px;
}

#divMultipleStudentsMode #divLookup .app-kgrid__container .contact__detail-link:hover .lookup-icon-hover {
    display: block !important;
    position: relative;
    bottom: -1px;
}
#divContactFieldsSection .app__dropdown {
    width: 390px !important;
}
#divContactFieldsSection .app__dropdown .k-dropdownlist {
    width: 100% !important;
}

#divMultipleStudentsMode #divLookup .app-kgrid__container tr:hover .lookup-name {
    font-family: var(--global-font-family-semibold) !important;
    text-decoration: underline;
}
#divMultiStaffLookup .view-options-width .app__dropdownmenulist .view-options .dropdown-menu,
#divMultipleStudentsMode #divLookup .view-options-width .app__dropdownmenulist .view-options .dropdown-menu,
#divMultipleStudentsMode #divMultiStudentSuperDB .view-options-width .app__dropdownmenulist .view-options .dropdown-menu {
/*    min-width: 183px;*/
    max-width: auto;
}

#divMultiStaffLookup .app__gridheader .view__optionlist .dropdown-toggle .k-icon:before,
#divLookup .app__gridheader .view__optionlist .dropdown-toggle .k-icon:before {
    margin-top: var(--space-4px) !important;
}
#divDeleteViews .app-kgrid__container .k-grid-header {
    height: 43px;
}
.demographic__tar__selection .app__toggle .app__togglebutton {
    width: 280px !important;
}
.demographic__tar__selection .app__toggle .app__togglebutton .toggle__knobs:before {
    width: 112px !important;
}
.demographic__tar__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    width: 120px !important;
    left: 120px;
    background-color: var(--brand-default-light-background);
    opacity: 1;
}
.demographic__tar__selection .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    left: var(--space-15px);
}
.demographic__tar__selection .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'Demographics';
    right: var(--space-45px);
    font-size: var(--global-text-size);
    opacity: 1;
}
.demographic__tar__selection .app__toggle .app__togglebutton .layer, .demographic__tar__selection {
    width: 280px;
}
/*Multiple Students Grid --- Right Side ends*/
/*Attendance tabstrip UI starts*/
#attendanceListview .gridheader__top, .demographic__settingsscreen ul.gridheader__top.tab-gridheader__top {
    border-bottom: none;
}

.demographic__settingsscreen ul.gridheader__top.tab-gridheader__top {
    padding-bottom: 3px;
    padding-top: var(--space-8px);
}
/*Attendance tabstrip UI ends*/
/*Start : Global tab strip style : app__tabstrip */
.app__tabstrip .k-tabstrip .k-tabstrip-items, .app__tabstrip .k-widget.k-tabstrip.k-header.setupDemographicsList {
    border-bottom: var(--space-0px) !important;
}

.app__tabstrip .k-tabstrip-wrapper .k-tabstrip-items {
    background-color: var( --brand-component-primary-background) !important;
}

.app__tabstrip .k-tabstrip-wrapper ul.k-tabstrip-items li:last-child {
    margin-right: 1px;
}

.app__tabstrip .k-tabstrip-wrapper .k-tabstrip.k-header {
    background-image: none !important;
}

.app__tabstrip .k-tabstrip-wrapper .k-tabstrip, .app__tabstrip .k-tabstrip-items .k-state-default.xyz {
    background-color: var(--brand-tabs-component-background) !important;
}

.app__tabstrip .k-tabstrip-items li.k-state-active span.k-link {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    font-weight: var(--gloabl-bold-font-weight);
    border-top-right-radius: var(--space-8px) !important;
    border-top-left-radius: var(--space-8px) !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: var(--space-35px);
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px var(--space-10px) var(--space-10px) var(--space-35px) !important;
}

.app__tabstrip ul.k-reset.k-tabstrip-items {
    height: 37px;
    padding-left: var(--space-20px) !important;
    width: 100%;
    margin-left: var(--space-0px) !important;
    padding-left: var(--space-0px) !important;
}

.app__tabstrip .k-tabstrip-items .k-state-default {
    border-right: var(--space-0px) !important;
    border-left: var(--space-0px) !important;
}

    .app__tabstrip .k-tabstrip-items .k-state-default.k-state-active {
        position: relative;
    }

.app__tabstrip ul.k-tabstrip-items li.k-state-default.k-state-active + li {
    border-left: var(--space-0px) !important;
}

.app__tabstrip .k-tabstrip-items .k-link {
    font-size: var(--global-text-size) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    padding: var(--space-8px) var(--space-10px) var(--space-10px) var(--space-35px) !important;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--global-font-family-regular);
    text-transform: capitalize;
    letter-spacing: 0.16px;
}

.app__tabstrip .k-tabstrip > .k-button.k-bare {
    top: var(--space-4px);
}

.app__tabstrip .k-tabstrip .k-button-icon.k-icon {
    color: var(--global-text-light);
}

.app__tabstrip .k-tabstrip-items .k-state-default.prev {
    border-right: var(--space-0px) !important;
}

.app__tabstrip .k-tabstrip-items > .k-item {
    overflow: visible !important;
    background: var(--brand-tabs-component-background) !important;
    border-radius: var(--space-8px) var(--space-8px) var(--space-0px) var(--space-0px) !important;
    margin: var(--space-0px) 1px -1px var(--space-0px) !important;
}

.app__tabstrip .k-tabstrip-wrapper ul.k-tabstrip-items li:first-child {
    margin-left: 1px !important;
}

.app__tabstrip .k-tabstrip-items .k-link, .app__tabstrip .k-tabstrip-items li.k-state-active span.k-link {
    width: auto;
    padding: 9px var(--space-25px) var(--space-10px) var(--space-25px) !important;
}

.app__tabstrip .k-tabstrip .k-content.k-state-active {
    padding: var(--space-0px);
    background: var(--brand-component-secondary-background);
}

.app__tabstrip .k-icon.k-i-arrow-60-down.k-panelbar-expand,
.app__tabstrip .k-icon.k-i-arrow-60-up.k-panelbar-collapse {
    height: var(--space-40px);
    width: var(--space-30px);
    position: absolute;
    top: var(--space-0px);
    left: var(--space-0px);
    margin: var(--space-0px);
    right: var(--space-0px);
}

.app__tabstrip .k-panelbar > .k-item > .k-link {
    padding: var(--space-0px) var(--space-35px) !important;
}

.app__tabstrip .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand,
.app__tabstrip .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand:hover {
    background: rgba(var(--brand-process-completed-background),var(--opacity-eight));
}

.app__tabstrip .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse,
.app__tabstrip .k-panelbar .k-link.k-header.checked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse:hover {
    background: rgba(var(--brand-process-completed-background),var(--opacity-seven));
}

.app__tabstrip .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand,
.app__tabstrip .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-down.k-panelbar-expand:hover {
    background: rgba(var(--brand-process-incomplete-background),var(--opacity-eight));
}

.app__tabstrip .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse,
.app__tabstrip .k-panelbar .k-link.k-header.unchecked-all .k-icon.k-i-arrow-60-up.k-panelbar-collapse:hover {
    background: rgba(var(--brand-process-incomplete-background),var(--opacity-six));
}

.app__tabstrip .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-down.k-panelbar-expand,
.app__tabstrip .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-down.k-panelbar-expand:hover {
    background: rgba(var(--brand-process-inprogress-background),var(--opacity-seven));
}

.app__tabstrip .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-up.k-panelbar-collapse,
.app__tabstrip .k-panelbar .k-link.k-header.stepinprogress .k-icon.k-i-arrow-60-up.k-panelbar-collapse:hover {
    background: rgba(var(--brand-process-inprogress-background),var(--opacity-five));
}

.app__tabstrip .k-panelbar .k-link.k-header.stepinprogress, .app__tabstrip .k-panelbar .k-link.k-header.stepinprogress.k-state-hover {
    background: rgba(var(--brand-process-inprogress-background),var(--opacity-one));
    height: var(--space-40px);
    display: flex;
    display: -ms-flexbox;
}

.app__tabstrip .k-panelbar .k-link.k-header .k-icon.k-i-arrow-60-down.k-panelbar-expand:before {
    content: "";
    position: absolute;
    background-position: right var(--space-8px) top 14px !Important;
    background-repeat: no-repeat;
    height: var(--space-40px);
    width: var(--space-30px);
    background-image: url(../Images/AdminPlus/add-white.svg);
    background-size: var(--space-12px);
}

.app__tabstrip .k-panelbar .k-link.k-header .k-icon.k-i-arrow-60-up.k-panelbar-collapse:before {
    content: "";
    position: absolute;
    background-position: right var(--space-8px) top 14px !Important;
    background-repeat: no-repeat;
    height: var(--space-40px);
    width: var(--space-30px);
    background-image: url(../Images/AdminPlus/minus-white.svg);
    background-size: var(--space-12px);
}

.app__tabstrip .k-panelbar .k-link.k-header.checked-all, .app__tabstrip .k-panelbar .k-link.k-header.checked-all.k-state-hover {
    background: rgba(var(--brand-process-completed-background),var(--opacity-one));
    height: var(--space-40px);
    display: flex;
    display: -ms-flexbox;
}

.app__tabstrip .k-panelbar .k-link.k-header.unchecked-all, .app__tabstrip .k-panelbar .k-link.k-header.unchecked-all.k-state-hover {
    background: rgba(var(--brand-process-incomplete-background),var(--opacity-one));
    height: var(--space-40px);
    display: flex;
    display: -ms-flexbox;
}

.app__tabstrip .k-panelbar .k-content, .app__tabstrip .k-panelbar .k-link.k-header {
    border: none !important;
}

.app__tabstrip .k-panelbar > li.k-item {
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-four)) !important;
}

.app__tabstrip .k-panelbar .k-link.k-header .app-title {
    color: var(--global-text-color);
    font-family: var(--global-font-family-regular);
    font-size: var(--global-text-size);
    width: 38%;
    font-weight: var(--gloabl-default-font-weight);
}

.app__tabstrip .k-panelbar .k-state-active .k-link.k-header .app-title {
    color: var(--global-text-color);
    font-family: var(--global-font-family-regular);
    font-size: var(--global-text-size);
    font-weight: var(--gloabl-bold-font-weight);
}

.app__tabstrip .k-tabstrip-items li.k-state-active span.k-link {
    width: auto;
    padding: 7px var(--space-25px) var(--space-10px) var(--space-25px) !important;
}

.app__tabstrip .k-tabstrip > #tabstripadmission-1.k-content {
    overflow-y: scroll !important;
}

.app__tabstrip .k-tabstrip .k-content {
    position: initial;
}

    .app__tabstrip .k-tabstrip .k-content.k-active {
        background: var(--brand-component-secondary-background) !important;
        border: none;
        border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius);
    }

.app__tabstrip .k-tabstrip {
    box-shadow: none;
    -moz-box-shadow: none;
    padding: var(--space-0px);
}

    .app__tabstrip .k-tabstrip .k-tabstrip-items-wrapper .k-active span.k-link {
        background: var(--brand-component-secondary-background) !important;
        color: var(--global-text-color) !important;
        border-top-right-radius: var(--space-8px) !important;
        border-top-left-radius: var(--space-8px) !important;
        position: relative;
        font-family: var(--global-font-family-semibold);
        margin-top: 1px;
        margin-right: 1px;
        margin-left: 1px;
        box-sizing: border-box;
    }

.app__tabstrip .app-kgrid__container .k-hierarchy-col {
    width: var(--space-50px) !important;
}

.app__tabstrip #gridOneStudentIncident.app-kgrid__container .k-hierarchy-col {
    width: var(--space-25px) !important;
}

#gridOneStudentIncident .k-grid-content table td.k-hierarchy-cell {
    padding-left: var(--space-20px) !important;
    overflow: initial;
}

#gridServedDetails.k-grid .field-validation-error,
#gridLetterCode.k-grid .field-validation-error,
#gridActionDetails.k-grid .field-validation-error {
    display: none;
}
#incidentDetailsContent .app-kgrid__container {
    overflow-x: auto;
    white-space: nowrap;
}
#incidentDetailsContent .app-kgrid__container table {
    table-layout: fixed;
    width: 100%;
}
#gridOneStudentIncident .k-grid-content table td:nth-child(3) {
    padding-left: var(--space-10px) !important;
}

#btnPrintIncidents.app-primary-btn.app-button{
    width:98px;
}

.app__tabstrip .app-kgrid__container .k-detail-row td.k-detail-cell .k-grid {
    width: 97%;
}

.app__tabstrip .k-detail-cell .k-widget.k-grid {
    border: 1px solid rgb(3 83 164 / 30%) !important;
    border-bottom: none !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    background: var(--global-text-light);
}

.app__tabstrip .k-tabstrip .k-content {
    position: relative;
}

.app__tabstrip .k-reset.k-tabstrip-items {
    background: none !important;
}

.app__tabstrip .app__gridheader .gridheader__top {
    border-bottom: var(--space-0px);
}

.app__tabstrip .k-content.k-state-active .admissions-panel {
    max-height: calc(100vh - 640px) !important;
    min-height: calc(100vh - 640px) !important;
    padding: var(--space-0px);
    border: none;
    margin-bottom: var(--space-20px);
}

.app__tabstrip .k-content.k-state-active.expanded .admissions-panel {
    max-height: calc(100vh - 450px) !important;
    min-height: calc(100vh - 450px) !important;
    height: auto !important;
}

.app__tabstrip .k-tabstrip-wrapper #tabstripContact.k-tabstrip, .app__tabstrip .k-tabstrip-wrapper #tabstripadmission.k-tabstrip {
    background-color: transparent !important;
}

.app__tabstrip .k-content.k-state-active.expanded {
    max-height: calc(100vh - 325px) !important;
    min-height: calc(100vh - 325px) !important;
    height: auto !important;
    overflow: auto !important;
}

.app__tabstrip .k-tabstrip-wrapper #tabstripContact .k-tabstrip-items {
    background-color: var(--brand-default-light-background) !important;
}

.app__tabstrip #tabstripContact ul.k-tabstrip-items li.k-state-default {
    border: var(--space-0px);
}

    .app__tabstrip .k-tabstrip-wrapper #tabstripContact.k-tabstrip:focus {
        box-shadow: none;
        -moz-box-shadow: none;
    }

.app__tabstrip #tabstripContact ul.k-reset.k-tabstrip-items:after {
    content: none;
}

.app__tabstrip #tabstripContact .k-content.k-state-active {
    background: var(--brand-component-secondary-background);
    border-left: 1px solid var(--global-border-light) !important;
    border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--global-border-radius);
    -moz-border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--global-border-radius);
}

.app__tabstrip #tabstripContact .basic__contactdetails {
    padding: var(--space-5px);
}

.app__tabstrip .k-tabstrip-items .k-link.activeTab {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    font-weight: var(--gloabl-bold-font-weight);
    border-top-right-radius: var(--space-8px) !important;
    border-top-left-radius: var(--space-8px) !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: var(--space-35px);
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px var(--space-10px) var(--space-10px) var(--space-35px) !important;
}

.app__tabstrip #tabstripadmission-1.k-content.k-state-active.expanded {
    overflow-y: scroll !important;
}

.app__tabstrip ul.k-reset.k-tabstrip-items:after {
    background: none !important;
    height: 37px;
    width: 100%;
    content: "";
    position: absolute;
    border-top-left-radius: var(--space-8px);
}

.app__tabstrip .k-tabstrip-items > .k-item, .app__tabstrip .k-tabstrip-items .k-link {
    max-height: 37px !important;
    z-index: 999;
    height: inherit;
}

#tabstripAttendance .k-tabstrip-items > .k-item {
    z-index: 8 !important;
}

.app__tabstrip .k-tabstrip {
    border-radius: var(--space-0px);
    -moz-border-radius: var(--space-0px);
    background: transparent;
}

.app__tabstrip .k-tabstrip-items .k-link {
    padding: var(--space-8px) var(--space-20px) var(--space-10px) var(--space-20px) !important;
    text-align: center;
    width: auto;
}

.app__tabstrip ul.k-reset.k-tabstrip-items, .app__tabstrip ul.k-reset.k-tabstrip-items:last-child:after {
    background: var(--brand-component-primary-background) !important;
}
/*End : Global tab strip style : app__tabstrip */

/*Tabstrip navbar UI starts*/
.app-tabstrip-nav {
    padding: var(--space-0px);
    border-radius: var(--global-border-radius) var(--global-border-radius) var(--space-0px) var(--space-0px);
}

.app-tabstrip-nav .k-content {
    padding: var(--space-0px);
    border: var(--space-0px);
    background: var(--brand-component-secondary-background);
    overflow-y: auto;
}

    .app-tabstrip-nav .k-tabstrip-items-wrapper {
        border: var(--space-0px) solid var(--global-border-light);
        background: var(--brand-default-light-background);
        border-radius: var(--global-border-radius) var(--global-border-radius) var(--space-0px) var(--space-0px);
        box-shadow: var(--space-0px) 3px 6px var(--global-kendo-table-boxshadow);
        -moz-box-shadow: var(--space-0px) 3px 6px var(--global-kendo-table-boxshadow);
        position: relative;
        z-index: 99;
    }

    .app-tabstrip-nav .k-tabstrip-items .k-item {
        background-color: transparent;
        margin-bottom: var(--space-0px);
        margin: var(--space-5px) var(--space-0px) var(--space-5px) var(--space-0px);
        padding: var(--space-10px) var(--space-0px) var(--space-10px) var(--space-20px);
    }

.app-tabstrip-nav .k-tabstrip-items .k-item .k-link {
    padding: var(--space-0px) var(--space-0px) var(--space-5px) var(--space-0px);
}

.app-tabstrip-nav .k-tabstrip-items .k-item.k-active .k-link {
    border-bottom: 3px solid var(--global-light-color-indicator) !important;
    padding: var(--space-0px) var(--space-0px) var(--space-5px) var(--space-0px);
}

.app-tabstrip-nav .k-tabstrip-items {
    border-bottom: none!important;
}
/*Tabstrip navbar UI ends*/
/*Multiple prospect Grid --- Right Side Starts*/
#tabstripadmission-2, #tabstripadmission-1 {
    max-height: calc( 100vh - 517px ) !important;
    min-height: calc( 100vh - 517px ) !important;
}

#tabstripadmission-2.graphical-expanded, #tabstripadmission-1.list-expanded {
    max-height: calc( 100vh - 325px ) !important;
    min-height: calc( 100vh - 325px ) !important;
    height: auto !important;
}
/*Multiple prospect Grid --- Right Side Ends*/
/*On hover : requirement img change Starts*/
@keyframes slide-in {
    0% {
        transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
        -ms-transform: translateY(0px);
        -moz-transform: translateY(0px);
    }
}
/*On hover : requirement img change Ends*/
/*Admission tab list view styles Starts*/
.application-lists#editor .isPermittedRequirementsspan,
#attendanceListview #divPanelbarPage label.notes__details {
    max-width: fit-content;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

#attendanceListview #divPanelbarPage label.notes__details {
    width: 50%;
    padding-left: var(--space-40px);
}

#attendanceListview #divPanelbarPage .addNotes, #attendanceListview #divPanelbarPage #editor.application-lists .note {
    width: 10%;
    text-align: center;
    padding-left: var(--space-25px);
}

#attendanceListview #divPanelbarPage #editor.application-lists .download {
    width: 10%;
    min-height: 1px;
    text-align: center;
}

#attendanceListview #divPanelbarPage #editor.application-lists .date {
    width: 10%;
    min-height: 1px;
    text-align: left;
}

#attendanceListview #divPanelbarPage #editor.application-lists .checkbox {
    width: 20%;
    margin: var(--space-0px);
    padding-left: var(--space-0px);
}

#attendanceListview ul.application-lists > li {
    padding: var(--space-10px) var(--space-70px);
}

#attendanceListview ul.application-lists > li:not(:last-child) {
    border-bottom: 1px solid var(--global-lists-box-border) !important;
}
#tabstripadmission .k-tabstrip-items {
    margin-left: var(--space-0px) !Important;
    margin-right: var(--space-0px) !important;
}

#divListView .completed {
    content: url(/Images/AdminPlus/completed-green.svg);
}

#divListView .incomplete {
    content: url(/Images/AdminPlus/incomplete-step.svg);
}

#divListView .inprogress {
    content: url(/Images/AdminPlus/in-progress-step.svg);
}

#divListView .completed, #divListView .incomplete, #divListView .inprogress {
    height: var(--space-20px);
    margin-top: 9px !important;
    width: 2%;
}
/*Admission tab list view styles Ends*/
/* Edit Daily Attendance - Modal Starts*/
#EditDailyAttendanceView .comments-container .edit__fieldcol .k-clear-value {
    opacity: 1;
    position: absolute;
    right: -25px;
}

#EditDailyAttendanceView .comments-container .edit__fieldcol .k-input,
#EnterPeriodAttendance .comments-container .edit__fieldcol .k-input {
    position: static;
    height: var(--space-40px);
    border: 1px solid var(--global-dropdown-border) !important;
}

#EditDailyAttendanceView .comments-container .edit__fieldcol .k-clear-value .k-icon:before {
    background: url(../Images/AdminPlus/close-black-small.svg) no-repeat;
    content: "";
}
/* Edit Daily Attendance - Modal Ends*/
/*App Panelbar Starts*/
.app__panelheader {
    height: var(--space-40px);
    background: var( --brand-container-dark-background);
}

    .app__panelheader ul {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        height: var(--space-40px);
    }

        .app__panelheader ul li:not(:first-child,:nth-child(2)) {
            border-left: 1px solid var(--global-border-light);
        }

        .app__panelheader ul .panel__headercontent {
            color: var(--global-text-light);
            font-size: var(--global-text-size);
            font-family: var(--global-font-family-regular);
            font-weight: var(--gloabl-default-font-weight);
            padding: var(--space-0px) var(--space-15px);
        }

        .app__panelheader ul li:nth-child(3) .panel__headercontent {
            margin: var(--space-0px) auto;
        }

        .app__panelheader ul li:nth-child(1) {
            width: var(--space-30px);
            text-align: center;
        }

        .app__panelheader ul li:nth-child(2) {
            width: 20%;
            text-align: left;
            padding-left: 1.5%;
        }

        .app__panelheader ul li:nth-child(3), .app__panelheader ul li:nth-child(4), .app__panelheader ul li:nth-child(5) {
            width: 10%;
            text-align: center;
        }

        .app__panelheader ul li:nth-child(6) {
            width: 50%;
            text-align: left;
        }
/*App Panelbar Ends*/
/*Admissions View Starts*/
#divAdmissionView {
    max-height: calc( 100vh - 517px ) !important;
    min-height: calc( 100vh - 517px ) !important;
}

    #divAdmissionView.adm-expanded {
        max-height: calc( 100vh - 325px ) !important;
        min-height: calc( 100vh - 325px ) !important;
        height: auto !important;
    }

#tabstripadmission-4 {
    max-height: calc( 100vh - 513px ) !important;
    min-height: calc( 100vh - 513px ) !important;
}

    #tabstripadmission-4.prov-expanded {
        max-height: calc( 100vh - 320px ) !important;
        min-height: calc( 100vh - 320px ) !important;
    }

#divProvisionalView .app-kgrid__container .k-grid-content {
    max-height: calc(100vh - 653px) !important;
    min-height: calc(100vh - 653px) !important;
}

    #divProvisionalView .app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 450px) !important;
        min-height: calc(100vh - 450px) !important;
        height: auto !important;
    }
/*Admissions View Ends*/
/*Start : Common Popups Styling*/
.k-window {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.app-kpopup__container .k-window-titlebar.k-hstack {
    background: var( --brand-main-backgroundcolor-indicator);
    padding: var(--space-10px) var(--space-20px) var(--space-10px) var(--space-20px);
    border-top-left-radius: var(--space-4px);
    border-top-right-radius: var(--space-4px);
}

.app-kpopup__container .k-window-title {
    color: var(--global-text-light) !important;
    font-family: var(--global-font-family-semibold);
    font-size: var(--global-text-size-xxl) !important;
    letter-spacing: 0.2px;
}

.app-kpopup__container .k-window-content {
    padding: var(--space-20px);
}
/*End : Common Popups Styling*/
/*app-kpopup__container classes Starts*/
.app-kpopup__container.k-widget a.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-window-action:active,
.app-kpopup__container.k-widget a.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-window-action:focus,
.app-kpopup__container a.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-window-action:active,
.app-kpopup__container a.k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-window-action:focus {
    color: transparent;
    transition: color ease-in-out;
}

.app-kpopup__center {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    -ms-transform: translate(-50%,-50%) !important;
    -moz-transform: translate(-50%,-50%) !important;
}

.app-kgrid-popup__container {
    border: 1px solid rgb(3 83 164 / 30%) !important;
    border-top: none !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}

    .app-kgrid-popup__container .k-grid-header, .app-kgrid-popup__container .k-grid-header-wrap {
        border-top-left-radius: var(--global-border-radius);
        border-top-right-radius: var(--global-border-radius);
    }

.app-kgrid-with-no-filter .k-grid-content td, .app-kgrid-with-no-filter td, .app-kgrid-with-no-filter th {
    padding-left: var(--space-20px) !important;
}
/*app-kpopup__container classes Ends*/
/*Household popup for add prospect Starts*/
.household__popup {
    width: 1100px !important;
}

.household__popup .k-window-titlebar {
    border-color: transparent;
}
/*Household popup for add prospect Ends*/
/*contact popup style starts*/
#divAddContactView.k-window-content {
    overflow: hidden !important;
}

#divContactViewDetails #btnContactPupUpCancel, #btnEditViewContact {
    z-index: 2;
}

#divSnapShotFields .table-responsive {
    max-height: 197px;
    overflow-y: auto;
    border: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
}

    #divSnapShotFields .table-responsive table {
        border: var(--space-0px) !important;
    }

    #divSnapShotFields .table-responsive th {
        position: sticky;
        z-index: 2;
        top: var(--space-0px);
        border-bottom: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
    }

#tabstripContact .app__dropdown .k-widget.k-dropdown, #tabstripContact .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap,
#divUserDefinedFields .app__dropdown .k-widget, #divUserDefinedFields .app__dropdown .k-widget .k-dropdown-wrap {
    width: 100% !important;
}
div#divUserDefinedCategories label {
    min-width: 120px;
}
#divUserDefinedCategories input, #divUserDefinedCategories .k-datepicker.demo-field-date, #divUserDefinedCategories textarea {
    border: 1px solid var(--global-dropdown-border) !important;
}
#divUserDefinedCategories input.demo-field-date {
    border: none !important;
}
.addcontact__screen ul li {
    list-style-type: none;
}
#btnOverride {
    background-image: url(../Images/AdminPlus/override-white.svg) !important;
}

#removeOverride {
    background-image: url(../Images/AdminPlus/remove-override.svg) !important;
    display: none;
}

#btnOverride, #removeOverride {
    height: var(--space-35px);
    width: var(--space-35px);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    background-position: right 7px top 7px !Important;
    background-repeat: no-repeat;
    background-size: 18px;
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    margin-left: var(--space-10px);
}

.addcontact__screen .program.regular-font {
    line-height: 26px;
}
/*contact popup style ends*/
/***********Common Dropdown Styles Starts*************/
.app-input input, .app__dropdown input, .app__datepicker input, .app__datepicker .k-picker-wrap .k-input {
    color: var(--global-text-color);
    font-size: var(--global-text-size) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    height: auto;
    line-height: 27px !important;
}
/***********Common Dropdown Styles Ends*************/

/*-------------Portfolio Cateogory Starts -----------*/
#PortfolioCategoryGrid .k-icon.k-i-close:before {
    background-image: url(../Images/AdminPlus/delete-small-black.svg) !important;
    margin: 3px var(--space-0px) var(--space-0px) -18px !important;
    background-size: 17px !important;
}

#PortfolioTabButtons .add-btn {
    width: 90px;
    font-weight: var(--gloabl-default-font-weight) !important;
    border: 1px solid var(--global-link-color) !important;
}

.portfolio-height {
    height: 439px;
}

#PortfolioTabButtons .k-icon.k-i-add {
    margin-right: var(--space-5px);
    margin-top: 2px;
}

#PortfolioCategoryGrid .k-icon.k-i-edit:before {
    content: "" !important;
    background-image: url(../Images/AdminPlus/edit-small-black.svg) !important;
    margin-bottom: 1px;
}

#PortfolioCategoryGrid .k-grid-delete {
    margin-top: 1.6px !important;
}

#PortfolioCategoryName.k-textbox, #ShortName.k-textbox {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    height: var(--space-35px);
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !important;
    color: var(--global-text-color) !important;
}
/*-------------Portfolio Cateogory Ends -----------*/
/*start :view options for one prospect and multiple prospect*/
#SelectedFieldGrid td::before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: var(--space-10px);
    top: 3px;
    position: relative;
}

.app-table th.k-header {
    padding-left: var(--space-20px) !important;
    padding-bottom: var(--space-10px) !important;
}

.portfolio__name {
    display: block;
}
/*end :view options for one prospect and multiple prospect*/
.app-view-dropdownlist-items {
    width: var(--space-16px);
    height: var(--space-16px);
    margin-right: var(--space-10px);
}
/*Add Portfolio Starts*/
#divUserNameGrid .k-grid-content input {
    left: var(--space-8px) !important;
    top: 2px;
}

#divEnrollment {
    padding: var(--space-15px);
}

.import-from-file-enrollment:not(:first-child) {
    margin-top: var(--space-20px);
}

#importProcessInfoForStudnet .app-light-blue-line-border-top:last-child,
#importProcessInfoForStaff .app-light-blue-line-border-top:last-child{
    border-top: none !important;
}

.logs-icon:hover {
    text-decoration: underline !important;
    color: var(--global-link-color);
}

#grdImportProcessLogs .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 310px) !important;
}
/*Add Portfolio Ends*/
#PortfolioAddWindow .k-dropzone .k-upload-status {
    margin-top: var(--space-16px);
    display: table;
}

#PortfolioAddWindow .k-button.k-upload-action {
    background-image: url(../Images/AdminPlus/cancel-black-small.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

#PortfolioAddWindow .k-upload-files {
    padding-bottom: var(--space-0px);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}

    #PortfolioAddWindow .k-upload-files li {
        border-radius: var(--global-border-radius);
        -moz-border-radius: var(--global-border-radius);
    }

.addcontact__screen .app-contact-name {
    min-width: var(--space-250px);
}

.app-contact-name {
    background: var(--brand-light-backgroundcolor-indicator);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
}
/*Start : ADMCOM 1300*/
#dvEmailEditor {
    background: var(--brand-component-secondary-background);
}

    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: 448px !important;
    }

    #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: 548px !important;
    }
/*End : ADMCOM 1300*/
/*Start: ADMCOM 1296 Email */
.basic-mode__top {
    background: var(--brand-component-secondary-background);
    padding: var(--space-10px) var(--space-20px) var(--space-10px) var(--space-20px);
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}

.quick-mail__container .basic-mode__top { padding-top: var(--space-10px); }
.send-now { width: 136px; padding: var(--space-10px); }
.basic-mode__left { width: 85px; }
.basic-mode__center { width: 837px; }
.basic-mode__subject { width: 829px !important; }
.basic-mode__to-input { width: 100%; }
.basic-mode-right { width: 136px; }
.attachment__container .close { opacity: 1; }
.attachments button.close {
    line-height: 19px;
    padding: var(--space-0px) var(--space-8px);
}
.dropdown__button {
    background: var( --brand-main-backgroundcolor-indicator);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: 9px var(--space-20px) !Important;
    height: var(--space-40px);
}

    .dropdown__button:hover {
        background: var(--brand-dark-backgroundcolor-indicator);
        color: var(--global-text-light);
    }

.recipient-group {
    font-weight: var(--gloabl-default-font-weight);
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    color: var(--global-border-dark);
    align-items: center;
    height: var(--space-40px);
    display: flex;
    display: -ms-flexbox;
    padding-left: var(--space-10px);
}
.compose-mail__right {
    background: var(--brand-component-secondary-background);
    width: var(--email-right-container);
    padding-top: 1px;
}

.quick-mail__container .compose-mail__right {
    width: var(--quick-mail-right-container);
}

.basic__mode .basic-mode__subject {
    width: 828px;
}

.advanced-email-toggler {
    padding: var(--space-12px) var(--space-20px);
    border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
    background: var(--brand-component-secondary-background);
    width: var(--email-right-container);
}

    .advanced-email-toggler .email__toggle-container {
        justify-content: start;
        display: flex;
        display: -ms-flexbox;
    }
/*Advanced mode Starts*/
.recipients-email__container, .compose-email__container, .add-recipient__heading {
    background: var( --brand-container-dark-background);
    padding: var(--space-0px) var(--space-20px);
}

.recipients-email__container {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}

.multipleEmails #dvtxtEmailEditor {
    width: 100% !important;
}

#dvtxtEmailEditor {
    width: calc(100% - var(--email-right-container));
}

.app-k-editor .k-editor-toolbar {
    background: var(--brand-component-secondary-background);
    padding: var(--space-5px) var(--space-10px) !important;
    border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four));
}

    .app-k-editor .k-editor-toolbar .k-tool-group a.k-tool.k-state-hover {
        background-color: var(--brand-default-light-background) !important;
        border-color: var(--global-editor-border) !important;
    }

#dvtxtEmailEditor table {
    border: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four));
}

.app-k-editor .k-editor .k-content {
    background: var(--brand-default-light-background);
}

#dvEmailEditor #dvtxtEmailEditor .k-editable-area iframe, #dvEmailEditor #dvtxtEmailEditor .k-editor-toolbar .k-dropdown-wrap.k-state-default {
    border: none;
}

.app-k-editor iframe.k-content {
    height: 434px;
}

#dvtxtEmailEditor table.expanded {
    height: 500px !important;
}

.app-expand__toggle .expand-box, .app-expand__toggle .collapse-box {
    width: var(--space-20px);
}

.app-expand__toggle .expand-arrow, .app-expand__toggle .collapse-arrow {
    width: var(--space-10px);
}

.app-expand__toggle .expand-arrow {
    top: 1px;
    left: var(--space-10px);
}

.app-expand__toggle .collapse-arrow {
    top: 2px;
    left: 9px;
}

.app-expand__toggle .compose-email__expand:hover .expand-arrow {
    animation: expandslideup 0.30s;
    animation-fill-mode: forwards;
}

.app-expand__toggle .compose-email__collapse:hover .collapse-arrow {
    animation: collapseslidedown 0.30s;
    animation-fill-mode: forwards;
}

.advanced-mode-compose__top {
    padding: var(--space-10px) var(--space-20px);
    background: var(--brand-component-secondary-background);
}

#dvtxtEmailEditor .basic-mode__center {
    width: 682px;
}
/*Advanced mode Ends*/
/*End: ADMCOM 1296 Email */
/*email expand command collapse animation Starts*/
@keyframes expandslideup {
    0% {
        top: 1px;
        left: var(--space-10px);
    }

    100% {
        top: -2px;
        left: 14px;
    }
}

@keyframes collapseslidedown {
    0% {
        top: 2px;
        left: 9px;
    }

    100% {
        top: var(--space-5px);
        left: 6px;
    }
}
/*email expand command collapse animation Ends*/
.mapOtherFieldsbtn {
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    font-size: var(--global-text-size) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    background: var(--brand-default-light-background);
    color: var(--global-text-color);
    height: var(--space-35px);
}

    .mapOtherFieldsbtn:hover {
        border: 1px solid var(--global-form-container-border) !important;
    }

.mapOtherFields-dropdown-menu, .mapOtherFieldsbtn, .GridSelection .k-widget {
    width: 100%;
}

.content-wrapper .advanced-email-toggler {
    display: none !important;
}

.GridSelection .k-alt, .GridSelection .k-state-selected td:hover {
    background: var(--brand-default-light-background);
}

.GridSelection td {
    height: var(--space-40px);
    border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight);
    color: var(--global-border-dark);
}

.GridSelection .k-grid-content {
    border: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
}

.GridSelection .k-state-selected td {
    box-shadow: 0px var(--space-5px) var(--space-10px) var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0px var(--space-5px) var(--space-10px) var(--global-user-menu-boxshadow);
    border: 1px solid var(--global-grid-selection-color) !important;
    background: var(--brand-default-light-background);
    position: relative;
}

.GridSelection td:first-child {
    border-top: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important;
}

.GridSelection td:before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: var(--space-10px);
    top: var(--space-0px);
    position: relative;
    padding-left: var(--space-12px);
}

.save-as-pdf {
    width: 279px;
}

.input-cc, .input-bcc {
    width: 304px;
}

.save-as-pdf input[type=checkbox], .save-as-pdf input[type=checkbox]:checked:before, .save-as-pdf input[type=checkbox]:before {
    width: 18px;
    height: 18px;
    border: 1px solid var(--brand-tabs-component-background);
}

.app__dropdownmenulist .activeTab {
    background-color: rgba(var( --brand-table-row-background), 0.25) !important;
    color: var(--global-border-dark) !important;
    border-radius: var(--space-0px) !important;
    -moz-border-radius: var(--space-0px) !important;
}

#dvtxtEmailEditor .k-editor .k-customImageUpload {
    background: url(../Images/UploadImageIcon.png) no-repeat;
}

#dvtxtEmailEditor .k-colorpicker.k-editor-widget {
    width: auto !important;
}

#divEmailLayout #dvtxtEmailEditor .k-editor-toolbar .k-editor-widget, #divEmailLayout #dvtxtEmailEditor .k-editor-toolbar > li {
    margin-right: 3px !important;
}

#dvtxtEmailEditor .k-editor-toolbar .k-combobox-clearable .k-input {
    padding-right: var(--space-0px) !important;
}

#dvtxtEmailEditor ul.k-editor-toolbar li:nth-child(10) {
    display: inline-flex !important;
    display: -ms-inline-flexbox !important;
}

#divEmailLayout #EmailContent #dvEmailEditor #dvtxtEmailEditor ul.k-editor-toolbar > li.k-tool-group > span.k-widget.k-combobox.k-combobox-clearable.k-editor-widget.k-group-end > span.k-dropdown-wrap.k-state-default {
    width: 86px !important;
}

#dvtxtEmailEditor .k-editor-toolbar .k-tool-group .k-tool-icon.k-icon {
    margin-bottom: 3px;
}

    #dvtxtEmailEditor .k-editor-toolbar .k-tool-group .k-tool-icon.k-icon.k-i-custom-image-upload {
        margin: 2px var(--space-0px) var(--space-0px) var(--space-0px);
    }

.divEmail .k-input.k-fontSize.k-group-end {
    width: 56px !important;
}

#dvtxtEmailEditor .k-colorpicker .k-tool-icon {
    width: var(--space-0px);
}

/*Quick Mail Starts*/
.content-wrapper .advanced-mode-compose__top > .app-d-flex {
    display: inline-block;
}

.content-wrapper .attachment__container {
    margin-left: var(--space-20px);
}

.panel #EmailContent #dvEmailEditor .compose-mail__right .advance-mode__right .GridSelection .k-grid-content.k-auto-scrollable {
    height: 601px !important;
}

.panel #EmailContent #dvEmailEditor .compose-mail__right .advanced-email-toggler {
    display: none;
}

.current__view .k-widget {
    width: 100% !important;
}
/*Quick Mail Ends*/
/*Demographics show history popup : ADMCOM -1305 Starts*/
.menu_demographics-dropdown {
    border: 1px solid var(--global-user-menu-border) !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    background: var(--brand-default-light-background) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

    .menu_demographics-dropdown .demographic__field-property .k-link, .menu_demographics-dropdown .demographic__show-history .k-link {
        padding: var(--space-10px) var(--space-20px) !important;
        font-size: var(--global-text-size) !important;
        text-align: left !important;
        font-family: var(--global-font-family-regular) !important;
        font-weight: var(--gloabl-default-font-weight) !important;
        color: var(--global-text-color) !important;
        background-color: var(--brand-default-light-background) !important;
        cursor: default !important;
    }

        .menu_demographics-dropdown .demographic__field-property .k-link:hover, .menu_demographics-dropdown .demographic__show-history .k-link:hover {
            background-color: rgba(var(--brand-table-row-background), var(--opacity-two)) !important;
        }

    .menu_demographics-dropdown .k-state-hover, .menu_demographics-dropdown .k-state-hover > .k-link {
        background-color: rgba(var(--brand-table-row-background), var(--opacity-two)) !important;
        background-image: none;
    }

    .menu_demographics-dropdown.k-widget.k-popup {
        border: 1px solid var(--global-user-menu-border) !important;
        background: var(--brand-default-light-background) !important;
    }
/*Demographics show history popup : ADMCOM -1305 Ends*/
/**********************************3 dots file browse*************************/
.app-file-browse .k-upload {
    border: 1px solid var(--global-dropdown-border) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border-top-right-radius: var(--global-border-radius) !important;
    border-bottom-right-radius: var(--global-border-radius) !important;
    background: var(--brand-default-light-background);
}

    .app-file-browse .k-upload .k-dropzone {
        background: none;
    }

.app-file-browse .k-dropzone {
    padding: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-12px);
    display: table;
    width: 100%;
}

    .app-file-browse .k-dropzone .k-upload-button {
        margin-right: var(--space-0px);
        float: right;
        padding: var(--space-4px) var(--space-0px);
        min-width: inherit;
        border-radius: var(--space-0px) !important;
        -moz-border-radius: var(--space-0px) !important;
        border-top-right-radius: 3px !important;
        border-bottom-right-radius: 3px !important;
        border: 1px solid var(--brand-main-backgroundcolor-indicator) !important;
    }

        .app-file-browse .k-dropzone .k-upload-button span {
            background: url(../Images/AdminPlus/select-file-white.svg) no-repeat center !important;
            height: 23px;
            width: var(--space-16px);
            font-size: var(--space-0px);
        }

.app-file-browse .k-upload-status.k-upload-status-total {
    display: none !important;
}

.app-file-browse .k-file-extension-wrapper {
    width: var(--space-20px) !important;
    height: 26px !important;
    border-width: 1px !important;
    font-size: var(--global-text-size-xxxxxs) !important;
    color: var(--global-text-color) !important;
    border-color: var(--global-border-dark) !important;
}

    .app-file-browse .k-file-extension-wrapper:before {
        border-color: transparent transparent var(--global-border-dark) var(--global-border-dark) !important;
        top: var(--space-0px) !important;
        right: var(--space-0px) !important;
        border-width: 3px !important;
    }

.app-file-browse .k-file-extension {
    margin-left: 2px !important;
    margin-bottom: var(--space-4px) !important;
}

.app-file-browse .k-file-name-size-wrapper {
    margin-left: var(--space-8px) !important;
    margin-top: var(--space-4px) !important;
}

    .app-file-browse .k-file-name-size-wrapper .k-file-name {
        float: left;
        color: var(--global-text-color) !important;
        max-width: 87%;
    }

    .app-file-browse .k-file-name-size-wrapper .k-file-size {
        color: var(--global-color-secondary) !important;
        margin-left: var(--space-8px) !important;
        margin-top: var(--space-4px) !important;
        float: left;
        opacity: var(--opacity-seven);
    }

.app-file-browse .k-upload-files {
    position: absolute !important;
    top: var(--space-5px) !important;
    width: calc(100% - 50px) !important;
    left: var(--space-8px) !important;
    border: var(--space-0px) !important;
    line-height: inherit !important;
}

    .app-file-browse .k-upload-files .k-upload-status {
        top: var(--space-0px) !important;
    }

.app-file-browse .k-file .k-upload-status .k-button.k-upload-action {
    background-image: url(../Images/AdminPlus/cancel-black-small.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding-right: var(--space-0px) !important;
}

.app-file-browse .k-upload-files .k-progress {
    bottom: -5px;
    left: -6px;
    width: calc(100% + 6px) !important;
}

.app-file-browse .k-upload-files .k-file {
    border: var(--space-0px) !important;
    background: transparent !important;
    padding: var(--space-0px) var(--space-0px) var(--space-0px) 3px !important;
}

.app-file-browse .file-placeholder {
    background: var(--brand-default-light-background);
    position: absolute;
    top: 1px;
    left: var(--space-12px);
    z-index: 1;
    width: calc(100% - 65px);
    height: var(--space-32px);
    padding-top: 9px;
}

.app-file-browse .k-file-name-size-wrapper {
    width: calc(100% - 24px - 3em) !important;
    max-width: calc(100% - 24px - 3em) !important;
}
/**********************************End 3 dots file browse*************************/
/************************************** view Contact Starts******************************/
.viewContactName {
    color: var(--global-text-color) !important;
}

    .viewContactName:hover {
        font-family: var(--global-font-family-bold);
        text-decoration: underline;
    }

#contactSnapshotTab .contactName {
    border-top-left-radius: var(--space-0px);
    border-top-right-radius: var(--space-0px);
    border: 1px solid var(--brand-main-backgroundcolor-indicator);
    border-top: 3px solid var(--brand-light-backgroundcolor-indicator);
}

    #contactSnapshotTab .contactName .cThumb {
        width: var(--space-60px);
        height: var(--space-60px);
        box-shadow: inset 0px 3px 6px var(--global-box-shadow-color);
        -moz-box-shadow: inset 0px 3px 6px var(--global-box-shadow-color);
        font-size: var(--global-text-size-xxxxxxxl);
        background: var(--brand-light-backgroundcolor-indicator);
        border-radius: 50%;
        -moz-border-radius: 50%;
    }

    #contactSnapshotTab .contactName .cDetails h1 {
        font-size: var(--global-text-size-xxxl);
    }

#contactSnapshotTab p img, .altViewContact p img {
    top: -3px;
    margin-right: var(--space-5px);
}

#contactSnapshotTab .alter__email img {
    left: -1px;
}

.app-flex-1 {
    flex: 1;
    -ms-flex: 1;
}

.gFields {
    height: calc(100% - 104px) !important;
}

.wid-15 {
    width: var(--space-15px);
}
/************************************** view Contact Ends******************************/
/*Home page Starts*/
.manage-home {
    position: fixed;
    top: 66px;
    right: -158px;
    transition: all ease 0.3s;
    z-index: 98;
}

    .manage-home:hover {
        right: var(--space-0px);
        cursor: pointer;
        transition: all ease 0.3s;
    }

    .manage-home ul {
        display: block;
        text-align: left;
        color: var(--global-text-light);
        transition: all 0.3s ease;
        font-size: var(--global-text-size-xxl);
        list-style: none;
        background: var(--brand-manage-home-color );
        border-radius: var(--space-8px) var(--space-0px) var(--space-0px) var(--space-8px);
        -moz-border-radius: var(--space-8px) 0 0 var(--space-8px);
    }

    .manage-home ul {
        width: 202px;
    }

        .manage-home ul:hover {
            background-color: var(--brand-manage-home-color );
        }

        .manage-home ul > li a {
            height: 52px;
            align-items: center;
            display: flex;
            display: -ms-flexbox;
            color: var(--global-text-light);
            font-family: var(--global-font-family-regular);
            font-size: var(--global-text-size);
            font-weight: var(--gloabl-default-font-weight);
            text-decoration: none;
        }

.manage-home ul li .rotate-360 {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
}

.manage-home ul li:hover .rotate-360 {
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transition: all 1s;
}

.refresh {
    background: var(--brand-manage-home-color );
    color: var(--global-text-light);
    border-radius: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-8px);
    -moz-border-radius: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-8px);
}
.manage {
    background: var(--brand-statistics-green );
    color: var(--global-text-light);
    border-radius: var(--space-8px) var(--space-0px) var(--space-0px) var(--space-8px);
    -moz-border-radius: var(--space-8px) var(--space-0px) var(--space-0px) var(--space-8px);
}

.manage-page__popup-container {
    background: rgba(var(--brand-popup-background), var(--opacity-four));
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: var(--space-0px);
    left: var(--space-0px);
}

.appointment__container, .task__container {
    border-right: 1px solid var( --global-box-border);
    padding-right: var(--space-30px);
    margin-right: var(--space-30px);
}

.add-new-tile__popup-container {
    background: rgba(var(--brand-popup-background), var(--opacity-four));
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: var(--space-0px);
    left: var(--space-0px);
}

.add-new-tile__popup {
    height: 100%;
    background: var(--brand-default-light-background);
    position: absolute;
    right: var(--space-0px);
    padding: var(--space-20px);
}

.add-new-tile__inner-content {
    height: 100%;
    width: 862px;
    background: var(--brand-component-secondary-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: var(--space-20px);
}

    .add-new-tile__inner-content .app__dropdown .k-widget, .add-new-tile__inner-content .app__dropdown .k-widget .k-dropdown-wrap, .title-input {
        width: 380px !important;
    }

.add-new-tile__hr {
    margin-top: 11px;
    border-top: 1px solid var(--global-border-dark);
}

.basic-mode {
    position: absolute;
    right: var(--space-0px);
    top: 10%;
    border-bottom: none !important;
    justify-content: end;
}

.app-radio.app-radio-size-18 input:checked + label::after {
    width: var(--space-8px);
    height: var(--space-8px);
    left: var(--space-4px);
    top: 7px;
    margin-left: -19px;
}

.app-radio.app-radio-size-18 label::before {
    width: 18px;
    height: 18px;
    top: 2px;
}

.equal-to__img {
    left: -9px;
}

.upper-section .k-colorpicker, .upper-section .k-picker-wrap {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

.upper-section .k-picker-wrap {
    border: 1px solid var(--global-box-border) !important;
}

.upper-section {
    border-bottom: 1px solid var(--global-border-dark);
}

#divAdvancedsort, #dvContacts {
    background: var(--brand-component-primary-background);
}
/*Home page Ends*/
/*common existing application broken button fix ,temparary code */
input.btn.btn-default.typ-btns {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    opacity: 1 !important;
    border-left: none !important;
    border-top-right-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
    border: none !important;
    padding-left: var(--space-5px) !important;
    height: var(--space-40px) !important;
}

.input-group .input-group-addon.rt-margin-trim {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    border-top-left-radius: var(--global-border-radius);
    border-bottom-left-radius: var(--global-border-radius);
    border: none !important;
    height: var(--space-40px) !important;
    padding-right: var(--space-0px) !important;
}
/*common existing application broken button fix ,temparary code */
.checkbox { min-height: var(--space-16px) !important; }
input[type=checkbox] { cursor: pointer; }
/************************Home Screen Popup Ends*******************************/
.navbar-toggler .icon-bar {
    background: var(--brand-default-dark-background);
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    -moz-border-radius: 1px;
}

    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: var(--space-4px);
    }

.active-tab-value {
    color: var(--global-border-dark);
    line-height: var(--space-50px);
    display: none;
}

.fa-plus:before {
    content: "" !important;
    background-image: url(../Images/AdminPlus/add-white.svg);
    position: absolute !important;
    background-repeat: no-repeat;
    background-size: var(--space-16px);
    width: var(--space-20px) !important;
    height: var(--space-20px) !important;
    margin: -9px var(--space-0px) var(--space-0px) -13px;
}

.responsive-student-toogle {
    display: none !important;
}

.muti-header-responsive .gridheader__bottom .app__dropdown .k-widget, .muti-header-responsive .gridheader__bottom .app__dropdown .k-widget .k-dropdown-wrap {
    width: 180px !important;
}

#GrdContactAddressLayout .k-header {
    padding-left: var(--space-30px) !important;
}

#moreoption__list .sidemenu__content {
    line-height: 28px !important;
}

.add-edit-modal .app__datepicker .k-picker-wrap.k-state-default {
    height: var(--space-40px) !important;
}

.add-edit-modal .app__datepicker .k-i-calendar {
    margin-top: 7px;
}
/*alert and warning popups starts*/
.alert-msg .msg-container {
    background-color: var(--brand-component-secondary-background);
    border: 1px solid var(--brand-fade-highlight-background);
    margin-bottom: var(--space-15px);
    padding: var(--space-15px);
    text-align: center;
    margin-top: var(--space-10px);
    height: fit-content;
    box-sizing: border-box;
}
/*alert and warning popups ends*/
.multi-contact-header .grid__searchbox .close__icon, .muti-header-responsive .grid__searchbox .close__icon {
    top: 9px;
}

#PortfolioCategory .k-grid-header-wrap > table {
    margin-bottom: -2px;
}

.enrollment-wrap .enrollment-wrap {
    padding: var(--space-0px) !important;
}
/*Quick Mail Container Starts*/
.quick-mail__container .cc-bcc-wrap {
    display: block;
    width: 100%;
}

    .quick-mail__container .cc-bcc-wrap > div {
        float: left;
    }

.quick-mail__container .basic-mode-right {
    padding-left: 2px;
}

.quick-mail__container .cc-bcc-wrap > div:first-child {
    width: 40%;
    padding-right: var(--space-10px);
}

.quick-mail__container .cc-bcc-wrap > div:nth-child(2) {
    width: 40%;
    padding-right: 2px;
}

.quick-mail__container .cc-bcc-wrap > div:last-child {
    width: 20%;
    padding-top: var(--space-8px);
}

.quick-mail__container .cc-bcc-wrap .input-cc, .quick-mail__container .cc-bcc-wrap .input-bcc {
    width: 100%;
}
/*Quick Mail Container Ends*/
/*Stepper Starts*/
.add-recipient-to__stepper .add-recipient-to__stepper-completed .add-recipient-to__stepper-circle span, #select-recipients__btn, #add-recipient__btn-container {
    display: none;
}

.back__button {
    visibility: hidden;
}

#add-recipient-to__step-container {
    margin-top: var(--space-24px);
}

.text__container {
    display: flex;
    display: -ms-flexbox;
    -ms-flex-direction: column;
    justify-content: center;
    align-items: center;
}

ul.add-recipient-to__stepper {
    margin-left: 90px;
}

    ul.add-recipient-to__stepper .add-recipient-to__stepper-circle {
        position: relative;
    }
        /* need to verify this span */
        ul.add-recipient-to__stepper .add-recipient-to__stepper-circle span {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            -moz-transform: translateY(-50%) translateX(-50%);
            -ms-transform: translateY(-50%) translateX(-50%);
        }

.add-recipient-to__stepper-horizontal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

ul.add-recipient-to__stepper > li:not(:last-of-type) {
    margin-bottom: 0.625rem;
    -webkit-transition: margin-bottom 0.4s;
    -o-transition: margin-bottom 0.4s;
    transition: margin-bottom 0.4s;
}

.add-recipient-to__stepper-horizontal > li:not(:last-of-type) {
    margin-bottom: var(--space-0px) !important;
}

.add-recipient-to__stepper-horizontal li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .add-recipient-to__stepper-horizontal li:not(:last-child):after {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 3px;
        content: "";
        top: 32%;
        border-radius: 3px;
        -moz-border-radius: 3px;
        width: var(--space-200px);
    }

    .add-recipient-to__stepper-horizontal li:after, .add-recipient-to__stepper-horizontal li.add-recipient-to__stepper-completed:after {
        background-color: var( --brand-status-green);
    }

    .add-recipient-to__stepper-horizontal li:last-child {
        flex: unset;
        -ms-flex: unset;
    }

ul.add-recipient-to__stepper li a .add-recipient-to__stepper-circle {
    width: var(--space-32px);
    height: var(--space-32px);
    border-radius: 50%;
    -moz-border-radius: 50%;
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
}

.add-recipient-to__stepper .add-recipient-to__stepper-active .add-recipient-to__stepper-circle {
    background-color: var(--brand-status-green);
    color: var(--global-text-light);
}

    .add-recipient-to__stepper .add-recipient-to__stepper-active .add-recipient-to__stepper-circle::before {
        content: '';
        border: 1px solid var(--global-box-border);
        width: 38px;
        height: 38px;
        border-radius: 50%;
        -moz-border-radius: 50%;
        position: absolute;
    }

.add-recipient-to__stepper .add-recipient-to__stepper-completed .label, .add-recipient-to__stepper .add-recipient-to__stepper-active .label {
    color: var( --global-color-secondary);
}

.add-recipient-to__stepper .add-recipient-to__stepper-unfinished .add-recipient-to__stepper-circle {
    background: var(--brand-default-light-background);
    color: var(--global-border-dark);
    border: 1px solid var(--global-box-border);
}

.add-recipient-to__stepper .add-recipient-to__stepper-completed .add-recipient-to__stepper-circle {
    background-color: var( --brand-status-green);
    display: flex;
    display: -ms-flexbox;
    justify-content: center;
    align-items: center;
    color: var(--global-text-light);
    background-image: url(../Images/AdminPlus/save-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--space-24px);
}

.add-recipient-to__stepper .add-recipient-to__stepper-completed span.text-muted, .add-recipient-to__stepper .add-recipient-to__stepper-active span.text-muted {
    color: var( --global-text-light) !important;
}

.add-recipient-to__stepper .label {
    font-size: var( --global-text-size-sm);
    font-family: var(--global-font-family-regular);
    font-weight: var( --gloabl-default-font-weight);
    margin-top: 13px;
    display: block;
    color: var( --global-text-color);
}

.add-recipient-to__stepper a {
    cursor: default;
}
/*Stepper Ends*/
.add-recipient__ul li {
    list-style: none;
}

.add-recipient__body {
    padding: var(--space-10px) var(--space-20px) var(--space-20px) var(--space-20px);
    background: var(--brand-component-secondary-background);
    border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius);
    -moz-border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius);
}

.vertical-seperator {
    border-left: 1px solid var(--global-text-color);
    height: var(--space-30px);
    margin-right: var(--space-20px);
    margin-left: var(--space-20px);
}

.add-recipient__body .add-recipient__ul label {
    font-size: var(--global-text-size);
}

.add-recipient__body .add-recipient__ul input[type=checkbox]:checked:before, .add-recipient__body .add-recipient__ul input[type=checkbox], .add-recipient__body .add-recipient__ul input[type=checkbox]:before {
    width: 18px;
    height: 18px;
}

.app__dropdown.add-recipient__dropdown .k-widget, .app__dropdown.add-recipient__dropdown .k-widget .k-dropdown-wrap {
    width: 260px !important;
}

.add-recipient__search {
    width: 267px;
    text-align: left;
    height: var(--space-40px);
    padding: var(--space-0px) var(--space-10px);
}

hr.add-recipient__hr {
    margin-top: var(--space-15px);
    margin-bottom: var(--space-15px);
    height: 1px;
    background: rgba( var( --global-border-dark-rgb), var( --opacity-two));
    border: none;
}

#DvContactsTypes .help-icon {
    width: var(--space-32px);
    height: var(--space-32px);
}

#DvContactsTypes #DvDisplayRelation, #DvDisplayLocalFields .local-field__grid-div {
    padding: var(--space-0px) 21px var(--space-0px) 21px;
}

#DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields #GridContactLocalFields {
    width: 380px;
}

#divEmailRelationGrid th {
    color: var(--global-text-light);
}

#GridContactLocalFields span.k-widget.k-combobox.k-combobox-clearable, .filter-contact__matching .k-widget.k-dropdown, .filter-contact__matching .k-dropdown-wrap, #GridContactLocalFields span.k-dropdown-wrap {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

.filter-contact__matching .k-dropdown-wrap {
    border: 1px solid var(--global-input-border-color);
}

.filter-contact__matching .k-widget, .filter-contact__matching .k-widget .k-dropdown-wrap {
    width: 72px !important;
}

.local-field__grid-div .k-grid-header-wrap thead tr th.k-header:first-child:before {
    height: var(--space-20px);
    width: 1px;
    background: var(--brand-default-light-background);
    top: 11px;
    right: var(--space-0px);
    content: "";
    position: absolute;
}

.filter-section {
    margin-left: 21px;
}

.local-field__grid-div #GridContactLocalFields td.k-edit-cell .k-combobox .k-input {
    font-family: var(--global-font-family-regular);
    color: var(--global-local-field-input-color);
    font-size: var(--global-text-size);
    letter-spacing: 0.16px;
}

#DvDisplayRelation #divEmailRelationGrid .k-grid-header-wrap th input, #DvDisplayRelation #divEmailRelationGrid .k-grid-content td input {
    margin-right: var(--space-15px);
}

.add-recipients__save {
    width: var(--space-12px);
    height: var(--space-8px);
    cursor: pointer;
}

.add-recipients__cancel {
    width: var(--space-12px);
    height: var(--space-12px);
    cursor: pointer;
}

.add-reciepients__add, .add-reciepients__delete {
    height: var(--space-20px);
    width: var(--space-20px);
}

#GrdContactAddressLayout td.content-address-drag-icon::before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: var(--space-10px);
    top: 3px;
    position: relative;
    display: inline-block;
}

#GrdContactAddressLayout td.content-address-drag-icon {
    display: inline-block;
    width: 100%;
    height: 42px;
}

    #GrdContactAddressLayout td.content-address-drag-icon input {
        display: inline-block;
    }

#DvDisplayLocalFields .gridStyle {
    margin-left: var(--space-20px) !important;
    margin-right: var(--space-10px) !important;
}

#GridContactLocalFields span.k-widget.k-combobox.k-combobox-clearable {
    width: 90% !important;
}

#GridContactLocalFields span.k-dropdown-wrap {
    border: 1px solid var(--global-box-border) !important;
}

#GridContactLocalFields .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
    background-position: right var(--space-5px) top var(--space-16px) !Important;
    background-repeat: no-repeat;
    height: var(--space-40px);
    width: var(--space-15px);
}

#GridContactLocalFields .k-widget .k-dropdown-wrap.k-state-active .k-icon.k-i-arrow-60-down:before {
    background-image: url(../Images/AdminPlus/caret-black-up.svg);
}

#divAllProspects .app-kgrid__container .k-hierarchy-col {
    width: var(--space-16px) !important;
}

/* Email contacts */
.tab-email-mode .to-cc-bcc-inputs {
    width: calc(100% - 136px);
    margin-top: 3px;
}

.quick-mail__container .to-cc-bcc-inputs, .quick-mail__container .email-recipients-grid, .tab-email-mode-twoBtns.tab-email-mode .to-cc-bcc-inputs {
    width: calc(100% - 290px);
    margin-top: 3px;
}

.tab-email-mode .cc-bcc-address, .tab-email-mode .email-recipients-grid, .tab-email-mode .expand-collapse-recipents, .quick-mail__container .email-recipients-grid {
    display: none;
}

.quick-mail__container .cc-bcc-address, .quick-mail__container .expand-collapse-recipents {
    display: block;
}

.quick-mail__container .cc-bcc-address, .tab-email-mode .cc-bcc-address {
    margin-top: var(--space-12px);
}

.cc-bcc-address .cc-address, .cc-bcc-address .bcc-address {
    width: 50%;
}

.cc-bcc-address .input-cc, .cc-bcc-address .input-bcc, .to-cc-bcc-inputs .to-address .basic-mode__center {
    width: calc(100% - 85px) !important;
}

.cc-bcc-address .basic-mode__left {
    display: inherit !important;
}

.quick-mail__container .email-actions {
    width: 290px;
}

.email-recipients-grid:after {
    background: var(--brand-email-seperator);
    position: absolute;
    right: 19px;
    top: var(--space-5px);
    width: 1px;
    height: 100%;
    content: "";
}

.quick-mail__container .basic-mode__top {
    border-bottom: var(--space-10px) solid var(--brand-fade-highlight-background);
    table-layout: fixed;
}

.quick-mail__container .add-reciepients-email {
    position: relative;
    top: 3px;
    z-index: 9999;
}

.quick-mail__container .app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: var(--space-0px) !important;
}

.quick-mail__container .app__tabstrip .k-tabstrip-items .k-link {
    padding: var(--space-8px) var(--space-20px) var(--space-10px) var(--space-20px) !important;
    width: auto;
}

.quick-mail__container .add-reciepients-email img, #btnCalendarAdd img {
    height: 11px;
}

.local-field-help-tooltip .tooltiptext {
    position: absolute;
    width: 440px;
    min-height: var(--space-100px);
    right: -50px;
    top: var(--space-45px);
    background: var(--brand-component-secondary-background);
    padding: var(--space-15px) var(--space-25px) var(--space-15px) var(--space-15px);
    z-index: 999;
    border: 1px solid var(--global-tooltip-bdr);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    display: none;
}

    .local-field-help-tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 57px;
        border-width: 9px 9px 13px 9px;
        border-style: solid;
        border-color: transparent transparent var(--brand-component-secondary-background) transparent;
    }

    .local-field-help-tooltip .tooltiptext::before {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 56px;
        border-width: var(--space-10px) var(--space-10px) var(--space-15px) var(--space-10px);
        border-style: solid;
        border-color: transparent transparent var(--global-tooltip-bdr) transparent;
    }

    .local-field-help-tooltip .tooltiptext .local-field-help-close {
        position: absolute;
        right: var(--space-10px);
        top: var(--space-10px);
    }

#GridContactLocalFields .field-value .k-input {
    padding-right: var(--space-0px) !important;
}

/* --------------- Need to remove once kendo applied ---------------- */
.quick-mail__container .app__tabstrip ul.k-reset.k-tabstrip-items:after {
    left: -20px;
    width: calc(100% + 20px);
}

.email-recipients-grid .app__tabstrip .k-tabstrip-items > .k-item {
    border: var(--space-0px);
    border-right: 1px solid var(--global-border-light) !important;
    border-radius: var(--space-0px) !important;
    -moz-border-radius: var(--space-0px) !important;
}

    .email-recipients-grid .app__tabstrip .k-tabstrip-items > .k-item.k-state-active {
        border-right: var(--space-0px) !important;
    }

.email-recipients-grid .app__tabstrip .k-tabstrip-items .k-link.activeTab {
    width: auto !important;
    padding: 6px var(--space-10px) var(--space-10px) var(--space-10px) !important;
}

.email-recipients-grid .tab-grid-content table thead tr, .dummy-table table thead tr {
    background: var(--brand-container-dark-background);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight) !important;
}

    .email-recipients-grid .tab-grid-content table thead tr th, .dummy-table table thead tr th, .email-recipients-grid .tab-grid-content table tbody tr td, .dummy-table table tbody tr td {
        padding: var(--space-5px) var(--space-20px);
        white-space: nowrap;
        height: var(--space-40px);
    }

    .dummy-table table thead tr th {
        position: relative;
    }

        .dummy-table table thead tr th::after {
            position: absolute;
            right: var(--space-0px);
            top: 20%;
            height: 60%;
            background: var(--brand-default-light-background);
            width: 1px;
            content: "";
        }

.add-recipient__body .email-recipients-grid:after, .select-recipient__body .email-recipients-grid:after, .dummy-table table thead tr th:last-child::after {
    display: none;
}

.dummy-table table tbody tr td {
    padding-left: 46px;
}

    .dummy-table table tbody tr td:first-child {
        padding-left: var(--space-20px);
    }

.email-recipients-grid .tab-grid-content table {
    width: calc(100% - 20px);
}

    .email-recipients-grid .tab-grid-content table tbody tr, .dummy-table table tbody tr {
        background: var(--brand-light-blue);
        color: var(--global-text-color);
        border-bottom: 1px solid var(--brand-email-recipients-grid-row);
    }

        .email-recipients-grid .tab-grid-content table tbody tr:nth-child(even), .dummy-table table tr:nth-child(even) {
            background: var(--brand-grid-even-bg);
        }

.email-recipients-grid .table-scroll, .dummy-table .table-scroll {
    overflow-x: auto;
}
/* --------------- End - Need to remove once kendo applied ---------------- */
#divAllProspects .app-kgrid__container .k-hierarchy-col { width: var(--space-16px) !important; }
/********************Pointer and Cursor Variables Starts********************/
.disableAllControls, .disableAllControlsByRights, .cursor-nodrop {
    pointer-events: none;
    opacity: var(--opacity-three);
    cursor: no-drop;
}

.disableClass {
    opacity: 0.09;
    cursor: default !important;
}

.ap-readonly {
    pointer-events: none;
    cursor: no-drop;
    opacity: var(--opacity-seven);
}

.ap-disabled {
    pointer-events: none;
    cursor: no-drop;
}

.disableNote {
    opacity: var(--opacity-three);
    cursor: default !important;
}
.app__radio__disable.app-radio label,
.app__radio__disable.app-radio input[type="radio"] {
    cursor: no-drop !important;
    pointer-events: none;
}

.app__radio__disable.app-radio label::before {
    pointer-events: none;
    opacity: var(--opacity-three);
    cursor: no-drop;
}

/********************Pointer and Cursor Variables Ends********************/
.recipients-email__container .settingBtn, .create-template__div .createTemplateBackBtn, .quick-mail__container #btnGoBackEmailRecipient, .viewEmailSentBackBtn, .scheduledEmailBackBtn, .compose-email__container .settingBtn {
    border: none;
    background: transparent;
    cursor: pointer;
}

    .recipients-email__container .settingBtn img.rotate-360, .compose-email__container .settingBtn img.rotate-360 {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transition: 0.3s ease;
        -moz-transition: 0.3s ease;
    }

        .recipients-email__container .settingBtn img.rotate-360:hover, .compose-email__container .settingBtn img.rotate-360:hover {
            transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
        }

.email-setting__input {
    border: 1px solid var(--global-input-border-color);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    height: var(--space-35px);
    font-family: var(--global-font-family-regular);
    font-size: var(--global-text-size);
    letter-spacing: 0.16px;
    color: var(--global-text-color);
    font-weight: var(--gloabl-default-font-weight) !important;
    padding: 6px var(--space-15px) !important;
}

.next-arrow__img {
    width: 22px;
    height: 19px;
}

.add-recipient__container #divlookUpMenu .add-recipient__body #dvprospectDetails #divEmailProspectGrid .k-grid-content.k-auto-scrollable {
    height: 519px;
}

.email-searchBox {
    height: var(--space-40px);
    border: 1px solid var(--global-dropdown-border);
    border-left: var(--space-0px);
    border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--space-0px) !important;
    -moz-border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--space-0px) !important;
    color: var(--global-text-color);
    font-size: var(--global-text-size-sm);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    width: 190px;
}

.app__dropdown.contain-begin__dropdown .k-widget, .app__dropdown.contain-begin__dropdown .k-widget .k-dropdown-wrap {
    width: 134px !important;
}

.add-recipient__view-label label {
    color: var(--global-text-color);
    font-size: var(--global-text-size-sm);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    margin-bottom: 1.6px;
    font-family: var(--global-font-family-regular);
    cursor: pointer;
}

.app__searchbox .app-search__button {
    background: var(--brand-main-backgroundcolor-indicator) !important;
    border: 1px solid var(--global-dropdown-border);
    border-left: var(--space-0px);
    border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--space-0px);
    -moz-border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--space-0px);
    padding: var(--space-4px) var(--space-5px) 3px var(--space-5px);
    height: var(--space-40px);
    width: var(--space-40px);
}

.app__searchbox .email-searchBox {
    height: var(--space-40px);
    border: 1px solid var(--global-dropdown-border);
    border-right: var(--space-0px);
    border-radius: var(--global-border-radius) var(--space-0px) var(--space-0px) var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) var(--space-0px) var(--space-0px) var(--global-border-radius) !important;
    color: var(--global-text-color);
    font-size: var(--global-text-size-sm);
    font-weight: var(--gloabl-default-font-weight) !important;
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    width: 260px;
    padding-left: var(--space-10px);
    padding-right: 33px;
}

.app__searchbox .close__icon {
    position: absolute;
    right: var(--space-55px);
    top: var(--space-8px);
    cursor: pointer;
}

.manage__template, .sent__emails, .scheduled__emails {
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    height: calc(100vh - (60px + var(--header-height) + 30px + 10px));
}

.quick-mail__container .divEmail {
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}

.divEmail {
    width: 100%;
    background-color: var(--brand-default-light-background) !important;
    padding-bottom: var(--space-0px);
}

.quick-mail__container .expand-collapse-recipents {
    border-left: 1px solid var(--global-text-light);
    padding-left: var(--space-20px);
}

.content-wrapper .app-k-editor iframe.k-content.manageTemplateEditorHeight {
    height: 504px;
}

.quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.manageTemplateComposeGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
    height: 491px !important;
}

.content-wrapper .app-k-editor iframe.k-content.newEmailComposeExpand {
    height: calc(100vh - (var(--header-height) + 240px)) !important;
}

.content-wrapper .app-k-editor iframe.k-content.newEmailComposeCollapse, .quick-mail__container .app-k-editor iframe.k-content {
    height: calc(100vh - (var(--header-height) + 395px)) !important;
}

.quick-mail__container {
    overflow: auto;
    height: calc(100vh - (var(--header-height) + 60px) );
}

    .quick-mail__container.createNewTemplateContainer, .quick-mail__container.quickEmailTabsContainer {
        height: calc(100vh - var(--header-height));
    }

    .quick-mail__container .app-k-editor iframe.k-content.createTemplateEditorHeight {
        height: calc(100vh - (var(--header-height) + 255px)) !important;
    }

    .quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight {
        height: calc(100vh - (var(--header-height) + 335px)) !important;
    }

        .quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight.manageTemplateExpandEditorHeight {
            height: calc(100vh - (var(--header-height) + 183px)) !important;
        }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 417px)) !important;
    }

    .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - (var(--header-height) + 262px)) !important;
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.createTemplateGridHeight {
        height: calc(100vh - (var(--header-height) + 278px)) !important;
    }

    .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight {
        height: calc(100vh - (var(--header-height) + 357px)) !important;
    }

        .quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight {
            height: calc(100vh - (var(--header-height) + 205px)) !important;
        }

.viewContactName-on-hover, .sent__emails .k-button:hover .viewContactName {
    display: none;
}

.sent__emails .k-button:hover .viewContactName-on-hover {
    display: inline-block;
}

#divHomeTab .pagination span.k-widget.k-dropdown {
    width: var(--space-70px) !important;
}
/* End - Bookmark toogle */
.k-grid tr:hover td input[type=checkbox].bookmark-check:before { background-color: var(--brand-grid-onhover-bg); }
/* End - Bookmark toogle */
/* Search - primary blue */
.search-primary {
    border-bottom-left-radius: var(--space-0px) !important;
    border-top-left-radius: var(--space-0px) !important;
    position: absolute !important;
    right: var(--space-0px);
    top: var(--space-0px);
    min-width: auto;
}

button.search-primary:active {
    background: var(--brand-main-backgroundcolor-indicator) !important;
}

.search-primary img {
    width: var(--space-16px);
    height: var(--space-16px);
}
button.app-primary-btn.app-main-action:active {
    background: var(--brand-main-action-solid-color) !important;
}
/*Start : Custom pagination*/
.app-custom-pagination .k-grid-pager .k-pager-nav {
    border-radius: var(--space-0px);
    -moz-border-radius: var(--space-0px);
}

.app-custom-pagination .k-grid-pager.k-pager-wrap {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    border-top: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
}

    .app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        display: flex;
        display: -ms-flexbox;
    }

.app-custom-pagination .k-grid-pager .k-pager-numbers .k-link {
    border-radius: var(--space-0px);
    -moz-border-radius: var(--space-0px);
    border-color: var(--global-custom-pagination-color);
    color: var(--global-link-color) !important;
    font-weight: bold !important;
    border-right: var(--space-0px);
}

.app-custom-pagination .k-grid-pager span.k-link.k-selected {
    background-color: var(--brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
}

.app-custom-pagination .k-grid-pager .k-picker {
    border: 1px solid var(--global-custom-pagination-color) !important;
}

.app-custom-pagination .k-grid-pager .k-button {
    padding-right: var(--space-0px) !important;
}

.app-custom-pagination .k-grid-pager.k-pager-wrap .k-link:hover {
    background-color: var(--brand-default-light-background) !important;
}

.app-custom-pagination .k-grid-pager .k-pager-sizes {
    margin: var(--space-0px) 2px var(--space-0px) 2px;
}

.app-custom-pagination .k-grid-pager.k-pager-wrap .k-link:focus {
    box-shadow: none;
    -moz-box-shadow: none;
}

.app-custom-pagination .k-grid-pager span.k-link.k-selected:hover {
    background-color: var(--brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    border-color: var(--global-custom-pagination-color);
}

.app-custom-pagination .k-grid-pager.k-pager-wrap > .k-link .k-icon {
    margin-bottom: var(--space-0px) !important;
    color: var(--global-link-color);
}

.app-custom-pagination .k-grid-pager a.k-link.k-pager-nav.k-disabled span.k-icon {
    color: var(--gloabl-custom-pagination-disabled-color);
}

.app-custom-pagination .k-grid-pager .k-pager-numbers li + li, .app-custom-pagination .k-grid-pager .k-pager-nav + .k-pager-nav, .app-custom-pagination .k-grid-pager .k-pager-nav + .k-pager-numbers-wrap {
    margin-left: var(--space-0px);
}

.app-custom-pagination .k-grid-pager a.k-link.k-pager-last.k-pager-nav {
    border-left: var(--space-0px);
}

.app-custom-pagination .k-grid-pager .k-pager-wrap .k-link {
    border-color: var(--global-custom-pagination-color);
}

.app-custom-pagination .k-grid-pager a.k-link.k-pager-nav.k-pager-first {
    border-right: var(--space-0px);
}
/*End: Custom pagination*/
.view__optionlist .view-options {
    height: var(--space-40px);
}

.students-bookmarks-yellow {
    width: 28px;
    height: 28px;
    top: -16px;
    right: 98px;
}
/*Popup window Starts*/
.k-window-titlebar.k-hstack {
    border-top-left-radius: var(--space-4px);
    border-top-right-radius: var(--space-4px);
}
/*Popup window Ends*/
/*Alert Popup Winodw Starts*/
#divAlertWindow_wnd_title.k-window-title {
    background-image: url(/Images/AdminPlus/alert-icon-yellow.svg);
    background-repeat: no-repeat;
    padding-left: var(--space-40px) !important;
    padding-bottom: var(--space-4px);
}

.alert__window {
    background-color: var(--brand-alert-window) !important;
}

.alert__window .k-window-titlebar .k-window-action {
    border: none !important;
    position: unset;
    outline: var(--space-0px);
}

.alert__window.k-window-titlebar.k-hstack {
    border-bottom: none !important;
}

.alert__window .k-i-close:before {
    background-image: url(/Images/AdminPlus/close-black-large.svg) !important;
    content: " ";
}

#alertWindow .alerts-top {
    margin-top: var(--space-30px);
}
/*Alert Popup Winodw Ends*/
#divContact .contact__name-text:hover {
    font-family: var(--global-font-family-bold);
    text-decoration: underline;
}

.scheduler__container .scheduled-date {
    padding: var(--space-0px);
    padding-left: var(--space-10px);
}

.manage__template .k-grid-content.k-auto-scrollable, .sent__emails .k-grid-content.k-auto-scrollable, .scheduled__emails .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 266px) !important;
    min-height: calc(100vh - 266px) !important;
}

.quick-mail__container .email-recipients-grid .k-tabstrip-items {
    padding: var(--space-0px);
}

#portfolio_Controls {
    width: auto !important;
}
/************All Grids custom Dropdown Starts******************/
.divCDemographicReportMoreOptionPopup, .divContactViewPopup, .divIncidentViewPopup, .divEPASectionViewTootTip, .divEDASectionViewTootTip,
.divBatchEntryLogViewPopup, .divReportViewjobsTootTip {
    display: block;
    position: absolute;
    z-index: 999999999;
    top: auto !important;
    left: 37px;
    height: 0 !important;
}

    .divContactViewPopup.tooltipTop {
        top: -130px !important;
    }

#divPlusPortalHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
    margin-top: 34px !important;
}

#divPeriodAttendanceGrid .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
    margin-top: -17px !important;
}

.divContactViewPopup.tooltipTop .tooltip__popup__triangle:after {
    position: absolute;
    z-index: 999;
    margin-top: 129px;
    border-top: var(--space-8px) solid transparent;
    border-bottom: var(--space-8px) solid transparent;
    border-left: var(--space-8px) solid var(--global-border-dark);
    content: "";
    left: var(--space-30px);
    transform: rotate(90deg);
}

td.pos_change {
    position: relative;
    overflow: visible !important;
}

.divContactViewPopup.tooltipTop .tooltip__popup__triangle:before {
    position: absolute;
    z-index: 99999999999;
    margin-top: 128px;
    border-top: var(--space-8px) solid transparent;
    border-bottom: var(--space-8px) solid transparent;
    border-left: var(--space-8px) solid var(--tooltip-bg-color);
    content: "";
    left: var(--space-30px);
    transform: rotate(90deg);
}

.allGridsDropdownList .dropdown-menu li {
    position: relative;
    display: block;
}

    .allGridsDropdownList .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid var( --global-seperator-color);
    }

.allGridsDropdownList .dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 216px;
    top: -20px;
}

.allGridsDropdownList .dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.allGridsDropdownList .dropdown-menu:hover .dropdown-submenu {
    display: block;
    border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius) !important;
    -moz-border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius) !important;
    opacity: 1;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    pointer-events: auto;
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    min-width: 233px !important;
    width: auto;
    margin-top: 18px !important;
    padding-top: var(--space-8px);
    padding-bottom: var(--space-8px);
}

    .allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a {
        padding: var(--space-8px) var(--space-0px);
    }

.allGridsDropdownList .dropdownListItems {
    padding: var(--space-8px) var(--space-0px);
    font-size: var(--global-text-size);
    text-align: left;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !Important;
    color: var(--global-text-color);
    background-color: var(--brand-default-light-background);
    cursor: default;
    padding-top: var(--space-5px);
    padding-bottom: var(--space-4px);
}

.ContactsGrid.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    background: none !important;
}

.ContactsGrid td.moreOptions__Border,
.TableGrid td.DropDownList,
.communicationLogGrid td.moreOptions__Border,
.ProspectNotesGrid td.moreOptions__Border {
    border-left: 1px solid var(--global-grid-border) !important;
}

.contact-popup__triangle:after {
    width: var(--space-12px);
    height: var(--space-12px);
    content: "";
    margin-top: 13px;
    margin-left: -4px;
    transform: rotate(45deg) !important;
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-user-menu-border);
    border-color: var(--global-user-menu-border) var(--brand-default-light-background) var(--brand-default-light-background) var(--global-user-menu-border);
    position: absolute;
}

.contact-popup__triangle.app-ml-9:after {
    margin-left: 9px;
}

.allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu {
    z-index: -1 !important;
}

.individual-onclick-tooltip + .tooltip-grid-wrap .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu {
    z-index: 9 !important;
}

.individual-onclick-tooltip + .tooltip-grid-wrap {
    display: none;
    left: -131px;
    top: 2px;
}

.individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle {
    position: relative;
    left: var(--space-75px);
    top: var(--space-12px);
}

.individual-onclick-tooltip + .tooltip-grid-wrap .view__optionlist.app__dropdown.app__dropdownmenulist {
   width: auto !important;
   white-space: nowrap;
}

.allGridsDropdownList .dropdownListItems {
    padding: var(--space-8px) var(--space-0px);
    font-size: var(--global-text-size);
    text-align: left;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !Important;
    color: var(--global-text-color);
    background-color: var(--brand-default-light-background);
    cursor: default;
    padding-top: var(--space-5px);
    padding-bottom: var(--space-4px);
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    padding-top: var(--space-8px);
    padding-bottom: var(--space-8px);
}

.allGridsDropdownList.app__dropdownmenulist .ContactsDropdownMenu {
    left: -25px;
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a:hover {
    background-color: var(--brand-default-light-background) !important;
}
/************All Grids custom Dropdown Ends******************/
/*Portfolio -> Add/Edit Starts*/
#divUserNameGrid .app-kgrid__container .k-grid-content td, #divUserNameGrid .app-kgrid__container .k-grid-header-wrap th.k-header {
    padding-left: var(--space-20px) !important;
}
/*Portfolio -> Add/Edit Ends*/
/* Bootstrap 5 upgrade */
.container { max-width: 100%; }
#screenSettings .save__button button,
#screenSettings .save__next__button button {
    background: var(--brand-main-backgroundcolor-indicator);
    min-width: 85px;
    height: var(--space-35px);
    border: none;
    color: var(--global-text-light);
    width: auto;
    font-size: var(--global-text-size-sm);
    padding: 7px var(--space-20px);
    font-family: var(--global-font-family-regular);
}

    #screenSettings .save__button button img,
    #screenSettings .save__next__button button img {
        height: 17px;
        margin-right: 1px;
        margin-top: -2px;
    }

#screenSettings .abort__button button {
    background: var(--brand-default-light-background);
    min-width: 85px;
    height: var(--space-35px);
    border: 1px solid var(--global-link-color);
    color: var(--global-link-color);
    font-size: var(--global-text-size-sm);
    width: auto;
    padding: 7px var(--space-20px);
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-bold-font-weight);
}

    #screenSettings .save__button button:hover,
    #screenSettings .save__next__button button:hover,
    #screenSettings .abort__button button:hover {
        background: var(--brand-dark-backgroundcolor-indicator);
        color: var(--global-text-light);
        font-weight: var(--gloabl-default-font-weight);
    }

    #screenSettings .abort__button button .abort-on-hover {
        display: none;
    }

    #screenSettings .abort__button button:hover .abort-on-hover {
        display: inline-block;
    }

    #screenSettings .abort__button button:hover .abort-icon {
        display: none;
        font-size: var(--global-text-size-xs);
    }

    #screenSettings .abort__button button img {
        width: var(--space-15px);
        margin-top: -2px;
        margin-right: -2px;
    }

#screenSettings .save__button button .fa-check, #screenSettings .abort__button button .fa-close {
    color: var(--global-text-light);
    padding-right: var(--space-5px);
    font-size: var(--global-text-size-xs);
    font-weight: var(--gloabl-default-font-weight);
}
/*demographic tab design*/
.demographic-color-value {
    height: var(--space-16px);
    width: var(--space-16px);
    display: inline-block;
    vertical-align: middle;
    top: 27%;
    left: var(--space-10px);
    left: 11px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    display: inline;
    position: absolute !important;
    z-index: 1;
}

.k-content.tabHomeContent.search-tabHomeContent.k-state-active {
    background-color: var(--brand-component-secondary-background);
}

#FieldLayout label.control-label {
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-semibold);
    padding-top: var(--space-12px);
    color: var(--global-text-color);
    text-transform: capitalize;
    font-weight: normal;
}

#demographicsfields #FieldLayout label.control-label {
    padding-top: 7px;
}

#tabstripHome {
    padding: var(--space-0px);
}

#tabstripHome .k-content.tabHomeContent.k-state-active, #tabstripHome, #divSingleProspectMode #home-wrap .column-box-outer {
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}

#divSingleProspectMode .k-tabstrip .k-tabstrip-items {
    border-radius: var(--global-border-radius) var(--global-border-radius) var(--space-0px) var(--space-0px);
    -moz-border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
}

.appgrid__expand img.app-position-absolute {
    top: -1px;
    left: 11px;
}

.appgrid__expand:hover .collapse__box__hover, .appgrid__expand:hover .expand__box__hover {
    display: inline-block;
}

.expand__box__hover, .appgrid__expand:hover .expand__box, .appgrid__expand:hover .collapse__box, .appgrid__collapsedetail, .viewContactName .viewContacts, .viewContactName:hover .viewContacts-class-hover, .collapse__box__hover {
    display: none;
}

.appgrid__expand:hover .expand__box__hover .icon__expand {
    animation: slideup 0.30s;
    animation-fill-mode: forwards;
}

.appgrid__expand .expand__box__before {
    width: var(--space-24px);
}

.appgrid__expand .icon__expand,
.appgrid__expand .icon__collapse {
    width: 14px;
}

.appgrid__expand:hover .collapse__box__hover .icon__collapse {
    animation: slidedown 0.30s;
    animation-fill-mode: forwards;
}

img.img__rotate {
    -webkit-transition: -webkit-transform 0.8s ease-out;
    transition: transform 0.8s ease-out;
    -moz-transition: transform 0.8s ease-out;
}

    img.img__rotate:hover {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transition: -webkit-transform 0.8s ease-in-out;
        transition: transform 0.8s ease-in-out;
        -moz-transition: transform 0.8s ease-in-out;
    }

#FieldLayout .k-icon.k-i-arrow-60-down:before,
#screenSettings .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
    background-position: right var(--space-30px) top 14px !Important;
    background-repeat: no-repeat;
    height: var(--space-40px);
    width: var(--space-40px);
}

.viewContactName {
    position: relative;
}

    .viewContactName:hover .viewContacts {
        display: inline-block;
        position: absolute;
        right: 9px;
        top: -2px;
    }

.all-prospects-contacts-grid .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    background: none !important
}

.contains-begins-button {
    background: none !important;
    width: 100%;
    height: var(--space-40px);
}

.containsbegins-button {
    width: 125px;
    padding: var(--space-0px) var(--space-10px);
}

.contains-begins-button:focus {
    box-shadow: none;
    -moz-box-shadow: none;
}

/* Demographics - multi color tabs */
/*Billing screen*/
.ap-gridbody {
    background: var(--brand-component-secondary-background);
    padding: var(--space-10px) var(--space-20px) var(--space-20px) !important;
}

    .ap-gridbody .grid-section {
        width: 75%;
    }

    .ap-gridbody .summery__section {
        width: 25%;
        padding-left: var(--space-20px);
    }

.summary__body {
    border-radius: var(--global-medium-border-radius);
    -moz-border-radius: var(--global-medium-border-radius);
    overflow: hidden;
    border: 1px solid var(--global-box-border);
    margin: var(--space-20px);
}

    .summary__body .summary__border {
        margin: var(--space-0px);
        padding: 1px;
        justify-content: space-between;
        height: var(--space-40px);
        border-width: thin;
        box-shadow: 0px 1px var(--brand-table-row-background);
        -moz-box-shadow: 0px 1px var(--brand-table-row-background);
        border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
        align-items: center;
    }

        .summary__body .summary__border .summary-info {
            padding: 0.5rem 0.5rem;
        }

.summary__info {
    width: 70%;
    margin-left: 11px;
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-semibold);
    border-top: none;
    padding-top: 7px !important;
    padding-bottom: var(--space-4px) !important;
    cursor: pointer;
}

.summary__border.no-border {
    border-bottom: var(--space-0px) !important;
}

#divIncidents .summary__container .penalty-card, .summary__container .app-card {
    height: auto;
}

#divIncidents .app-kgrid__container .k-grid-header th.k-header:nth-child(3) {
    overflow: initial;
    padding-right: var(--space-5px) !important;
    padding-left: var(--space-10px) !important;
}

    #divIncidents .app-kgrid__container .k-grid-header th.k-header:nth-child(3):before {
        content: "none";
    }

#divIncidents .app-kgrid__container .k-grid-header .k-column-title {
    min-width: 7px;
}

#divIncidents .app-kgrid__container .k-grid-header .k-icon.k-i-sort-asc-sm:before {
    background-size: var(--space-15px) 17px;
}
/* Demographics - multi color tabs */
.view-info-stud .app-expanded-icon {
    width: var(--space-24px);
    height: var(--space-24px);
    opacity: 1;
}

.expand-stud-info {
    position: relative;
    height: 27px;
    width: 27px;
    margin-right: var(--space-10px);
    top: 2px;
}

    .expand-stud-info .app-expanded-icon-full {
        display: none;
        position: absolute;
        bottom: 3px;
        right: -15px;
    }

    .expand-stud-info .app-expanded-icon, .expand-stud-info:hover .app-expanded-icon-full {
        display: block;
    }

    .expand-stud-info:hover .app-expanded-icon {
        display: none;
    }
/* Attendance tab */
.dailyAttendance-tab .summary-view,
.dailyAttendance-tab .detailed-view,
.dailyAttendance-tab .attendance-statistics,
.box-sizing-bdr-box {
    box-sizing: border-box !important;
}

.dailyAttendance-tab .app-card-header i {
    font-family: var(--global-font-family-regular);
}

.dailyAttendance-tab .app-card-body {
    padding: var(--space-0px);
}

.dailyAttendance-tab table {
    width: 100%;
    color: var( --global-text-color);
    font-size: var(--global-text-size) !important;
    letter-spacing: 0.16px;
}

    .dailyAttendance-tab table tr td {
        padding: var(--space-10px);
        border-bottom: 1px solid var(--global-dailyAttendance-border-color);
    }

        .dailyAttendance-tab table tr td:first-child {
            padding-left: var(--space-20px);
            font-family: var(--global-font-family-semibold);
        }

        .dailyAttendance-tab table tr td:last-child {
            padding-right: var(--space-20px);
        }

.dailyAttendance-tab .attendance-statistics table tr td:first-child {
    padding-left: var(--space-20px);
    font-family: var(--global-font-family-regular);
}

.dailyAttendance-tab .attendance-statistics table tr td:last-child {
    padding-right: var(--space-20px);
    font-family: var(--global-font-family-semibold);
}

.date-view p {
    color: var(--global-link-color);
}

.date-view .settings__dropdown .grid__settings {
    margin: var(--space-0px) !important;
}

.daily-attendance-toggle a {
    width: var(--space-50px);
    height: var(--space-30px);
    background: var(--brand-main-backgroundcolor-indicator);
}

    .daily-attendance-toggle a.active {
        background: var(--brand-default-light-background);
    }

    .daily-attendance-toggle a:first-child {
        border-top-right-radius: var(--space-0px);
        border-bottom-right-radius: var(--space-0px);
        background: url(../Images/AdminPlus/list-block-white.svg) no-repeat center var(--brand-main-backgroundcolor-indicator);
    }

    .daily-attendance-toggle a:last-child {
        border-top-left-radius: var(--space-0px);
        border-bottom-left-radius: var(--space-0px);
        background: url(../Images/AdminPlus/calendar-block-white.svg) no-repeat center var(--brand-main-backgroundcolor-indicator);
    }

    .daily-attendance-toggle a.active:first-child {
        background: url(../Images/AdminPlus/list-block-black.svg) no-repeat center var(--brand-default-light-background);
    }

    .daily-attendance-toggle a.active:last-child {
        background: url(../Images/AdminPlus/calendar-block-black.svg) no-repeat center var(--brand-default-light-background);
    }

.dailyAttendance-status {
    width: 103px;
}

#gridPeriodAttendance .k-detail-cell .k-widget .k-grid-header tr th.k-header:not(:first-child) .k-link:before {
    background: none !important;
}

#gridPeriodAttendance .k-hierarchy-cell.k-header {
    background-position: 14px;
}

#gridPeriodAttendance .k-grid-header th.k-header > .k-link {
    overflow: initial;
}

#gridPeriodAttendance k-hierarchy-cell.k-header {
    width: var(--space-20px) !important;
}
/* Daily Attendance Grid*/
.dailyAttendance-grid li, .detailedView-grid li, .attendanceStatistics-grid li {
    border-bottom: 1px solid var(--global-dailyAttendance-border-color);
    padding: var(--space-8px) var(--space-20px);
    color: var(--global-text-color);
    letter-spacing: 0.16px;
}

    .dailyAttendance-grid li:nth-child(odd), .detailedView-grid li:nth-child(odd) {
        background: var(--brand-dailyAttendance-grid-color);
    }

.dailyAttendance-grid .atte-date, .detailedView-grid .atte-date {
    width: var(--space-40px);
}

.dailyAttendance-grid .date-range-box, .detailedView-grid .date-range-box {
    width: 60%;
}

.attendanceStatistics-grid li:last-child, .attendanceStatistics-grid li:nth-last-child(2) {
    background: var(--brand-dailyAttendance-grid-color);
}

.dailyAttendance-grid .attendance-grid-datas:first-child,
.detailedView-grid .attendance-grid-datas:first-child {
    width: 125px;
    min-width: 125px;
}

.attendanceStatistics-grid .attendanceStatistics-grid-data {
    width: 55%;
}

.attendanceStatistics-grid .atte-stat {
    width: var(--space-50px);
    padding: var(--space-4px) var(--space-0px);
}
/* Schedule Style */
#divSnapshotScheduler ul li > span:last-child {
    padding-left: var(--space-20px);
}

#schedule-wrap ul li:last-child {
    margin-bottom: var(--space-0px);
}

.app-green__container#schedule-wrap ul li span.teacher-name {
    display: inline-block;
    width: 170px;
}

.schedule-cellDivHeader:first-child {
    width: 10%;
    background: var(--brand-schedule-cell-first-header-color) !important;
}

.schedule-cellDivHeader:nth-child(2) {background: var(--brand-schedule-cell-second-header-color) !important;}
.schedule-cellDivHeader:nth-child(3) {background: var(--brand-schedule-cell-second-header-color) !important;}
.schedule-cellDivHeader:nth-child(4) {background: var(--brand-schedule-cell-fourth-header-color) !important;}
.schedule-cellDivHeader:nth-child(5) {background: var(--brand-main-backgroundcolor-indicator) !important;}
.schedule-cellDivHeader:last-child {background: var(--brand-schedule-cell-last-header-color) !important;}

.schedule-containerDiv {
    border: 1px solid var(--global-schedule-border-color);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.schedule-rowDivHeader {
    background: var(--brand-schedule-row-header-color);
}

.schedule-rowDiv {
    border: 1px solid var( --global-schedule-border-color);
}

    .schedule-rowDiv:nth-child(odd) {
        background: rgba(var(--global-table-border-color), 0.03);
    }

    .schedule-rowDiv:nth-child(even) {
        background: rgba(var(--global-table-border-color), var(--opacity-one));
    }

.schedule-cellDivHeader {
    width: 10%;
    padding: var(--space-8px);
}

.schedule-cellDiv {
    width: 10%;
    border-right: 1px solid rgba(var(--global-table-border-color), var(--opacity-two));
    border-bottom: 1px solid rgba(var(--global-table-border-color), var(--opacity-two));
}

.schedule-rowDiv:last-child .schedule-cellDiv {
    border-bottom: none;
}

.schedule-lastCell {
    border-right: none;
}

.schedule-firstCell {
    background: var(--brand-schedule-first-cell-color);
    color: var(--global-text-light);
    border-right: 1px solid rgba(var(--global-table-border-color), var(--opacity-two));
    font-size: var(--global-text-size-xl);
    letter-spacing: 0.18px;
    border-bottom: 1px solid var(--global-schedule-first-cell-border-color);
    text-align: center;
    vertical-align: middle;
    font-family: var(--global-font-family-semibold);
    white-space: nowrap;
    padding: var(--space-0px) var(--space-10px) !important;
}

.schedule-box {
    min-height: 90px;
}

    .schedule-box span {
        clear: both;
        color: var(--global-schedule-box-color);
    }

    .schedule-box p {
        margin: var(--space-0px);
    }

.schedule-techno {
    line-height: 21px;
}

.schedule-roomnum-selected {
    border-bottom-left-radius: 3px;
    padding: var(--space-0px) !important;
    float: right;
    width: var(--space-50px);
    border: 1px solid var(--global-schedule-roomnum-color);
    background: var(--brand-schedule-roomnum-color);
    text-align: center;
    color: var(--global-text-color);
}

.schedule-box .schedule-roomnum + .txtovflw {
    color: var(--global-text-color);
    float: right;
    font-size: var( --global-text-size);
    font-family: var(--global-font-family-semibold);
    max-width: var(--space-150px);
}

    .schedule-box .schedule-roomnum + .txtovflw + .txtovflw {
        margin-top: var(--space-25px);
    }

.schedule-cellDiv.selected {
    background: var(--brand-schedule-div-color) !important;
}
/* End Schedule Style */
/*AP.com portfolio design*/
#divMultiplePortfolio .app-kgrid__container .k-grid-header th.k-header:first-child:before, #divMultiplePortfolio .app-kgrid__container .k-grid-header th.k-header:nth-child(2):before, #divPortfolio .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before, #divPortfolio .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(2):before, #divStaffPortfolio .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(2):before, #divStaffPortfolio .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    display: none;
}

.view-options-width .app__dropdownmenulist .view-options .dropdown-menu {
    min-width: 140px;
    max-width: auto;
}

.view-options-width .dropdown-toggle::after, .template-options.dropdown-toggle::after {
    content: none !important;
}

.template-options.dropdown-toggle + .dropdown-menu {
    min-width: 9.5rem;
}
/*AP.com portfolio design*/
/*temp code :remove later*/
.undercontruction__container {
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    display: flex;
    display: -ms-flexbox;
    height: calc(100vh - 550px) !important;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.undercontruction__box {
    text-transform: capitalize;
    font-family: var(--global-font-family-bold);
    text-align: left;
    background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );
    background-size: 200% auto;
    color: var(--global-text-light);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
    font-size: var(--global-text-size-xxxxl);
    width: 100%;
    padding: var(--space-20px);
}
/*temp code :remove later*/
/*AP.com Reportcard design starts*/
.portfolio__filename {
    width: 90%;
    color: var( --global-text-color);
}

.demograhics__container .app-card .app-card-body {
    overflow-y: auto;
    padding-bottom: var(--space-0px);
    overflow-x: hidden;
}

.add-button img {
    height: 13px;
}

.content-wrapper {
    margin: var(--space-65px) var(--space-0px) var(--space-0px) var(--space-0px);
    padding: var(--space-0px);
}
/*AP.com Reportcard design ends*/
/*BOOTSTRAP &site.CSS & kendo css*/
.row > * {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
}

[class*="col-"] {
    flex: auto;
    -ms-flex: auto;
}

.input-group.app-primary-btn-container, input-group.app-secondary-btn-container {
    width: auto;
}

.row * {
    box-sizing: border-box;
}
/*BOOTSTRAP &site.CSS & kendo css*/
/*alert popup starts*/
p#badgearea {
    z-index: 10000;
}

.hide {
    display: none !important;
}

.alert-msg p, .alert-msg h3 {
    text-align: center;
}
.alert-msg p.app-text-left {
    text-align: left;
}
.alert-msg b {
    font-weight: normal;
}
/*alert popup ends*/

/*start: Global check box style*/
input.app-input-checkbox[type="checkbox"] {
    margin: var(--space-0px) var(--space-5px) var(--space-0px) var(--space-0px);
    position: relative;
    top: 2px;
    width: 17px;
    height: 17px;
}

input.app-input-checkbox[type=checkbox]:checked:before {
    content: "\2713";
    background: var(--brand-default-light-background);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: var(--global-text-size-xxxs);
    text-align: center;
    line-height: var(--space-12px);
    display: inline-block;
    width: var(--space-15px);
    height: var(--space-15px);
    background-color: var(--brand-light-backgroundcolor-indicator);
    border: 1px solid var(--global-app-toggle-border);
    color: transparent;
    border-radius: 2px;
    -moz-border-radius: 2px;
    margin: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-0px) !important;
    padding: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-0px) !important;
    text-indent: 1px;
    position: absolute;
    top: var(--space-0px);
    background-image: url(../Images/AdminPlus/save-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
/*end: Global check box style*/
.gridw__bg {
    background: var(--brand-component-secondary-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}
/*Screen height*/
#divDailyAttendance .app-card .app-card-body {
    height: calc(100vh - 648px);
    overflow-y: auto;
}

#divDailyAttendance .app__toggle .app__togglebutton, #divStaffDailyAttendance .app__toggle .app__togglebutton {
    width: 245px !important;
}

#divStaffAttendanceListView .k-grid-content tbody tr td:nth-child(2) {
    padding-left: var(--space-10px) !important;
}

#divStaffAttendanceListView .k-grid-header table tr th:first-child:before {
    content: none;
}

#gridSchoolDailyAttendanceListStaff.app-kgrid__container .k-grid-content table tr td:nth-child(2),
#gridSchoolDailyAttendanceList.app-kgrid__container .k-grid-content table tr td:nth-child(2),
#gridSchoolPeriodAttendanceList.app-kgrid__container .k-grid-content table tr td:nth-child(2) {
    border-right: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
}

.dailyAttendance-tab .app-card {
    height: auto;
}

#divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content {
    height: calc(100vh - 585px) !important;
    overflow-y: auto;
}

#divSingleStudentTab #divSchedule .tab-divListView .schedule__boxcontainer {
    height: calc(100vh - 605px);
    overflow-y: auto;
}

#single-student__mode #divStaffSchedule .tab-divListView .schedule__boxcontainer {
    height: calc(100vh - 608px);
    overflow-y: auto;
}

#single-student__mode #divSchedule .tab-divListView .k-grid-content {
    height: calc(100vh - 675px) !important;
}

#single-student__mode #divSchedule .tab-divListView.no_footsection .k-grid-content, #single-student__mode #divStaffSchedule .tab-divListView .k-grid-content {
    height: calc(100vh - 680px) !important;
}

#divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer, #single-student__mode #divStaffSchedule .tab-divListView.expanded .schedule__boxcontainer {
    height: calc(100vh - 400px) !important;
    overflow-y: auto;
}

#single-student__mode #divSchedule .tab-divListView.expanded .k-grid-content {
    height: calc(100vh - 475px) !important;
}

#single-student__mode #divSchedule .tab-divListView.no_footsection.expanded .k-grid-content, #single-student__mode #divStaffSchedule .tab-divListView.expanded .k-grid-content {
    height: calc(100vh - 478px) !important;
}

#single-student__mode #gridPeriodAttendance.app-kgrid__container .k-grid-content {
    height: calc(100vh - 630px) !important;
}

#single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content {
    height: calc(100vh - 600px) !important;
}

#single-student__mode #divIncidents .penalty-summary-details {
    height: calc(100vh - 658px);
    overflow: auto;
}

#single-student__mode #gridOneStudentInvoice.app-kgrid__container .k-grid-content {
    height: calc(100vh - 590px) !important;
}

#single-student__mode #divBilling .summery__section .app-card-body {
    height: calc(100vh - 600px);
    overflow: auto;
}

#single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content {
    height: calc(100vh - 580px) !important;
    overflow: auto;
}

#single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content {
    height: calc(100vh - 576px) !important;
    overflow: auto;
}

#single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content,
#single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked {
    height: calc(100vh - 576px) !important;
    overflow: scroll;
}

#single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content.expanded {
    max-height: calc(100vh - 395px) !important;
    min-height: calc(100vh - 395px) !important;
    height: auto !important;
}

#divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
    max-height: calc(100vh - 382px) !important;
    min-height: calc(100vh - 382px) !important;
}

#single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content.expanded,
#single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content.expanded,
#single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked.expanded {
    max-height: calc(100vh - 374px) !important;
    min-height: calc(100vh - 374px) !important;
}

#single-student__mode #gridOneStudentInvoice.app-kgrid__container .k-grid-content.expanded {
    max-height: calc(100vh - 390px) !important;
    min-height: calc(100vh - 390px) !important;
    height: auto !important;
}

#single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content.expanded {
    max-height: calc(100vh - 375px) !important;
    min-height: calc(100vh - 375px) !important;
    height: auto !important;
}

#divDailyAttendance.expanded .app-card .app-card-body {
    height: calc(100vh - 435px);
    overflow-y: auto;
}

#divPeriodAttendance.expanded #gridPeriodAttendance.app-kgrid__container .k-grid-content {
    max-height: calc(100vh - 425px) !important;
    min-height: calc(100vh - 425px) !important;
    height: auto !important;
}

#single-student__mode #divIncidents .penalty-summary-details.expanded {
    height: calc(100vh - 453px);
    overflow: auto;
}

#single-student__mode #divBilling .summery__section .app-card-body.expanded {
    height: calc(100vh - 400px);
    overflow: auto;
}
#divSkillsView .course-skills {
    height: calc(100vh - 620px);
}
#divSkillsView.expanded .course-skills {
    height: calc(100vh - 425px);
}
#divSkillsView .course-skills.no-data {
    height: calc(100vh - 655px);
}
#divSkillsView.expanded .course-skills.no-data {
    height: calc(100vh - 455px);
}
#divNarrativesView.expanded .course-skills {
    height: calc(100vh - 475px);
}
#divNarrativesView .course-skills {
    height: calc(100vh - 680px);
}
.ap-gridbody.integration__grid {
    max-height: calc(100vh - 540px);
    min-height: calc(100vh - 540px);
    overflow-y: auto;
}
#single-student__mode #divIntegrations .integration__grid.ap-gridbody.expanded {
    max-height: calc(100vh - 340px);
    min-height: calc(100vh - 340px);
    overflow: auto;
}
#grdNarratives th[data-title="Narratives"] span.k-link, #grdSkills th[data-title="Skills"] span.k-link {
    position: absolute;
    top: var(--space-10px);
    left: var(--space-20px);
}
/*Screen height*/
/*********Multi Student Side Bar*******/
.email-icon-student, #btnMultiStaffEmail .multi-student-email {
    height: var(--space-20px) !important;
    width: 26px !important;
}

.muti-student-details-box .students-icons:hover .students-icons-hover, #btnMultiStaffEmail:hover .students-icons-hover {
    display: inline !important;
    height: var(--space-24px) !important;
    width: var(--space-30px) !important;
}

.muti-student-details-box {
    height: var(--space-25px);
}

    .muti-student-details-box .student__bottom-image {
        height: var(--space-20px);
    }

    .muti-student-details-box .multi-students-icons {
        width: 18%;
    }

.multi-students-bookmarks-yellow {
    position: absolute;
    left: var(--space-20px);
    top: var(--space-0px);
    height: 28px;
    width: var(--space-20px);
}

.multi-students-bookmarks-yellow-active {
    position: absolute;
    left: var(--space-16px);
    top: var(--space-0px);
    height: 28px;
    width: 28px;
}

.alert-multi-student {
    bottom: 9px;
    left: 171px;
}

.attendance__box .status-def + img {
    width: 23px;
}

.multi-student-home-icon {
    top: var(--space-4px) !important;
    left: 31px !important;
}

#LnkHousehold .app-translate-middle.student__bg-success {
    top: 2px;
    left: var(--space-20px)
}

.multiple-student__fields .student__link span {
    left: var(--space-0px) !important;
}

.multi-student__address,
.multi-student__field-details {
    width: 77%;
}

.attendance__box .app-darkBdr-right {
    height: 110px;
}

.attendance__box .attendance-staus {
    width: var(--space-35px);
}

.attendance__box .clock-image {
    margin-bottom: 2px;
}

#divContactViewDetails .app__tabstrip ul.k-reset.k-tabstrip-items:last-child:after {
    background: var(--brand-default-light-background) !important;
}

#divReportCards .app__gridheader .gridheader__top, #divSchedule .app__gridheader .gridheader__top, #divStaffSchedule .app__gridheader .gridheader__top {
    border-bottom: none;
}

.containsbegins-button input.k-dropdown.btn.pull-left.app-text-white.regular-font.contains-begins-button:active {
    border: none;
}

.app__schoolname .app-truncate {
    width: 100%;
}

#tabstripViewContact .addition__infotab {
    width: 50%;
}

/********Demographics Tab Strip Start**********/
.demographic-app__tabstrip .k-tabstrip {
    border-radius: var(--space-0px);
    -moz-border-radius: var(--space-0px);
}

.demographic-app__tabstrip ul.k-reset.k-tabstrip-items {
    padding-left: var(--space-20px) !important;
}

.demographic-app__tabstrip ul.k-reset.k-tabstrip-items {
    height: 37px;
}

.demographic-app__tabstrip .k-tabstrip .k-tabstrip-items {
    border-bottom: var(--space-0px) !important;
}

.demographic-app__tabstrip .k-tabstrip-items .k-link {
    max-height: 37px !important;
    z-index: 999;
    height: inherit;
}

.demographic-app__tabstrip .k-tabstrip-items .k-link {
    font-size: var(--global-text-size) !important;
    color: var(--global-text-color) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    padding: var(--space-8px) var(--space-10px) var(--space-10px) 11px !important;
    height: 37px;
    width: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--global-font-family-regular);
    text-transform: capitalize;
    letter-spacing: 0.16px;
}

.demographic-app__tabstrip .k-tabstrip-items > .k-item {
    overflow: visible !important;
}

.demographic-app__tabstrip .multi-color-tabs {
    padding: var(--space-0px);
    border: var(--space-0px);
}

.demographic-app__tabstrip .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: none;
}

.demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items {
    padding-right: var(--space-0px) !important;
    height: 44px !important;
    overflow-y: hidden !important;
}

    .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+1), .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+1):before, .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+1):after, .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+1) span.k-link {
        background: var(--brand-demographics-tab-two) !important;
    }

    .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+2), .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+2):before, .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+2):after, .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+2) span.k-link {
        background: var(--brand-demographics-tab-three) !important;
    }

    .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+3), .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+3):before, .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+3):after, .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+3) span.k-link {
        background: var(--brand-demographics-tab-four) !important;
    }

    .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+4), .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+4):before, .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+4):after, .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+4) span.k-link {
        background: var(--brand-demographics-tab-five) !important;
    }

    .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items > .k-item:nth-child(5n+0), .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+0):before, .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:nth-child(5n+0):after, .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-state-active:nth-child(5n+0) span.k-link {
        background: var(--brand-demographics-tab-one) !important;
    }

.demographic-app__tabstrip .multi-color-tabs .k-content:nth-child(5n+1) {
    border: 3px solid var(--brand-demographics-tab-one) !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-content:nth-child(5n+2) {
    border: 3px solid var(--brand-demographics-tab-two) !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-content:nth-child(5n+3) {
    border: 3px solid var(--brand-demographics-tab-three) !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-content {
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
}

    .demographic-app__tabstrip .multi-color-tabs .k-content:nth-child(5n+4) {
        border: 3px solid var(--brand-demographics-tab-four) !important;
    }

    .demographic-app__tabstrip .multi-color-tabs .k-content:nth-child(5n+0) {
        border: 3px solid var(--brand-demographics-tab-five) !important;
    }

.demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:before, .demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:after {
    display: block;
    content: " ";
    position: absolute;
    top: var(--space-0px);
    height: 100%;
    width: var(--space-20px);
    transition: all 250ms ease;
}

.demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:before {
    right: -14px;
    transform: skew(15deg, 0deg);
    -ms-transform: skew(15deg, 0deg);
    -moz-transform: skew(15deg, 0deg);
    border-radius: var(--space-0px) var(--space-8px) var(--space-0px) var(--space-0px);
    -moz-border-radius: var(--space-0px) var(--space-8px) var(--space-0px) var(--space-0px);
    z-index: 1;
    border-right: 1px solid var(--global-border-light);
}

.demographic-app__tabstrip .multi-color-tabs ul.k-tabstrip-items li:after {
    left: -14px;
    transform: skew(-15deg, 0deg);
    -moz-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    border-radius: var(--space-8px) var(--space-0px) var(--space-0px) var(--space-0px);
    -moz-border-radius: var(--space-8px) 0 0 0;
    border-left: 1px solid var(--global-border-light);
}

.demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-state-active:after {
    z-index: 9;
}

.demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items .k-item {
    margin-right: var(--space-24px) !important;
    position: relative;
    margin-top: var(--space-8px) !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items .k-link {
    color: var(--global-text-color) !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-active span.k-link {
    font-weight: var(--gloabl-bold-font-weight) !important;
    position: relative;
    padding-top: 13px !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-active {
    top: -6px;
    height: 44px;
}

    .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-active span.k-link:after {
        position: absolute;
        bottom: var(--space-0px);
        left: var(--space-10px);
        content: "";
        width: calc(100% - 20px);
        height: 2px;
        background: var( --brand-default-dark-background);
    }

.demographic-app__tabstrip .multi-color-tabs .demographic-color-value {
    display: none;
}

.demographic-app__tabstrip .multi-color-tabs .s-DemoTablink, .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items .k-link, .demographic-app__tabstrip .multi-color-tabs .k-tabstrip-items li.k-state-active span.k-link {
    width: auto !important;
    padding-left: var(--space-10px) !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-icon-button.k-tabstrip-next, .demographic-app__tabstrip .multi-color-tabs .k-icon-button.k-tabstrip-prev {
    height: 37px;
    top: var(--space-0px) !important;
    width: var(--space-35px);
    display: block !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-icon-button.k-tabstrip-next, .reportcard__tab .k-icon-button.k-tabstrip-prev {
    width: 38px;
    background: var(--brand-tabs-component-background) !important;
    border-left: 1px solid var(--global-border-light) !important;
    right: var(--space-0px);
}

.demographic-app__tabstrip .multi-color-tabs .k-icon-button.k-tabstrip-prev, .reportcard__tab .k-icon-button.k-tabstrip-next {
    width: 38px;
    background: var(--brand-tabs-component-background) !important;
    border-right: 1px solid var(--global-border-light) !important;
    left: var(--space-0px);
}

.demographic-app__tabstrip .k-tabstrip .k-content {
    position: relative;
}

.k-tabstrip-wrapper .multi-color-tabs ul.k-tabstrip-items li:first-child {
    margin-left: 18px !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-icon-button.k-tabstrip-prev {
    border-right: none !important;
    border-top-right-radius: var(--global-medium-border-radius) !important;
    top: 7px !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-icon-button.k-tabstrip-next {
    border-left: none !important;
    border-top-left-radius: var(--global-medium-border-radius) !important;
    top: 7px !important;
}

.demographic-app__tabstrip #tabstripDemographics .k-content {
    padding: var(--space-0px);
    background: var(--brand-component-secondary-background);
}

.demographic-app__tabstrip #FieldLayout {
    padding: var(--space-20px) var(--space-60px);
    box-sizing: border-box;
}

.demographic-app__tabstrip .tabDemographicContent {
    background-color: var(--brand-component-secondary-background);
}

.demographic-app__tabstrip #FieldLayout input,
.demographic-app__tabstrip #FieldLayout .k-combobox-clearable,
.demographic-app__tabstrip #FieldLayout .k-widget.k-dropdown,
.demographic-app__tabstrip #FieldLayout .k-dropdownlist,
.demographic-app__tabstrip #FieldLayout .k-datepicker.demo-field-date,
.demographic-app__tabstrip #FieldLayout .iti__selected-flag {
    height: var(--space-40px) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

.demographic-app__tabstrip #FieldLayout input,
#tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout .k-picker {
    height: var(--space-40px) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    padding: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-15px);
    box-sizing: border-box;
}

    #demographicsfields #FieldLayout .k-picker .k-input-value-text {
        line-height: var(--space-32px);
        margin-left: -5px;
    }

.demographic-app__tabstrip input.form-control {
    color: var(--global-text-color) !important;
    font-size: var(--global-text-size-sm);
    background: var(--brand-default-light-background);
}

#demographicsfields #FieldLayout .k-picker, .demographic-app__tabstrip #FieldLayout input, .demographic-app__tabstrip #FieldLayout .k-combobox, .demographic-app__tabstrip #FieldLayout .k-datepicker.demo-field-date,
#tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default {
    border: 1px solid var(--global-dropdown-border) !important;
}

    .demographic-app__tabstrip #FieldLayout .k-input:hover,
    .demographic-app__tabstrip #FieldLayout .k-input:active,
    .demographic-app__tabstrip #FieldLayout .k-input:focus,
    .demographic-app__tabstrip #FieldLayout .k-input:visited,
    .demographic-app__tabstrip #FieldLayout .k-input:focus-within,
    .demographic-app__tabstrip #FieldLayout input:hover,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:hover,
    .demographic-app__tabstrip #FieldLayout input:active,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:active,
    .demographic-app__tabstrip #FieldLayout input:focus,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:focus,
    .demographic-app__tabstrip #FieldLayout input:visited,
    #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default:visited,
    .demographic-app__tabstrip #FieldLayout .k-dropdownlist:hover,
    .demographic-app__tabstrip #FieldLayout .k-dropdownlist:active,
    .demographic-app__tabstrip #FieldLayout .k-dropdownlist:focus,
    .demographic-app__tabstrip #FieldLayout .k-dropdownlist:visited {
        border: 1px solid var(--global-form-container-border) !important;
    }

.demographic-app__tabstrip #FieldLayout .k-input input:hover,
.demographic-app__tabstrip #FieldLayout .k-input input:active,
.demographic-app__tabstrip #FieldLayout .k-input input:focus,
.demographic-app__tabstrip #FieldLayout .k-input input:visited,
.demographic-app__tabstrip #FieldLayout .k-dropdownlist {
    border: none !important;
}

.demographic-app__tabstrip #FieldLayout .k-widget input {
    padding-left: var(--space-10px);
    border: none !important;
}

.demographic-app__tabstrip #FieldLayout .k-input,
.demographic-app__tabstrip #FieldLayout .k-combobox,
.demographic-app__tabstrip #FieldLayout .k-widget.k-dropdown,
.demographic-app__tabstrip #FieldLayout .k-input,
.demographic-app__tabstrip #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
.demographic-app__tabstrip #FieldLayout .k-datepicker.demo-field-date,
.demographic-app__tabstrip #FieldLayout .iti__selected-flag {
    width: 100%;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !important;
    border: none;
}

.demographic-app__tabstrip .k-widget.k-tabstrip.k-header.setupDemographicsList {
    border-bottom: var(--space-0px) !important;
}

.demographic-app__tabstrip #FieldLayout .k-dropdownlist.k-state-default {
    padding-left: var(--space-0px) !important;
    border: 1px solid var(--global-dropdown-border) !important;
}

.demographic-app__tabstrip #FieldLayout .k-dropdownlist .k-icon.k-i-x:before,
.demographic-app__tabstrip #FieldLayout .k-combobox .k-icon.k-i-x:before {
    top: var(--space-0px) !important;
    color: var(--global-text-color);
}


.demographic-app__tabstrip #FieldLayout .k-combobox .k-button, .demographic-app__tabstrip #FieldLayout .k-datepicker .k-button {
    background: transparent;
    width: var(--space-35px);
    height:var(--space-40px) !important;
}

.demographic-app__tabstrip .iti--allow-dropdown .iti__flag-container {
    width: auto !important;
}

.demographic-app__tabstrip .multi-color-tabs .k-button.k-disabled,
.demographic-app__tabstrip .multi-color-tabs .k-input.k-disabled,
.demographic-app__tabstrip .multi-color-tabs .k-picker.k-disabled {
    opacity: 1;
}

.demographic-app__tabstrip .multi-color-tabs .k-picker.k-dropdownlist .k-icon-button {
    position: absolute;
    right: var(--space-5px);
    top: var(--space-0px);
}

.demographic-app__tabstrip .multi-color-tabs .k-input.k-disabled,
.demographic-app__tabstrip .multi-color-tabs .k-picker.k-disabled,
.demographic-app__tabstrip input.form-control:disabled,
.app-input input.form-control:disabled,
.demographic-app__tabstrip .k-input.k-disabled .k-input-inner.form-control:disabled,
.demographic-app__tabstrip .k-input.k-disabled input:disabled, .demographic-app__tabstrip .multi-color-tabs .k-picker.k-dropdownlist.k-disabled .k-icon-button {
    background: var(--brand-component-primary-background) !important;
}

.demographic-app__tabstrip .k-combobox .k-select,
.demographic-app__tabstrip .k-numeric-wrap .k-select,
.demographic-app__tabstrip .k-picker-wrap .k-select {
    border-width: var(--space-0px);
    width: var(--space-40px);
}

.demographic-app__tabstrip > .row.full-width {
    margin: var(--space-10px);
}

.demographic-app__tabstrip #demoScreenSettings {
    margin-top: var(--space-0px);
}

.demographic-app__tabstrip .k-combobox .k-icon.k-i-arrow-s:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
    background-position: right var(--space-5px) top var(--space-16px) !Important;
    background-repeat: no-repeat;
    height: var(--space-35px);
    width: 15px;
}

.demographic-app__tabstrip #FieldLayout .k-datepicker .k-button {
    margin-right: var(--space-5px);
}

.demographic-app__tabstrip [class*="col-"] {
    flex: initial;
    -ms-flex: initial;
}

.demographic-app__tabstrip .iti {
    width: 100%;
}

    .demographic-app__tabstrip .iti input {
        padding-left: var(--space-50px) !important;
    }

.demographic-app__tabstrip #FieldLayout .k-input-inner {
    padding: var(--space-0px);
    border: none !important;
}

.demographic-app__tabstrip #FieldLayout .k-input.k-datepicker, .demographic-app__tabstrip #FieldLayout .k-input.k-combobox {
    padding: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-15px);
}

.demographic-app__tabstrip #FieldLayout .k-input.form-control {
    display: inline-flex;
    display: -ms-inline-flexbox;
}

.demographic-app__tabstrip #screenSettings span.k-dropdownlist,
.demographic-app__tabstrip #screenSettings span.k-dropdown {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

.demographic-app__tabstrip #screenSettings span.k-dropdownlist {
    height: var(--space-40px) !important;
}

    .demographic-app__tabstrip #screenSettings span.k-dropdownlist:hover,
    .demographic-app__tabstrip #screenSettings span.k-dropdownlist:focus-within {
        border: 1px solid var(--global-form-container-border) !important;
    }

.demographic-app__tabstrip #tabstripDemographics #FieldLayout .k-dropdownlist > .k-i-close {
    overflow: visible !important;
    top: 40% !important;
}

.demographic-app__tabstrip #tabstripDemographics #FieldLayout .k-i-calendar {
    background-image: url(../Images/AdminPlus/calendar-black.svg) !important;
    background-position: right 3px top 3px !Important;
    background-repeat: no-repeat;
    height: var(--space-25px) !important;
    width: var(--space-40px) !important;
    background-size: 18px;
}

    .demographic-app__tabstrip #tabstripDemographics #FieldLayout .k-i-calendar:before {
        content: none !important;
    }

.demographic-app__tabstrip #tabstripDemographics .k-content {
    padding: var(--space-0px);
    background: var(--brand-component-secondary-background);
}

.demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active {
    height: calc(100vh - 515px) !important;
}

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active.expanded {
        max-height: calc(100vh - 310px) !important;
        min-height: calc(100vh - 310px) !important;
        height: auto !important;
    }

#divAddContactView.k-window-content .app__tabstrip .k-tabstrip .k-content.k-active {
    max-height: 60vh !important;
    overflow: auto !important;
    border: 1px solid var(--global-dailyAttendance-border-color);
    border-radius: var(--space-0px) var(--space-0px) var(--space-0px) var(--global-border-radius);
    -moz-border-radius: var(--space-0px) var(--space-0px) var(--space-0px) var(--global-border-radius);
}

#tabstripViewContact.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: var(--space-0px);
}
/********Demographics Tab Strip Ends**********/
/*************Attendance Expanded Grid Starts**********************/
.app-kgrid__expanded-container td {
    border-bottom: 1px solid rgba(var(--global-expanded-container-border), var(--opacity-four)) !important;
}

.app-kgrid__expanded-container .k-grid-norecords {
    border-bottom: 1px solid rgba(var(--global-expanded-container-border), var(--opacity-four)) !important;
    border-bottom-right-radius: var(--global-border-radius);
    border-bottom-left-radius: var(--global-border-radius);
    height: var(--space-20px) !important;
}

    .app-kgrid__expanded-container .k-grid-norecords .k-grid-norecords-template {
        height: var(--space-15px) !important;
        line-height: var(--space-0px);
        margin: var(--space-0px) var(--space-0px) var(--space-0px) var(--space-20px) !important;
    }
/*************Attendance Expanded Grid Ends**********************/
/**********************Contacts Additional Information Tab Starts**********/
.additional-information__conacts-name:hover,
.contacts-email-name:hover {
    font-family: var(--global-font-family-bold);
    text-decoration: underline !important;
}

.other-organization-data {
    margin-top: 3px;
}
/**********************Contacts Additional Information Tab Ends**********/

.schedule__box.app-green__container ul li.active {
    padding: var(--space-8px) var(--space-20px) var(--space-5px);
}

.schedule__box.app-green__container ul li.active {
    border: none !important;
    padding: var(--space-8px) 19px 5px var(--space-12px) !important;
}

.multiple-student__left-container .schedule__box.app-green__container ul li.active {
    padding: var(--space-8px) var(--space-10px) var(--space-0px) var(--space-12px) !important;
}
/**************Contacts Popup Starts*****************/
.viewContactName {
    display: block;
}
#grdStudentContacts .viewContactName {
    height: 49px;
}
.viewContacts, .viewContacts-class-hover:hover {
    display: none;
}

.contact__detail-link:hover .viewContacts {
    display: block !important;
}

.viewContactName-text, .viewCourseName-text {
    color: var(--global-text-color);
    width: 80%;
}

    .contact__detail-link:hover .viewContactName-text, .viewCourseName-text:hover {
        font-family: var(--global-font-family-bold);
        text-decoration: underline;
        color: var(--global-text-color);
    }

.viewContactName:hover .viewContacts {
    display: inline-block;
    position: absolute;
    right: var(--space-8px);
    top: var(--space-12px);
}

.cell-phone__contacts {
    right: 3px;
}

.contacts-tab.app__tabstrip .k-tabstrip .k-content.k-active {
    border-top-left-radius: var(--space-0px) !important;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: 1px solid var(--global-input-border-color);
}
/**************Contacts Popup Ends*****************/
.schedule__container .app-green__container ul {
    padding: var(--space-10px) var(--space-10px) var(--space-5px) var(--space-10px);
}
/*************Daily Attendance Settings Popup Starts*********/

.daily_attendace-settings .requirementstatusdate.k-input:focus-within {
    border: none !important;
}

.attendance-date__data {
    width: auto;
}

.excelwizard__container .attendance-settings__input {
    width: var(--space-200px) !important;
}

.attendance-settings__input {
    width: 100% !important;
    display: flex;
    display: -ms-flexbox;
}

.attendance__window {
    top: var(--space-150px) !important;
}
/*************Daily Attendance Settings Popup Ends*********/
#divDemographic .inputSearch,
#grdAvailableLunchCodes .inputSearch,
.excelwizard-multi-student-select-row .inputSearch, #divSelectDemographicField .inputSearch, #divMarkingPeriod #grdAvailableFields .inputSearch, #divSchoolDemographic .inputSearch, .demograph__form .inputSearch, #grdAvailableFields .inputSearch {
    position: absolute;
    left: var(--space-10px);
    top: var(--space-10px);
    z-index: 1;
}
.inputSearch.search__icon-control {
    position: absolute;
    left: var(--space-10px);
    top: var(--space-10px);
    z-index: 1;
}

#grdAvailableFields .k-toolbar {
    padding: 3px 9px;
}

.excelwizard-multi-student-select-row .close-icon-pos .inputSearch {
    left: var(--space-15px) !important;
}

.excelwizard-multi-student-select-row .close-icon-pos .close__icon {
    top: var(--space-8px);
    right: var(--space-15px);
}

.k-loading-image {
    background-image: url(../Images/Loader-no-bg.GIF) !important;
    background-size: var(--space-25px) var(--space-25px);
}
/*Dashbors charts UI*/
.sortable {
    list-style-type: none;
    margin: var(--space-0px);
    padding: var(--space-0px);
}

    .sortable li {
        margin: var(--space-10px);
        padding: var(--space-20px);
        float: left;
        width: 267px;
        height: 140px;
        border-radius: var(--global-medium-border-radius);
        -moz-border-radius: var(--global-medium-border-radius);
        color: var(--global-text-light);
        position: relative;
        transition: transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out;
    }

.dashboard__tiles.sortable li.ui-state-default:hover {
    transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center;
    transform: scale(1.0745);
    -moz-transform: scale(1.0745);
    -ms-transform: scale(1.0745);
    transition: transform .3s ease-in-out;
    -moz-transition: transform .3s ease-in-out;
}

    .dashboard__tiles.sortable li.ui-state-default:hover .action-btns {
        transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        opacity: 1;
    }

.sortable li .action-btns {
    position: absolute;
    top: 1rem;
    right: 1rem;
    opacity: 0;
    transform: translateY(0.5rem);
    -moz-transform: translateY(0.5rem);
    -ms-transform: translateY(0.5rem);
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    color: var(--global-text-light);
}

    .sortable li .action-btns img.tile__close {
        width: var(--space-20px);
    }

    .sortable li .action-btns img.tile__edit {
        width: 18px;
        margin-right: var(--space-10px);
    }

.box-fixed {
    background: var(--brand-default-light-background) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow) !important;
    -moz-box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    width: 470px !important;
    color: var(--global-text-color) !important;
}

    .box-fixed p {
        font-size: var(--global-text-size-xl);
        font-weight: var(--gloabl-bold-font-weight);
        margin: var(--space-12px);
    }

.tiles__title {
    font-size: var(--global-text-size-xxxxxxxxl);
}

.sortable.dashboard__chart.ui-sortable li {
    width: 555px !important;
    height: auto !important;
    padding: var(--space-0px);
}

.sortable.dashboard__chart .chart_body {
    border-radius: var(--global-medium-border-radius);
    -moz-border-radius: var(--global-medium-border-radius);
    padding-bottom: var(--space-10px);
}
    .sortable.dashboard__chart .chart_body .chart_body-title {
        height: var(--space-20px);
        font-size:17px;
        color: var(--global-link-color);
        font-family: var(--global-font-family-semibold) !important;
        font-weight: normal !important;
    }
.sortable.dashboard__chart .chart_body .chart__header {
    border-bottom: 1px solid var( --global-login-drawer-border);
    padding: var(--space-15px) var(--space-15px);
    background: var(--brand-main-backgroundcolor-indicator) 0% 0% no-repeat padding-box;
    box-shadow: 0px var(--space-8px) 9px var(--global-dark-black-boxshadow);
    border-radius: var(--global-medium-border-radius) var(--global-medium-border-radius) var(--space-0px) var(--space-0px);
    opacity: 1;
}

.sortable.dashboard__chart .chart_body .k-chart {
    padding: var(--space-0px) var(--space-0px);
}

.sortable.dashboard__chart .chart_body .chart-sec {
    margin: var(--space-20px) var(--space-0px) var(--space-20px) var(--space-0px) !important;
}
    .sortable.dashboard__chart .chart_body .chart__header.theme__without_bg {
        background: var(--brand-default-light-background);
        border-bottom: 2px solid var(--global-blue-border);
        color: var(--global-link-color) !important;
        margin: var(--space-0px) var(--space-20px);
        padding-left: var(--space-0px) !important;
        padding-right: var(--space-0px) !important;
    }
.sortable.dashboard__chart .chart_body .chart__header.theme__without_bg img.img-white {
    display:none;
}
.sortable.dashboard__chart .chart_body .chart__header.theme__without_bg img.tile__edit {
    display: inline-block !important;
    width: var(--space-24px);
    height: var(--space-24px);
}
.sortable.dashboard__tiles li.tile-without-bg {
    background: var(--brand-default-light-background) !important;
    padding-left: var(--space-40px);
}
.sortable.dashboard__tiles li.tile-without-bg .tiles__header .tiles__title {
    color: var(--global-coral-orange-color); /* #ff7e5f = @item.TileColor*/
}
.sortable.dashboard__tiles li.tile-without-bg .tile-indicator {
    display:block!important;
    position: absolute;
    top: 10%;
    left: var(--space-20px);
    background: var(--global-coral-orange-color); /*#ff7e5f = @item.TileColor*/
    width: var(--space-5px);
    height: 80%;
    border-radius: var(--global-large-border-radius);
}
.sortable.dashboard__tiles li.tile-without-bg .tiles__header #tileName {
    color: var( --global-text-color);
}
.sortable.dashboard__tiles li.gradient-tile {
    background: linear-gradient(to right, var(--global-coral-orange-color), var(--brand-default-light-background)) !important; /* #ff7e5 = @item.TileColor*/
}
#divDashboardThemeView.dashboard-scroll {
    height: calc(100vh - 209px);
}
#gridReplaceTileDetails .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 370px) !important;
}
/*------------------------------------------------ Dashboard Add New Tile ------------------------------------------------*/
.add-new-tile__inner-content [class*="col-"] {
    flex: 0 0 auto !important;
    -ms-flex: 0 0 auto !important;
}

.add-new-tile__inner-content .app__dropdown .k-widget,
.add-new-tile__inner-content .app__dropdown .k-widget .k-dropdown-wrap,
.title-input,
.add-new-tile__inner-content .app__dropdown .k-dropdownlist {
    width: 380px !important;
}

.app__dropdown .k-dropdownlist {
    border: 1px solid var(--global-dropdown-border) !important;
}

.add-new-tile__inner-content .upper-section .k-colorpicker {
    border: 1px solid var(--global-box-border) !important;
}

.add-new-tile__inner-content .seperation__line {
    position: relative;
    margin-right: var(--space-20px);
    height: var(--space-40px);
    width: 1px;
    background: var(--brand-default-dark-background);
    margin-left: var(--space-0px);
}

.comments-note-area {
    border: 1px solid var(--global-input-border-color);
    height: var(--space-100px);
}

.attendance-code-status {
    border: 1px solid var(--global-input-border-color);
    min-height: var(--space-80px);
}
/*--------------------------------------- Dashboard Add New Tile -----------------------------------*/
/*temp code*/
.date-range-box span {
    background: var(--brand-tile-light-color) !important;
    margin: 2px var(--space-0px) 2px var(--space-0px);
    padding: 2px 6px;
}
/*temp code*/
.demographic-app__tabstrip .k-i-arrow-60-left:before, .demographic-app__tabstrip .k-i-arrow-60-right:before {
    color: var(--global-text-light);
    top: 2px;
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: none;
}

/* Students View Info */
#studentsViewInfo {
    top: var(--space-65px);
    left: var(--space-80px);
    background-color: var(--brand-container-darkblue-backgroud);
    max-width: 100%;
    min-width: 657px; /*646*/
    transform: none;
    -moz-transform: none;
    -ms-transform: none;
}

.app__header.active, .app__menubar .navbar-static-side.active {
    z-index: 9999;
}

.grade-value {
    background: var(--global-grade-value-bg);
    border-radius: var(--space-8px);
    -moz-border-radius: var(--space-8px);
    width: 100%;
}

#studentsViewInfo .offcanvas-header {
    align-items: flex-start;
}

.stud-view-dummy-table {
    width: calc(100% - 49px);
    background: var(--brand-default-light-background);
}

.stud-view-dummy-table thead tr {
    background: var(--brand-modal-grid);
}

.stud-view-dummy-table thead tr, .stud-view-dummy-table thead tr th {
    position: relative;
}

.stud-view-dummy-table thead tr th:nth-child(2):before {
    position: absolute;
    left: var(--space-0px);
    height: 80%;
    width: 1px;
    top: 10%;
    background: var(--brand-dim-grey-bg);
    content: "";
}

.stud-view-dummy-table thead tr th, .stud-view-dummy-table tbody tr td {
    padding: var(--space-10px) var(--space-20px);
    border-bottom: 1px solid var(--global-dim-purple-border);
    width: 50%;
}

#divStaffFilters .stud-view-dummy-table thead tr th:first-child, #divStaffFilters .stud-view-dummy-table tbody tr td:first-child {
    max-width: 190px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 34%;
}
#divStaffFilters .stud-view-dummy-table tbody tr:last-child td {
    border: none;
}

.disable-anchor {
    pointer-events: none;
}
/* End Students View Info */

.contacts-mail-icon {
    top: var(--space-0px) !important;
}

.student-info-settings {
    top: 50%;
    right: -30px;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.attendance-info-wrap .attendance-info-wrap-left-data {
    max-width: 120px;
    min-width: 120px;
}

.attendance-info-wrap .attendance-info-wrap-right-data {
    width: 36%;
}

.contact-snap-details {
    padding-left: 3px !important;
}

#divContactViewDetails .contacts-tab-wrap .app__tabstrip ul.k-reset.k-tabstrip-items:last-child:after, #divContactViewDetails .contacts-tab-wrap .app__tabstrip ul.k-reset.k-tabstrip-items,
#gridPastGrades.app-kgrid__container .k-grid-content .k-grid-edit-row .k-button-solid-primary:hover {
    background: transparent !important;
}

#divContactViewDetails .contacts-tab-wrap .app__tabstrip .k-tabstrip-items .k-link {
    padding: var(--space-8px) var(--space-30px) var(--space-10px) var(--space-30px) !important;
}

#usermenu_area, #lnkChangePassword, #lnkFeedback {
    display: none;
}

.multiple-student__left-container .schedule__box.app-green__container ul li {
    padding: var(--space-8px) var(--space-10px) var(--space-0px) var(--space-10px) !important;
}

    .multiple-student__left-container .schedule__box.app-green__container ul li .teacher-name {
        width: 130px;
        display: inline-block;
    }

    .student__data:first-child {
        padding-left: var(--space-10px);
    }

    .student__data .student__key, .student__data .student__value {
        min-width: var(--space-40px);
    }

.daily-attendance-header {
    max-width: 79%;
}

#divIncidents .app__gridheader .grid__settings {
    margin: -4px 1px var(--space-0px) var(--space-0px) !important;
}

#lblViewOfficePhone {
    min-width: 40%;
}

.app-custom-pagination .k-pager-info.k-label strong {
    white-space: nowrap;
}

#divSingleStudentSnapshot #error {
    line-height: var(--space-24px);
    overflow: hidden;
}

#divSingleStudentSnapshot #title {
    text-transform: uppercase;
}

#divSingleStudentSnapshot .app-card.portfolio-card #error {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/*.app-kgrid__container .k-grid-header .k-header:not(:last-child):before {
    height: var(--space-20px);
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-5px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}*/

#gridOneStudentIncident .k-grid-content tbody tr.k-detail-row {
    background: var(--brand-default-light-background) !important;
}

#divIncidentDetails .app-kgrid__expanded-container .k-grid-header .k-header, .app-kgrid__container .app-kgrid__expanded-container .k-header {
    position: relative;
}

.app-kgrid__container .app-kgrid__expanded-container .k-grid-header-wrap .k-header:not(:last-child):before, .app-kgrid__container .incidents__inner-container .app-kgrid__expanded-container .k-grid-header-wrap .k-header:nth-child(4):after {
    height: var(--space-20px);
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-5px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}

#divIncidentDetails .app-kgrid__expanded-container .k-grid-header th.k-header a.k-grid-filter {
    width: var(--space-25px);
    position: absolute;
    top: -5px;
    left: var(--space-5px);
}

#divIncidentDetails .app-kgrid__expanded-container .k-grid-header th.k-header:nth-child(3),
#divIncidentDetails .app-kgrid__expanded-container table td:nth-child(3) {
    padding-left: var(--space-30px) !important;
}

#divIncidentDetails .app-kgrid__expanded-container {
    width: 100% !important;
    overflow: auto;
}

#single-student__mode #gridOneStudentIncident.app-kgrid__container #divIncidentDetails .app-kgrid__expanded-container .k-grid-content {
    height: auto !important;
    overflow: auto;
    min-height: auto !important;
}

#divIncidentDetails .penalty-summary-details {
    height: auto !important;
    overflow: auto;
}

.grid-inner-header {
    height: 33px;
}

#divMultiStudentSnapshot .multiple-student__left-container .app-card-body {
    padding: var(--space-15px) var(--space-0px) var(--space-15px) var(--space-0px) !important;
}

/*approval center*/
.approval__center .generic-left__section {
    width: 55%;
    border-right: 1px solid var( --global-input-border-color);
}

.approval__center .right__section {
    width: 45%;
}

.generic__formtabstrip .k-tabstrip-items {
    margin: var(--space-0px);
    border-bottom: 1px solid var(--global-dark-dim-grey-border);
    padding: var(--space-0px);
}

.approval__center.min-max-width .generic__formtabstrip .k-tabstrip-items {
    display: block;
}

.generic-left__section .k-tabstrip .k-content {
    padding: var(--space-0px);
    margin: var(--space-0px);
    background: var(--brand-component-secondary-background) !important;
}

.app-grid-container {
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}

.generic-left__section.app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: var(--space-0px) !important;
    z-index: 1;
}

    .generic-left__section.app__tabstrip ul.k-reset.k-tabstrip-items:after {
        content: none;
    }

.generic-left__section.app__tabstrip .k-tabstrip-items .k-link {
    width: auto;
    padding: 7px var(--space-25px) var(--space-0px) var(--space-25px) !important;
}

.generic-left__section .app-kgrid__container .k-grid-content table, .right__section-inner-content .app-kgrid__container .k-grid-content table {
    width: 100% !important;
}

.approval__center, .approval__center .holdingbin_section {
    background: var(--brand-component-secondary-background) !important;
}

.generic-left__section .generic__formtabstrip {
    border: none !important;
}

.expand-collapse-arrow button {
    border: none;
    background: transparent;
    border-radius: var(--global-border-radius);
}

.approval__center.min-max-width .generic-left__section {
    width: 30%;
}

.approval__center.min-max-width .right__section {
    width: 70%;
}

.approval__center.min-max-width .expand-collapse-arrow .collapse__icon {
    display: block;
    position: relative;
}

.approval__center.min-max-width .expand-collapse-arrow .expand__icon {
    position: relative;
    top: 2px;
}

.form__approvalsec {
    background: var(--brand-light-blue);
    border: 1px solid var(--global-input-border-color);
}

.form__approvalsec-ul {
    height: 64px;
}

.app__tabstrip .k-tabstrip-wrapper .generic__formtabstrip.k-tabstrip {
    background-color: transparent !important;
}

.main-content-cntnr.approval__center {
    text-transform: initial;
}

.app-button.app-button__noname, .app-button.app-button__nolabel {
    padding: var(--space-5px) var(--space-8px);
    min-width: auto;
}

.approval__center.min-max-width .plus__portals-page .app-button.app-button__noname {
    padding: 6px var(--space-15px);
}

.applicantInquirySetting .app-justify-content-end {
    justify-content: end !important;
}

.expand-collapse-arrow .collapse__icon, .approval__center.min-max-width .expand-collapse-arrow .expand__icon, .app-button.app-button__noname .icon-name, .generic-left__section .applicantInquirySetting .setting__btn, .approval__center .hamburger-menu, .approval__center .collapse__text {
    display: none;
}

    .generic-left__section .applicantInquirySetting .setting__btn.show {
        display: inline-block !important;
    }

.form__approvalsec .header__name {
    font-size: var(--global-text-size-xxxl);
    font-weight: var(--gloabl-bold-font-weight);
    color: var(--global-text-color);
    font-family: var(--global-font-family-semibold);
}

.approval__checkbox .grid__indicater {
    width: var(--space-15px);
    height: var(--space-15px);
    border: 1px solid var(--global-border-dark);
    border-radius: 2px;
}

.approval__checkbox .grid__indicater.green__box { background: var(--brand-grid-color-indicator-green); }
.approval__checkbox .grid__indicater.yellow__box { background: var(--brand-grid-color-indicator-yellow); }
.approval__checkbox .grid__indicater.purple__box { background: var(--brand-grid-color-indicator-red); }

.registration__formdetail {
    z-index: 1;
    right: var(--space-25px);
    top: var(--space-10px);
}

#divFormControls.editscreen {
    background: var(--brand-component-primary-background);
    padding: var(--space-20px);
    margin-top: var(--space-20px);
    border-radius: var(--global-border-radius);
}

.search-text {
    left: var(--space-40px);
    position: relative;
    top: -7px;
    padding-right: var(--space-0px);
}

.search-text-staff {
    position: relative;
    top: 42px;
    left: 1px;
}

.approval__center.min-max-width .form__approvalsec {
    padding: var(--space-20px);
}

.app-kgrid__container .k-grid-content.k-auto-scrollable {
    overflow-y: overlay !important;
}

.approval__center.min-max-width .plusportals-menu ul.k-reset.k-tabstrip-items {
    height: 90px !important;
}

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items {
    position: absolute;
    top: -10px;
    left: var(--space-10px);
    background: var(--brand-default-light-background) !important;
    height: auto;
    width: 180px;
    z-index: 9;
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: var(--global-border-radius);
    padding: var(--space-10px) var(--space-0px);
}

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList {
    background: transparent !important;
    border: none !important;
    margin: var(--space-0px) !important;
    padding: var(--space-0px);
    width: 100%;
}

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.k-active {
    background-color: rgba(var(--brand-table-row-background), var(--opacity-one)) !important;
    border-radius: var(--space-0px) !important;
}

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList span {
    color: var(--global-text-color) !important;
    background: none !important;
    display: initial;
    text-align: left;
}

.approval__center.min-max-width .collapse__text {
    display: block;
    position: absolute;
    left: var(--space-60px);
    top: var(--space-0px);
    width: 50%;
}

.approval__center.min-max-width .hamburger-menu {
    display: block;
    top: -10px;
    left: var(--space-0px);
    cursor: pointer;
    width: var(--space-60px);
}

.approval__center.min-max-width .approval-center__gridheader {
    height: var(--space-40px);
}

.approval__center.min-max-width .generic-left__section .k-tabstrip .k-content.k-active {
    padding-top: var(--space-0px);
}

.approval_center__panel-section .k-panelbar .k-header,
#divApplicantFormDetail .k-panelbar .k-header, #divHBIncidentsDetails .k-panelbar .k-header, #divGradeDetails .k-panelbar .k-header {
    background: transparent;
}

#divHBIncidentsDetails #divHbIncidentViewDetails .k-grid-content .k-grid-norecords {
    border: 1px solid var(--global-login-border);
    margin-top: var(--space-0px);
    border-top: var(--space-0px);
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
}

#divApplicantFormDetail.demographic__panel {
    height: auto !important;
}

#school_mode .demographic__panel {
    height: calc(100vh - 350px);
}
/*#divApplicantFormDetail ul a.k-link {
    background-color: var(--brand-main-backgroundcolor-indicator);*/
.approval-center__global .approval_center__panel-section ul a.k-link,
#divApplicantFormDetail ul a.k-link,
#divHBIncidentsDetails ul a.k-link,
#divGradeDetails ul a.k-link,
#divCourseRequestDetails ul a.k-link {
    background-color: var(--brand-main-backgroundcolor-indicator) !important;
    display: flex;
    color: var( --global-text-light) !important;
    border-radius: var(--global-border-radius);
    height: var(--space-40px);
    box-shadow: none !important;
    background-image: none;
}

.approval_center__panel-section ul li.k-active .k-link,
#divApplicantFormDetail ul li.k-active .k-link,
#divHBIncidentsDetails ul li.k-active .k-link,
#divGradeDetails ul li.k-active .k-link,
#divCourseRequestDetails ul a.k-link {
    border-radius: var(--global-border-radius) var(--global-border-radius) var(--space-0px) var(--space-0px);
}

.approval_center__panel-section ul.k-panelbar > .k-item,
.approval_center__panel-section ul.k-panelbar > .k-panelbar-header,
#divApplicantFormDetail ul.k-panelbar > .k-item,
#divHBIncidentsDetails ul.k-panelbar > .k-panelbar-header,
#divGradeDetails ul.k-panelbar > .k-panelbar-header,
#divCourseRequestDetails .k-panelbar {
    border: none;
}

.approval_center__panel-section ul li.k-item,
#divApplicantFormDetail ul li.k-item,
#divHBIncidentsDetails ul li.k-item,
#divGradeDetails ul li.k-item {
    background: var( --brand-default-light-background);
    margin-bottom: var(--space-10px);
    border-radius: var(--global-border-radius);
}

.approval_center__panel-section ul li.k-item .k-content.k-panelbar-content,
#divApplicantFormDetail ul li.k-item .k-content.k-panelbar-content,
#divHBIncidentsDetails ul li.k-item .k-content.k-panelbar-content,
#divGradeDetails ul li.k-item .k-content.k-panelbar-content,
#divCourseRequestDetails ul li.k-item .k-content.k-panelbar-content, 
#divCourseRequestDetails .k-panelbar .k-panelbar-header,
#divCourseRequestDetails .k-panelbar {
    border-radius: var(--global-border-radius);
}

.approval_center__panel-section ul li .app-kgrid__container,
#divApplicantFormDetail ul li .app-kgrid__container,
#divHBIncidentsDetails ul li .app-kgrid__container {
    padding: var(--space-20px);
}
#divHBIncidentsDetails .k-panelbar-item-text,
#divGradeDetails .k-panelbar-item-text {
    padding-left: var(--space-8px);
}
.approval_center__panel-section ul,
#divApplicantFormDetail ul,
#divHBIncidentsDetails ul,
#divGradeDetails ul{
    display: flex;
    background: transparent;
    flex-direction: column;
    border: none;
}

    .approval_center__panel-section ul .k-link .k-icon.k-panelbar-expand:before,
    #divApplicantFormDetail ul .k-link .k-icon.k-panelbar-expand:before,
    #divHBIncidentsDetails ul .k-link .k-icon.k-panelbar-expand:before,
    #divGradeDetails ul .k-link .k-icon.k-panelbar-expand:before,
    .approval_center__panel-section ul .k-link .k-icon.k-panelbar-collapse:before,
    #divApplicantFormDetail ul .k-link .k-icon.k-panelbar-collapse:before,
    #divHBIncidentsDetails ul .k-link .k-icon.k-panelbar-collapse:before,
    #divGradeDetails ul .k-link .k-icon.k-panelbar-collapse:before {
        content: "";
        position: absolute;
        background-image: url(../Images/AdminPlus/white-arrow.svg);
        background-position: right 0px top var(--space-5px) !Important;
        background-repeat: no-repeat;
        height: var(--space-20px);
        width: var(--space-15px);
        background-size: var(--space-15px);
    }

    .approval_center__panel-section ul .k-link .k-icon.k-panelbar-collapse:before,
    #divApplicantFormDetail ul .k-link .k-icon.k-panelbar-collapse:before,
    #divHBIncidentsDetails ul .k-link .k-icon.k-panelbar-collapse:before,
    #divGradeDetails ul .k-link .k-icon.k-panelbar-collapse:before {
        transform: rotate(180deg);
    }

    .approval_center__panel-section ul .k-link .k-icon.k-panelbar-collapse,
    .approval_center__panel-section ul .k-link .k-icon.k-panelbar-expand {
        right: var(--space-5px);
    }

.approval__center .app__tabstrip ul.k-reset.k-tabstrip-items,
.approval__center .app__tabstrip ul.k-reset.k-tabstrip-items:last-child:after {
    background: transparent !important;
}

.approval__center .app__tabstrip .k-tabstrip .k-content.k-active {
    padding: var(--space-0px);
}
/*navbar*/
approval-heading-cntr .nav-tabs > li.active > a,
.approval-heading-cntr .nav-tabs > li.active > a:hover .approval-heading-cntr .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border-bottom: 3px solid var(--global-light-color-indicator);
    color: var(--global-text-color);
    font-weight: 600 !important;
    border-left: none;
    border-right: none;
    border-top: none;
    text-transform: capitalize;
    font-family: var(--global-font-family-regular);
}

.approval-heading-cntr .navbar-collapse {
    background: var(--brand-default-light-background);
}

.approval-heading-cntr .nav-tabs > li > a {
    color: var(--global-text-color);
    text-transform: capitalize;
    font-family: var(--global-font-family-regular);
}

.approval-heading-cntr .nav-tabs > li > a {
    background-color: transparent;
    color: var(--global-text-color);
    padding: 18px var(--space-0px) 1px var(--space-0px) !important;
    margin: var(--space-0px) var(--space-0px) 13px var(--space-0px);
    border: var(--space-0px);
    border-radius: var(--space-0px);
    border-bottom: 3px solid transparent;
    font-weight: 500 !important;
    cursor: pointer;
}

.approval-heading-cntr .nav-tabs > li:first-child {
    margin-left: var(--space-15px);
}

.approval-heading-cntr .nav-tabs > li > a:hover {
    background-color: transparent;
    border-bottom: 3px solid var(--global-light-color-indicator);
    color: var(--global-text-color);
    border-left: none;
    border-right: none;
    border-top: none;
}

.approval-heading-cntr .nav-tabs > li {
    padding-left: var(--space-10px);
    padding-right: var(--space-20px);
}

.approval-heading-cntr .collapse {
    display: block;
}
/*Approval center screen*/
.approval-center-page .nav-tabs > li > a:hover {
    background-color: transparent;
    border-bottom: 3px solid var( --global-light-color-indicator);
    color: var(--global-text-color);
    cursor: pointer;
}

.approval-center-page .nav-tabs > li > a {
    background-color: transparent;
    color: var(--global-text-color);
    padding: var(--space-15px) var(--space-0px) 1px var(--space-0px) !important;
    margin: var(--space-0px) var(--space-0px) 13px var(--space-0px);
    border: var(--space-0px);
    border-radius: var(--space-0px);
    -moz-border-radius: var(--space-0px);
    border-bottom: 3px solid transparent;
    font-weight: var(--gloabl-default-font-weight) !important;
    cursor: pointer;
    font-size: var(--global-text-size);
}

.approval-center-page .nav-tabs > li.active > a,
.approval-center-page .nav-tabs > li.active > a:hover,
.approval-center-page .nav-tabs > li.active > a:focus {
    background-color: transparent;
    border-bottom: 3px solid var( --global-light-color-indicator);
    color: var(--global-text-color);
    font-weight: var(--gloabl-bold-font-weight) !important;
}

.approval-center-page.nav-tabs {
    border-bottom: var(--space-0px);
    background: var(--brand-default-light-background);
    padding-left: var(--space-15px);
    min-height: var(--space-50px);
    align-items: center;
}

    .approval-center-page .nav-tabs > li {
        margin-right: 22px;
        margin-bottom: var(--space-0px);
    }

        .approval-center-page .nav-tabs > li > a {
            display: block;
            text-decoration: none;
        }

.student__staff__selection .app__toggle .app__togglebutton .layer {
    max-width: 160px;
}

.student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'Staff';
    right: var(--space-40px);
    font-size: var(--global-text-size);
    opacity: 1;
}

.student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    left: var(--space-80px);
    background-color: var(--brand-default-light-background);
    width: var(--space-75px);
    opacity: 1;
}

.student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:before {
    width: 85px;
}

.student__staff__selection .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    left: -2px;
}

.right__section-inner-content .form-approve, .right__section-inner-content .form-print, .right__section-inner-content .form-delete {
    z-index: 2;
}

.generic__formtabstrip .k-icon-button.k-tabstrip-next {
    width: 38px;
    background: var(--brand-tabs-component-background) !important;
    border-left: 1px solid var(--global-border-light) !important;
    right: var(--space-0px);
}

.generic__formtabstrip .k-icon-button.k-tabstrip-prev {
    width: 38px;
    background: var(--brand-tabs-component-background) !important;
    border-right: 1px solid var(--global-border-light) !important;
    left: var(--space-0px);
}

.generic__formtabstrip .k-icon-button.k-tabstrip-next {
    border-left: none !important;
    border-radius: var(--global-border-radius) var(--space-0px) var(--space-0px) var(--space-0px) !important;
    top: -1px !important;
}

.generic__formtabstrip .k-icon-button.k-tabstrip-prev {
    border-right: none !important;
    border-radius: var(--space-0px) var(--global-border-radius) var(--space-0px) var(--space-0px) !important;
    top: -1px !important;
}

.generic__formtabstrip .k-i-arrow-60-right:before {
    top: 2px;
    content: "\e005";
    color: var(--global-text-light);
}

.generic__formtabstrip .k-i-arrow-60-left:before {
    top: 2px;
    content: "\e007";
    color: var(--global-text-light);
}

.app__menubar .side__menubar li.sidemenu__more .moreoption__list li:hover {
    background: var(--global-text-color);
}

.main-content-cntnr.approval__center {
    height: calc(var(--app-height) - (var(--header-height) + 60px + 30px));
    border: 1px solid var(--global-border-light) !important;
}
#divGradesHoldingBinTab #divGradesLockBtn button .app-primary-btn__img, #divGradesHoldingBinTab #divGradesUnlockBtn button .app-primary-btn__img { height:var(--space-16px) !important; }
#divGradesHoldingBinTab #divGradesSettingsInfo .setting-info__box .forms-name-right-container .seperation__line { height:41px; }
#gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 480px) !important;
}
.approval__center.min-max-width #divPeriodAttendanceHoldingBinTab.collapsed__div .hamburger-menu,
.approval__center.min-max-width #divDailyAttendanceHoldingBinTab.collapsed__div .hamburger-menu {
    top: -6px;
}
.approval__center.min-max-width #divPeriodAttendanceHoldingBinTab.collapsed__div .collapse__text,
.approval__center.min-max-width #divDailyAttendanceHoldingBinTab.collapsed__div .collapse__text {
    top: 2px;
}
/*approval center*/
/*------------styles-for-warning-pop-up-starts----------------*/
.modal-content {
    overflow: hidden;
    font-size: var(--global-text-size-xxl) !important;
}

.modal-body {
    overflow-x: auto;
}

.modal-header .close {
    color: var(--global-text-light);
    opacity: .7;
    line-height: 36px;
    cursor: pointer;
}

.modal-header .modal-title {
    font-size: var(--global-text-size-xxl) !important;
}

.modal-footer button.btn.lnk-btn {
    background: none;
    border: none;
}

.modal-header .close:hover {
    opacity: 1;
}

.modal-header i {
    font-size: var(--global-text-size-xxxxxxl);
    position: relative;
    top: 3px;
    margin: var(--space-0px) 6px var(--space-0px) var(--space-0px);
}

.pop-warning .modal-header {
    color: var(--global-text-light);
    background: var( --brand-main-backgroundcolor-indicator);
    display: flex;
    flex-direction: row-reverse;
    height: var(--space-50px);
}

.modal-body p {
    font-size: var(--global-text-size-sm);
    margin: var(--space-0px) var(--space-0px) var(--space-8px);
}

.hidden {
    display: none;
}
/*------------styles-for-warning-pop-up-ends----------------*/
/* Approval center - Dropdown Starts*/
.approval-center-more:hover .moreoption__list {
    display: block;
}

.approval-center-more .moreoption__list {
    max-height: var(--space-300px) !important;
}

.right__section-inner-content .approval_center__panel-section {
    height: calc(100vh - 332px);
    overflow-y: auto;
    overflow-x: hidden;
}

.approval_center__panel-section ul li.k-item:nth-child(4) {
    margin-bottom: var(--space-0px);
}

.approval__online-forms .right__section-inner-content .approval_center__panel-section {
    height: calc(100vh - 344px) !important;
}
.approval-admissions-page .approval__online-forms .right__section-inner-content .approval_center__panel-section {
    height: calc(100vh - 313px) !important;
}
/* Approval center - Dropdown Ends*/
.dashboard__chart .k-i-close:before {
    background-image: url(../Images/AdminPlus/close-white.svg) !important;
}

#divSnapshotScheduler ul li span:first-child {
    min-width: var(--space-100px);
}

#divSnapshotScheduler ul li {
    display: flex;
    min-height: 51px;
}
/*atte-box style starts*/
.atte-box .with-border {
    border-bottom: 1px solid var(--global-input-border-color);
}

.atte-box h4.attendance-staus {
    font-size: var(--global-text-size-xxl) !important;
    line-height: var(--space-15px);
}

.atte-box .status-def img {
    width: 14px;
}

.atte-box.attendance-code-status {
    height: 85px;
}
/*atte-box style ends*/
/*excel-wizard style*/
.demographic-id {
    width: var(--space-25px);
    display: inline-block;
    text-align: right;
}

.demographic-name {
    margin-left: var(--space-5px);
    display: inline-block;
}

.excelwizard__section .app__sidebar .single-student__filter__box {
    height: var(--excel-wizard-filter-box-height);
    border-top: none;
}

.excelwizard__section .app__sidebar .leftbox__grid .k-grid-content {
    height: calc( var(--app-height) - (var(--header-height) + var(--excel-wizard-filter-box-height) + var(--app-menubar-height))) !important;
    overflow-y: auto !important;
}

.excelwizard__container .app-card {
    height: inherit !important;
}

.excelwizard__section #excel-wizard__mode {
    overflow-y: auto;
    width: calc(100% - 300px);
    overflow-x: hidden;
    height: calc(var(--app-height) - var(--header-height) - 56px);
}

.w-260 {
    width: 260px !important;
}

.excelwizard__section #excel-wizard__mode .app-card {
    height: auto;
}

.excelwizard__container .app-radio label {
    margin-right: var(--space-10px) !important;
}

.excelwizard__container .seperation__line {
    margin: var(--space-0px) var(--space-20px);
    height: var(--space-35px);
    background: var(--global-standard-grey-border);
}

.include-feild-w-auto .include-DB-field, #divDemographic .tab-width-100 {
    width: auto !important;
}

.include-DB-field .checkbox-label {
    align-items: start !important;
}

.row-one-include-fields .excelwizard-student-leftside {
    width: 505px !important;
}

.student-povit-table .excelwizard-student-leftside {
    width: 135px !important;
}

.student-povit-table .excelwizard-student-rightside {
    width: calc(100% - 135px);
}

#divDemographic .excelwizard-multi-student-select-row {
    display: block !important;
}

.relationship {
    width: 345px;
    border-radius: var(--space-0px) !important;
}

.relationship-block .relationship th:first-child {
    border-radius: var(--global-border-radius) var(--space-0px) var(--space-0px) var(--space-0px) !important;
    box-shadow: none !important;
    vertical-align: middle;
}

.relationship-block .relationship th:last-child {
    border-radius: var(--space-0px) var(--global-border-radius) var(--space-0px) var(--space-0px) !important;
    padding-left: var(--space-5px) !important;
    box-shadow: none !important;
}

.relationship-block .relationship .k-grid tbody td:first-child {
    overflow: inherit !important;
}

.relationship-block .relationship .k-grid tbody td,
.relationship-block .relationship th:last-child {
    border-left-width: var(--space-0px) !important;
}

    .relationship-block .relationship .k-grid tbody td:last-child {
        padding-left: var(--space-5px) !important;
    }

.excelwizard__container form {
    height: 100%;
    background: var(--brand-component-secondary-background);
    border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius);
}

.dotsbtn.app-button {
    min-width: var(--space-35px)!important;
}

.app-laptop-text-left {
    text-align: left;
}

.excelwizard__section .excelwizard-multi-student-select-row .left-right__arrows {
    padding: var(--space-10px) !important;
}

.excelwizard__container .app-card-body .card-topbg {
    background: var( --brand-component-primary-background);
    padding: var(--space-10px) var(--space-20px);
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two));
}

.excelwizard__container .app-card-body {
    background: var(--brand-component-secondary-background);
    padding: var(--space-10px) var(--space-20px);
    border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius);
}

    .excelwizard__container .app-card-body .card-inner .card__headline {
        letter-spacing: 0.18px;
    }

    .excelwizard__container .app-card-body .card-inner__container {
        border: 1px solid var(--global-login-border);
    }

        .excelwizard__container .app-card-body .card-inner__container .info-icon {
            width: var(--space-16px);
        }

.excelwizard__section .app__dropdown .k-dropdownlist {
    width: inherit !important;
}

.excelwizard-multi-student-select-row input[type=number]::-webkit-inner-spin-button,
.excelwizard-multi-student-select-row input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: var(--space-0px);
}

.excelwizard-multi-student-select-row .app-table .k-header {
    border-radius: var(--space-0px);
}
/*excel-wizard style*/
/*Overview-Approval center UI*/
.ellipse__box {
    background: var(--brand-penalty-first-color);
    padding: var(--space-0px) var(--space-10px);
    height: var(--space-24px);
    border-radius: var(--space-12px);
    -moz-border-radius: var(--space-12px);
    min-width: var(--space-40px);
    line-height: var(--space-24px);
}

.app-ellipse.height-250 {
    height: var(--space-250px);
}

.ellipse__container .diagram-flow {
    width: 33%;
}

.diagram-flow .corr-required-text {
    left: -150px;
    width: var(--space-400px);
    top: var(--space-5px);
}

.col-approve-delete .ellipse-approved,
.col-admission-approve-delete .ellipse-approved {
    margin-top: 125px;
}

.approval-center-dashboardtiles {
    min-width: 453px !important;
    width: 25%;
    max-width: 453px;
}

    .approval-center-dashboardtiles .app-card {
        height: var(--space-300px);
    }

.app-ellipse .ellipse_yellow { background-color: var(--brand-grid-color-indicator-yellow); }
.app-ellipse .ellipse_blue { background-color: var(--brand-grid-color-indicator-blue); }
.app-ellipse .ellipse_green { background-color: var(--brand-grid-color-indicator-green); }
.app-ellipse .ellipse_red { background-color: var( --brand-grid-color-indicator-red); }
.app-ellipse .ellipse_grey { background-color: var( --brand-grid-color-indicator-grey); }
.app-ellipse .ellipse_pink { background-color: var( --brand-grid-color-indicator-pink); }
.app-ellipse .ellipse_orange { background-color: var( --brand-grid-color-indicator-orange); }

.app-ellipse .ellipse-small {
    padding: var(--space-0px) var(--space-10px);
    height: var(--space-24px);
    border-radius: var(--space-12px);
    -moz-border-radius: var(--space-12px);
    max-width: 66px;
    min-width: var(--space-45px);
    line-height: var(--space-24px);
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 9;
    letter-spacing: 0.8px;
    color: var(--global-text-color);
}

.app-ellipse .ellipse-large {
    padding: var(--space-0px) var(--space-10px);
    height: 44px;
    border-radius: var(--global-large-border-radius);
    -moz-border-radius: var(--global-large-border-radius);
    min-width: var(--space-65px);
    max-width: var(--space-70px);
    line-height: var(--space-40px);
    text-align: center;
    position: relative;
    z-index: 9;
    cursor: pointer;
    font-size: var(--global-text-size-xxxl);
    letter-spacing: 0.8px;
    color: var(--global-text-color);
}

@keyframes blink {
    0% {
        box-shadow: 1px 0px 3px 1px var(--global-box-shadow-color);
        border: 1px solid var(--brand-grid-color-indicator-blue);
    }

    50% {
        box-shadow: none;
        border: 1px solid var(--brand-grid-color-indicator-blue);
    }

    75% {
        box-shadow: 1px 1px var(--space-8px) 3px var(--global-capsule-shadow-color);
        border: 1px solid var(--global-dimlight-navyblue-border);
    }

    100% {
        box-shadow: 1px 1px 3px 0px var(--global-capsule-shadow-color);
        border: 1px solid var(--global-dimlight-navyblue-border);
        filter: blur(0.3px);
    }
}
/* need to remove later*/
@keyframes stop-blink {
    0% {
        box-shadow: none !important;
        border: none !important;
    }

    100% {
        box-shadow: none !important;
        border: none !important;
    }
}

.coming-soon-toggle .cs-icon {
    right: var(--space-0px);
    top: -3px;
    position: absolute;
    z-index: 9;
}

.coming-soon-toggle .toggle__knobs:after {
    right: var(--space-32px) !important;
}

#divReportCards .k-tabstrip-items .k-tabstrip-item:last-child {
    display: none;
}

    #divReportCards .k-tabstrip-items .k-tabstrip-item:last-child .k-link {
        text-align: left;
    }

.app-ellipse .ellipse-small.sub__caps {
    animation: blink 900ms linear infinite;
}

    .app-ellipse .ellipse-small.sub__caps.stop-blink {
        animation: stop-blink 900ms linear infinite !important;
    }


.col-approve-delete:before {
    content: "";
    position: absolute;
    left: -105px;
    background-image: url(../Images/AdminPlus/arrow-two-side-curved.svg);
    height: 190px;
    width: 160px;
    background-repeat: no-repeat;
    top: 3px;
    background-size: 125px 190px;
    overflow: hidden;
}

.col-submitted:before {
    content: "";
    position: absolute;
    left: -57px;
    background-image: url(../Images/AdminPlus/arrow-straight.svg);
    height: var(--space-15px);
    width: 92px;
    background-repeat: no-repeat;
    top: var(--space-5px);
    background-size: 92px;
    overflow: hidden;
}

.col-admission-approve-delete:before {
    content: "";
    position: absolute;
    left: -246px;
    background-image: url(../Images/AdminPlus/arrow-two-side-curved-full-length.svg);
    height: 226px;
    width: 262px;
    background-repeat: no-repeat;
    top: -18px;
    background-size: 260px 230px;
    overflow: hidden;
}

.col-correction-req:before {
    content: "";
    position: absolute;
    left: -79px;
    background-image: url(../Images/AdminPlus/arrow-oneside-curved.svg);
    height: var(--space-75px);
    width: 120px;
    background-repeat: no-repeat;
    top: 6px;
    background-size: 115px;
    overflow: hidden;
}

.col__plus-approve:after {
    content: "";
    position: absolute;
    left: 61%;
    background-image: url(../Images/AdminPlus/arrow-straight-full-length.svg);
    height: var(--space-15px);
    width: 287px;
    background-repeat: no-repeat;
    top: var(--space-5px);
    background-size: var(--space-250px);
    overflow: hidden;
}

.approval-center-dashboardtiles .seperation__line {
    height: var(--space-25px);
}

.overview__screen {
    max-height: calc(var(--app-height) - (var(--header-height) + 50px));
    overflow-y: auto;
}

.approval-center-dashboardtiles .load-more {
    color: var(--brand-main-backgroundcolor-indicator);
}

.page__headerbar {
    background: var(--brand-default-light-background);
    height: var(--space-60px);
    border-bottom: 1px solid var(--brand-fade-highlight-background);
}

#tabstripSchool .page__headerbar {
    background: var(--brand-component-secondary-background);
}

.info-icon {
    opacity: var(--opacity-eight);
}

    .info-icon:hover {
        opacity: 1;
    }

.approval-formdropdown {
    top: var(--space-10px);
    height: var(--space-0px);
    z-index: 9;
}

.main-content-cntnr.min-max-width .approval-formdropdown {
    right: var(--space-0px);
    height: var(--space-0px);
    top: -27px;
}

.page__headerbar .back__arrow {
    width: var(--space-10px);
}

.page__headerbar .back__bluearrow {
    top: -2px;
}

.approval__center.min-max-width #divButtons .app-button.app-button__noname span {
    display: inline-block;
}

.student__staff__selection.dashboard .app__toggle .app__togglebutton .layer {
    max-width: 140px;
}

.student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    width: var(--space-55px)
}

.student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__knobs:after {
    right: var(--space-50px);
}
/*Overview-Approval center UI*/

.collapsed__left-top .collapse-box-responisve .student__data:first-child {
    padding-left: var(--space-20px) !important;
}

/*staff style*/
.multiple-staff__left-container {
    width: var(--space-300px);
    height: fit-content;
    background: var(--brand-default-light-background);
}

    .multiple-staff__left-container .attendance__box .attendance-value {
        min-width: 112px;
        max-width: 112px;
    }

    .multiple-staff__left-container .attendance__box .attendance-status {
        width: auto;
    }

    .multiple-staff__left-container .multi-addressfieldarea {
        min-height: 110px;
    }

    .multiple-staff__left-container .schedule__box.app-green__container ul li.active {
        padding: var(--space-8px) var(--space-10px) var(--space-5px) var(--space-12px) !important;
    }

    .multiple-staff__left-container .schedule__box.app-green__container ul li {
        padding: var(--space-8px) var(--space-10px) var(--space-5px) var(--space-10px) !important;
    }

        .multiple-staff__left-container .schedule__box.app-green__container ul li .teacher-name {
            width: 130px;
            display: inline-block;
        }

#divMultiStaffSnapshot .multiple-staff__left-container .app-card-body {
    padding: var(--space-15px) var(--space-0px) var(--space-15px) var(--space-0px) !important;
}

.multi-staff__box {
    background: var( --brand-container-darkblue-backgroud);
    width: var(--space-300px);
    min-height: var(--space-55px);
    height: fit-content;
}

#divMultipleStaffMode #divMultiStaffLookup .k-widget .lookup-name {
    float: left;
    width: calc(100% - 50px);
}

#divMultipleStaffMode #divMultiStaffLookup .k-widget .app-push-right {
    margin-right: var(--space-15px) !important;
}

#divMultipleStaffMode #divMultiStaffLookup .app-kgrid__container .contact__detail-link .lookup-icon {
    display: block;
    position: relative;
    bottom: -3px;
    left: -2px;
}

#divMultipleStaffMode #divMultiStaffLookup .app-kgrid__container .contact__detail-link .lookup-icon-hover,
#divMultipleStaffMode #divMultiStaffLookup .app-kgrid__container .contact__detail-link:hover .lookup-icon {
    display: none;
}

#divMultipleStaffMode #divMultiStaffLookup .app-kgrid__container .contact__detail-link:hover .lookup-icon-hover {
    display: block !important;
    position: relative;
    bottom: -1px;
}

#divMultipleStaffMode #divMultiStaffLookup .app-kgrid__container tr:hover .lookup-name {
    font-family: var(--global-font-family-semibold) !important;
    text-decoration: underline;
}

#divMultipleStaffMode {
    overflow-y: auto;
    width: calc(100% - 300px);
}

#divStaffDailyAttendance {
    background: var(--brand-component-secondary-background);
    padding-bottom: var(--space-30px);
}

#divStaffAttendance .tab-divListView {
    max-height: calc(100vh - 476px) !important;
    min-height: calc(100vh - 476px) !important;
    height: auto !important;
}

    #divStaffAttendance .tab-divListView.expanded {
        max-height: calc(100vh - 272px) !important;
        min-height: calc(100vh - 272px) !important;
        height: auto !important;
    }

.tab-divListView.expanded .dailyAttendance-tab .app-card-body {
    height: calc(100vh - 445px) !important;
}

#divStaffAttendance .dailyAttendance-tab .app-card-body {
    height: calc(100vh - 615px);
    overflow-y: auto;
}

#divStaffAttendance .tab-divListView.expanded .dailyAttendance-tab .app-card-body {
    height: calc(100vh - 410px) !important;
}

#divSingleStaffSnapshot .schedule__container:last-child {
    padding-right: var(--space-0px);
}

#divStaffAttendance #attendanceListview .gridheader__top {
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two)) !important;
    padding: var(--space-10px) var(--space-20px) var(--space-15px) !important;
}

/* -------------- Staff Toggle ----------------- */
.app__header #staffToggle .student__togglebutton .student__knobs:before {
    width: 90px
}

.app__header #staffToggle .student__togglebutton .student__knobs .app__singlestudent {
    width: var(--space-80px);
}

.app__header #staffToggle .student__togglebutton .layer, .app__header #staffToggle .student__togglebutton .student__knobs {
    max-width: 212px;
}

.app__header #staffToggle .student__togglebutton .student__checkbox:checked + .student__knobs:before {
    left: 96px;
    width: 112px;
}

.app__header #staffToggle .student__togglebutton {
    width: 190px;
}

#staffToggle .student__knobs:after {
    content: 'Multiple Staff';
}
/* -------------- End Staff Toggle ----------------- */
/*toggleswiches*/
.app__toggleswitches {
    background: var(--brand-dark-backgroundcolor-indicator);
    border-radius: var(--global-extra-large-border-radius);
    padding: var(--space-5px);
}

.toggle__switch {
    height: 28px;
    font-size: var(--global-text-size-lg);
    text-align: center;
    line-height: 1;
    transition: 0.3s ease all;
    border-radius: var(--global-large-border-radius);
    background: none;
    border: none;
    padding: var(--space-0px) var(--space-10px);
}

.toggle__switch.active {
    background: var(--brand-default-light-background);
    font-family: var(--global-font-family-semibold);
    color: var(--global-text-color) !Important;
}
/*toggleswiches*/
/*Start:Attendance top header*/
.attendance__left-width {
    width: fit-content;
    max-width: 30%;
}

.attendance__right-width {
    width: calc(100% - 30%);
}

#divDailyAttendance .grid__headline {
    width: 50%;
}
/*End:Attendance top header*/
/*more ifo button*/
.btn__moreinfo button .dots {
    font-size: var(--global-text-size-xxxxxxxxl);
    line-height: 0;
    letter-spacing: -2px;
    position: relative;
    top: 1px;
    height: var(--space-20px);
    display: block;
}

.btn__moreinfo button {
    border: none;
    width: var(--space-40px);
    font-size: var(--global-text-size-xxxxxxxl);
    height: 38px;
}
/*more info button*/
/*Staff Daily Attendance Starts*/
#tabstripAttendance .k-tabstrip-content {
    padding: var(--space-0px);
}

#gridDailyAttendanceList.app-kgrid__container .k-grid-content {
    height: calc(100vh - 610px) !important;
}

.tab-divListView.expanded .dailyAttendance-tab #gridDailyAttendanceList.app-kgrid__container .k-grid-content {
    height: calc(100vh - 410px) !important;
}

#divStaffDailyAttendance #gridDailyAttendanceListStaff.app-kgrid__container .k-grid-content {
    height: calc(100vh - 580px) !important;
}

#divStaffDailyAttendance.tab-divListView.expanded .dailyAttendance-tab #gridDailyAttendanceListStaff.app-kgrid__container .k-grid-content {
    height: calc(100vh - 375px) !important;
}
/*Staff Daily Attendance Ends*/
/*Period Attendance Starts*/
.app-kgrid__container#gridPeriodAttendance .app-kgrid__expanded-container .k-grid-header .k-header:not(:last-child):before {
    background: none !important;
}
/*Period Attendance Ends*/
/************Inline style moved**************/
.approval-center__left-details__container,
.approval-center__right-details__container {
    min-height: var(--space-40px);
}

.list-contacts-sections__container, .list-portfolio-section, .list-superdb-details {
    min-height: var(--space-70px);
}

.selected-value {
    top: var(--space-5px);
}
/************Inline style moved**************/

/* ---------------- Portfolio Add/Edit Modal ----------------- */
#divPortfolioAddEdit {
    overflow: initial;
}

#portfolio_Controls [class*="col-"], #divChargesAddEdit [class*="col-"], #divPaymentsAddEdit [class*="col-"], #divAdvancePaymentsAddEdit [class*="col-"] {
    flex: 0 0 auto !important;
}

#divPortfolio .divContactViewPopup {
    z-index: 999;
}

    #divPortfolio .divContactViewPopup .contact-popup__triangle {
        margin-left: -3px;
    }

#divPortfolioAddEdit .app__datepicker {
    width: 320px !important;
}

#portfolio_Controls .app__dropdown .k-dropdownlist {
    width: 100% !important;
    height: var(--space-35px) !important;
}

#AddNewCategory button {
    padding: 6px 17px;
}

#divPortfolioAddEdit .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before {
    width: var(--space-0px);
}

#divPortfolioAddEdit .category-dropdown-wrap {
    width: calc(100% - 16.66666667% - 123px);
}

#divPortfolioAddEdit .category-dropdown {
    width: 100% !important;
}

    #divPortfolioAddEdit .category-dropdown .k-input-inner {
        padding-left: var(--space-0px);
    }

        #divPortfolioAddEdit .category-dropdown .k-input-inner .k-input-value-text {
            text-indent: initial;
            line-height:var(--space-16px);
        }

#divPortfolioAddEdit .pl-17 {
    padding-left: 17px !important;
}

#portfolio_Controls {
    max-height: 71vh;
    overflow: auto;
}

.app-kgrid__container .k-button.add-category {
    background-color: var(--brand-main-backgroundcolor-indicator) !important;
    align-items: center;
    padding: var(--space-20px) var(--space-15px) !important;
    position: fixed;
    top: 69px;
    right: 135px;
}

    .app-kgrid__container .k-button.add-category:hover {
        background-color: var(--brand-dark-backgroundcolor-indicator) !important;
    }

#PortfolioCategoryGrid .k-grid-content table tr:last-child td {
    border-bottom: none !important;
}

#PortfolioCategoryGrid .k-grid-content table {
    border: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
}

    #PortfolioCategoryGrid .k-grid-header th:nth-child(2), #PortfolioCategoryGrid .k-grid-header {
        border-top-left-radius: var(--global-border-radius);
    }

    #PortfolioCategoryGrid .k-grid-header th:last-child, #PortfolioCategoryGrid .k-grid-header {
        border-top-right-radius: var(--global-border-radius);
    }

    #PortfolioCategoryGrid .k-grid-header .k-grid-header-wrap {
        border: none !important;
    }

#PortfolioCategoryGrid .k-grid-content td:last-child button {
    padding-right: var(--space-0px) !important;
    padding-left: var(--space-15px) !important;
}
#PortfolioCategoryGrid.app-kgrid__container .k-master-row.k-grid-edit-row td{
    padding:var(--space-0px);
}
#PortfolioCategoryGrid .k-grid-content td:last-child button > span {
    height: 22px;
}

#PortfolioCategoryGrid .k-grid-content td .k-button-solid-primary {
    background: transparent !important;
    color: var(--global-text-color) !important;
}

#divPortfolioAddEdit .app-file-browse {
    margin-left: -2px;
}

    #divPortfolioAddEdit .app-file-browse .file-placeholder {
        height: var(--space-35px);
    }

#divPortfolioAddEdit .k-file-group-wrapper .k-file-group, #divPortfolioAddEdit .k-file-invalid-group-wrapper .k-file-group, #divPortfolioAddEdit .k-multiple-files-group-wrapper .k-file-group, #divPortfolioAddEdit .k-multiple-files-invalid-group-wrapper .k-file-group {
    font-size: 27px;
}

#divPortfolioAddEdit .app-file-browse .k-upload-files {
    top: 1px !important;
}

    #divPortfolioAddEdit .app-file-browse .k-upload-files .k-file {
        align-items: center;
    }

#divPortfolioAddEdit .k-upload .k-progressbar {
    bottom: 3px;
}

#divPortfolioAddEdit .app-file-browse .k-upload-files .k-upload-status {
    top: -2px !important;
}

#divPortfolioAddEdit .app-file-browse .k-dropzone .k-upload-button {
    background: var(--brand-main-backgroundcolor-indicator) !important;
    padding: var(--space-5px) var(--space-12px) !important;
}

#divPortfolioAddEdit .app-file-browse .file-placeholder {
    padding-top: 7px;
}

#divPortfolioAddEdit .app-file-browse .k-progressbar {
    background-color: transparent;
}

#divPortfolioAddEdit .app-file-browse span.k-i-cancel {
    display: none;
}

#divPortfolioAddEdit .app-file-browse .k-file-name-size-wrapper .k-file-name {
    padding-right: var(--space-10px);
}

.k-window-titlebar .k-button.k-active::before, .k-button:active::before {
    opacity: 0;
}

.k-window-titlebar .k-button-flat::after, .k-button.k-button-clear::after {
    box-shadow: none;
}

#divPortfolioAddEdit .k-dropzone .k-dropzone-hint {
    line-height: var(--space-35px);
}
/* ---------------- End - Portfolio Add/Edit Modal ----------------- */
/* ---------------- End - Portfolio Add/Edit Modal ----------------- */
/************Inline style moved**************/
#EditDailyAttendance .edit__labelcol,
#EditDailyAttendanceView .edit__labelcol {
    width: 13%;
}

#EditDailyAttendanceView .app__dropdown.edit__fieldcol .k-input-inner {
    padding: 6px var(--space-12px) !important;
}

.app__dropdown.edit__fieldcol, .app__dropdown.edit__fieldcol .k-dropdownlist, .app__dropdown.edit__fieldcol .k-dropdownlist:hover {
    width: 320px !important;
}
.app__dropdown.edit__fieldcol.app-w-auto, .app__dropdown.edit__fieldcol .k-dropdownlist.app-w-auto, .app__dropdown.edit__fieldcol .k-dropdownlist.app-w-auto:hover {
    width: auto !important;
}
.app-input.edit__timecol input {
    width: 130px !important;
    position: relative;
}

.app-input.edit__timecol input {
    background-image: url(../Images/AdminPlus/clock-black.svg);
    background-repeat: no-repeat;
    background-position: 91% var(--space-12px);
    content: "";
    transition: all ease 0.3s;
    border: 1px solid var(--global-dropdown-border) !important;
}

.app-kgrid__container .k-master-row.highlighted-row, .app-kgrid__container .k-alt.k-master-row.highlighted-row {
    background-color: rgba(var(--brand-table-row-background), var(--opacity-three)) !important;
}
/************Inline style moved**************/
/*Border radius for bottom left and right corners*/
.ap-border-radius-bottom-left-right {
    border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius);
}

.tab-content.app-grid-container.bordered {
    border: 1px solid var(--global-border-light) !important;
}
/*approval center plusportal*/
.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:before {
    width: 85px;
}

.student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    left: 85px;
    background-color: var(--brand-default-light-background);
    width: 90px;
    opacity: 1;
}

.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    left: -2px;
}

.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'Contacts';
    right: var(--space-15px);
    font-size: var(--global-text-size-lg);
    opacity: 1;
}

.approval_center__panel-section.demographic__panel ul .k-link .k-icon.k-panelbar-collapse:before,
.approval_center__panel-section.demographic__panel ul .k-link .k-icon.k-panelbar-expand:before {
    content: none;
}

.approval_center__panel-section.demographic__panel {
    height: calc(100vh - 330px);
    overflow: auto;
    margin-top: var(--space-10px);
}
/*approval center plusportal*/
#divLinkedStudentsGridWindow .app__dropdown,
#divLinkedStudentsGridWindow .app__dropdown .k-dropdownlist,
#divLinkedStudentsGridWindow .app__dropdown .k-dropdownlist:hover,
#divLinkedStudentsGridWindow .app__dropdown .k-dropdownlist:active,
#divLinkedStudentsGridWindow .app__dropdown .k-dropdownlist:focus,
#divLinkedStudentsGridWindow .app__dropdown .k-dropdownlist:visited {
    width: 140px !important;
}
/*temp code*/
#divEditApprovalCenter {
    padding: var(--space-0px) var(--space-20px) var(--space-20px) var(--space-20px);
}
/*temp code*/
/*approval center generic style*/

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items {
    position: absolute;
    top: -10px;
    left: var(--space-10px);
    background: var(--brand-default-light-background) !important;
    height: auto;
    width: 180px;
    z-index: 9;
    border: 1px solid var(--global-input-border-color) !important;
    border-radius: var(--global-border-radius);
    padding: var(--space-10px) var(--space-0px);
}

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList {
    background: transparent !important;
    border: none !important;
    margin: var(--space-0px) !important;
    padding: var(--space-0px);
    width: 100%;
}

    .approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList span {
        color: var(--global-text-color) !important;
        background: none !important;
        display: initial;
        text-align: left;
        height: 37px;
    }

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.k-active {
    background-color: rgba(var(--brand-table-row-background), var(--opacity-one)) !important;
    border-radius: var(--space-0px) !important;
}

.approval__center .generic-left__section .k-tabstrip .k-content {
    padding: var(--space-0px);
    margin: var(--space-0px);
    background: var(--brand-component-secondary-background) !important;
}

.approval__center .left__section .k-grid-content {
    height: calc(100vh - 381px) !important;
}

.approval__center.min-max-width .left__section .k-grid-content {
    height: calc(100vh - 361px) !important;
}

/*.approval__center .left__section.app__tabstrip ul.k-reset.k-tabstrip-items {*/
.approval__center .generic-left__section.app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: var(--space-0px) !important;
    z-index: 1;
}

    .approval__center .generic-left__section.app__tabstrip ul.k-reset.k-tabstrip-items:after {
        content: none;
    }

.approval__center .generic-left__section.app__tabstrip .k-tabstrip-items .k-link {
    width: auto;
    padding: 7px var(--space-25px) var(--space-0px) var(--space-25px) !important;
}

.approval__center .generic-left__section .app-kgrid__container .k-grid-content table {
    width: 100% !important;
}

.approval__center .generic-left__section .generic__formtabstrip {
    border: none !important;
}

.approval__center .reset__column .img-reset {
    position: absolute;
    left: -20px;
    top: 7px;
    width: var(--space-16px);
}

.approval__center .info__column .plus__info {
    width: var(--space-16px);
    height: var(--space-16px);
}

.app__tooltip .dropdown-menu li a, .app__tooltip .dropdown-menu li a:hover {
    padding: var(--space-0px) !important;
    font-size: var(--global-text-size-xs);
    text-align: left;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight) !Important;
    color: var(--global-text-color);
    background-color: var( --tooltip-bg-color)!important;
    display: block;
    text-decoration: none;
}

    .app__tooltip .dropdown-menu li a.app-text-end {
        text-align: end !important;
    }

.tooltip__popup__triangle {
    position: relative;
}

    .tooltip__popup__triangle:before {
        position: absolute;
        z-index: 99999999999;
        margin-top: -2px;
        border-top: var(--space-8px) solid transparent;
        border-bottom: var(--space-8px) solid transparent;
        border-left: var(--space-8px) solid var(--tooltip-bg-color);
        content: "";
        left: var(--space-30px);
        transform: rotate(270deg);
    }

    .tooltip__popup__triangle:after {
        position: absolute;
        z-index: 999;
        margin-top: -3px;
        border-top: var(--space-8px) solid transparent;
        border-bottom: var(--space-8px) solid transparent;
        border-left: var(--space-8px) solid var(--global-border-dark);
        content: "";
        left: var(--space-30px);
        transform: rotate(270deg);
    }

.app__tooltip .dropdown-menu {
    background-color: var( --tooltip-bg-color);
    box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
}

    .app__tooltip .dropdown-menu li {
        border-bottom: none !important;
    }

.app__tooltip.app__dropdownmenulist .dropdown-menu {
    width: auto !important;
}

.app__tooltip.app__dropdownmenulist .dropdown-menu {
    margin-top: 9px !important;
}
/*approval center generic style*/
.plusportal-more-option {
    right: var(--space-10px);
}

.att-popup__btn .k-datepicker:before {
    background-image: url(../Images/AdminPlus/calendar-black.svg) !important;
    background-repeat: no-repeat;
    background-size: 22px;
    width: var(--space-24px);
    height: 100%;
    content: " " !important;
    right: var(--space-12px);
    position: absolute;
    top: var(--space-0px);
    background-position: center !Important;
}

.att-popup__btn .k-datepicker {
    height: var(--space-35px);
    border-top-right-radius: var(--global-border-radius) !important;
    border-bottom-right-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-input-border-color) !important;
    border-top-left-radius: var(--global-border-radius) !important;
    border-bottom-left-radius: var(--global-border-radius) !important;
}

.plusportal-more-option {
    right: var(--space-25px);
}

/***********Approval Center -> Daily Attendance on Collpase Starts************/
.approval__center.min-max-width .attendance__header-colapse-position {
    position: absolute;
    right: var(--space-15px);
    top: 74px;
}

.approval__center.min-max-width #divDailyAttendanceTabstripBin .generic__formtabstrip ul.k-reset.k-tabstrip-items {
    height: 135px;
}
/***********Approval Center -> Daily Attendance on Collpase Ends************/
.tab-multi-students-scroll {
    height: calc(100vh - 460px);
    overflow-y: auto;
    overflow-x:hidden;
}

.edit-approval-center-data {
    width: var(--space-250px);
}

input.input-bdr.form-control, .edit-approval-center-data .k-combobox {
    border: 1px solid var(--global-dropdown-border) !important;
}

    .edit-approval-center-data .k-combobox .k-input-inner {
        border: none;
        padding-left: var(--space-0px);
    }


#divDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:after, #divStaffDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:after {
    right: var(--space-15px);
}

.k-animation-container.demographic__dropdown .k-list .k-list-optionlabel {
    display: none;
}

.edit-acd-dropdown .k-input-inner {
    padding-left: 3px;
}

.edit-acd input.form-control {
    padding-left: var(--space-8px);
    width: var(--space-250px);
}

.error-acd {
    color: hsl(0, 71%, 51%);
    font-size: var(--global-text-size-xs);
    white-space: normal;
    line-height: var(--space-16px);
    text-transform: none !important;
}

#gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 490px) !important;
}

#gridDemographicsDetailsForApproved .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 435px) !important;
}

#divDemographicGridForApproved {
    max-height: calc(100vh - 355px);
}

.incident__comment-container {
    background-color: var(--brand-container-dark-background) !important;
    padding: 7px var(--space-20px);
}

.incidents-right-container div#divApplicantFormDetail {
    height: auto !important;
}

    .incidents-right-container div#divApplicantFormDetail #grdDemographicsDetails .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 605px);
    }

#divPlusPortalHoldingBinTab.app__tabstrip .k-tabstrip .k-content {
    border: 1px solid var(--global-ultra-lightish-grey-border) !important;
}

.plusportal-more-option img {
    width: var(--space-20px);
}

.approval__center.min-max-width #divPlusPortalHoldingBinTab.app__tabstrip .k-tabstrip .k-content {
    border: none !important;
}

#divPlusPortalHoldingBinTab .k-pager-sm .k-pager-numbers,
#divPlusPortalHoldingBinTab .k-pager-sm .k-pager-sizes {
    display: flex !important;
}

#divPlusPortalHoldingBinTab .k-pager-sm .k-pager-numbers-wrap select.k-dropdown {
    display: none !important;
}

#divPlusPortalHoldingBinTab .k-pager-sm .k-pager-numbers-wrap {
    width: auto;
    margin: var(--space-0px);
}

/**************Approval Center -> Plus Portals Right Section Demographics Panel Height Starts****************/
.approval__plus-portal .approval_center__panel-section.demographic__panel { height: auto; }
#gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 500px) !important; }
#gridDemographicsDetailsForApproved .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 435px) !important; }
#divDemographicGridForApproved { max-height: calc(100vh - 355px); }
/**************Approval Center -> Plus Portals Right Section Demographics Panel Height Ends****************/

/*******************Approval Center-> Daily Attendance-> Settings Popup Starts************/
#divAttendancesettings .app__dropdown .k-dropdownlist { height: var(--space-35px) !important; }
/*******************Approval Center-> Daily Attendance-> Settings Popup Ends************/

/***************Approval Center-> Period Attendance Settings Popup Starts**************/
.period__attendance-first-block, .period__attendance-second-block { border-bottom: 1px solid var(--global-standard-grey-border); }
.period__attendance-popup .multi-period__text { width: 13%; }
.period__settings-left-block { border: 1px solid var(--global-input-border-color); width: 445px; }
.period__attendance-popup .k-dropdownlist { border: 1px solid var(--global-input-border-color) !important; }
/***************Approval Center-> Period Attendance Settings Popup Ends**************/

/*****************Approval Center -> Period Attendance Starts******************/
.approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .generic__formtabstrip ul.k-reset.k-tabstrip-items {
    height: 135px;
}

.rotation__hover {
    top: 22px;
    left: 64px;
    z-index: 2;
}

.attendance-date__input button#Date {
    width: 100%;
    justify-content: left !important;
    height: var(--space-40px) !important;
    padding: var(--space-10px) var(--space-15px);
}

#gridPeriodAttendanceStudentsDetails .k-grid-content.k-auto-scrollable {
    overflow-y: hidden !important;
}

.generic-left__section .app-kgrid__container #gridPeriodAttendance .k-grid-header th.k-header:nth-last-child(2):before,
.generic-left__section .app-kgrid__container #gridDailyAttendance .k-grid-header th.k-header:nth-last-child(2):before,
.generic-left__section .app-kgrid__container #gridPlusPortalStudent .k-grid-header th.k-header:nth-last-child(2):before {
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
}

.approval_center__panel-section.gb__panel {
    height: calc(100vh - 300px);
    overflow: auto;
    margin-top: var(--space-10px);
}
/***************Approval Center-> Period Attendance Ends**************/
.tablegrid__row {
    height: var(--space-40px);
    padding: var(--space-16px) 18px var(--space-16px) var(--space-16px);
    border-bottom: 1px solid var(--global-penalty-summary-details-color);
}

    .tablegrid__row > div {
        display: inline-flex;
    }

.tablegrid__header {
    background: var(--brand-grid-odd-bg);
    width: 100%;
    height: var(--space-40px);
    padding: 7px var(--space-20px);
    border-bottom: 1px solid var(--global-penalty-summary-details-color);
}

/*******Attendance -> Enter Daily Attendance Starts**********/
.attendance__seperation__line {
    position: relative;
    margin: var(--space-0px) var(--space-20px);
    height: var(--space-80px);
    width: 1px;
    background: rgba(var(--global-border-dark-rgb), var(--opacity-six));
}

#EditDailyAttendanceView #imgSearch {
    top: var(--space-10px);
    left: var(--space-20px);
}

#EnterDailyAttendance .app__dropdown .k-dropdownlist {
    width: var(--space-300px) !important;
    height:var(--space-40px) !important;
}

#EditDailyAttendanceView #searchStudent {
    border: 1px solid var(--global-card-border);
}

.app__dropdown.edit__fieldcol.search__students-col {
    width: 93% !important;
}

#EditDailyAttendanceView .app__dropdown.edit__fieldcol.search__students-col input.k-input-inner {
    padding-left: var(--space-40px) !important;
}

.search__students-col:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/search-black.svg);
    background-position: left 11px top var(--space-10px) !Important;
    background-repeat: no-repeat;
    height: var(--space-35px);
    width: var(--space-40px);
}
/*******Attendance -> Enter Daily Attendance Ends**********/
/*******Attendance -> School-Daily Attendance Starts**********/
.greyline__seperator {
    border-left: 1px solid var(--global-standard-grey-border);
}

.school__day-atttendance .calendar__date {
    top: 55%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.school__recieve-attendance .attendance__teacher__card {
    height: var(--space-80px);
    width: var(--space-80px);
}

.school__recieve-attendance .submitted__bgcolor { background: var(--brand-grid-color-indicator-blue); }
.school__recieve-attendance .approved__bgcolor { background: var(--brand-grid-color-indicator-green); }
.school__recieve-attendance .notsubmitted__bgcolor { background: var(--brand-grid-color-indicator-red); } 
.school__edit-attendance .student__card__shadow { box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow); }
.school__edit-attendance .absence__bgcolor { background: var(--brand-student-absence-bgcolor); }
.school__edit-attendance .tardy__bgcolor { background: var(--brand-student-tardy-bgcolor); }
.school__edit-attendance .dismissal__bgcolor { background: var(--brand-student-dismissal-bgcolor); }
.school__reports .report__bannerimg.todays__attendance, .school__reports .report__bannerimg.selected__student { background: var(--global-dark-purple-color); }
.school__reports .report__bannerimg.search__list { background: var(--global-dark-orange-color); }
.school__bulletein-board .bulletin__msg { color: var(--brand-tile-green); }
.school__enter-dailyattendance .page__headerbar { background: var(--brand-component-primary-background); }

.school__edit-attendance .student__card__menu {
    height: 62px;
    width: var(--space-5px);
    border-radius: var(--global-border-radius) var(--space-0px) var(--space-0px) var(--global-border-radius);
}

.school__bulletin-option .not__visiblebar, .daily-attendance-bulletin .not__visiblebar {
    width: var(--space-8px);
    height: var(--space-40px);
    background: var( --brand-student-absence-bgcolor);
}

.school__bulletin-option .visiblebar, .daily-attendance-bulletin .visiblebar {
    width: var(--space-8px);
    height: var(--space-40px);
    background: var( --brand-enrollment-three);
}

.school__bulletin-option .auto-publish-timebox { padding: var(--space-8px) var(--space-20px); }

.school__bulletin-option .auto-timebox-info .plus__info {
    width: var(--space-16px);
    height: var(--space-16px);
}

.school__edit-attendance .attendance__card__section { width: calc(100% - 5px); }
.school__edit-attendance .attendance__grid__content { width: calc(100% - 110px);}
.school__edit-attendance .attendance__grid__value { width: 125px; }
.school__edit-attendance .attendance__grid__sign { width: var(--space-25px); }
.hr-seperation__line { border-bottom: 1px solid var(--global-seperator-color); }
.school__reports .report__settings { width: var(--space-20px); }
.school__reports .report__logo__bg { width: var(--space-40px); }

.school__reports .report__bannerimg {
    height: 28px;
    width: var(--space-24px);
    border-radius: 2px;
    position: relative;
    top: -4px;
    left: -2px;
    background: var(--global-dark-purple-color); /*hex code from db*/
}

    .school__reports .report__bannerimg img {
        position: relative;
        top: -4px;
        left: -1px;
    }

.school__bulletintile { min-height: 677px; }

.school__reports .report__board:last-child .hr-seperation__line { display: none; }

.school__bulletein-board .profile__id {
    height: var(--space-32px);
    width: var(--space-32px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--brand-student-dismissal-bgcolor);
}

.non-visible { width: 13px; }

#divAttendanceListView .k-grid-content tbody tr td:nth-child(2),
#divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(2) {
    padding-left: var(--space-15px) !important;
}

#divAttendanceListView .k-grid-content tbody tr td:nth-child(1),
#divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
    padding-left: var(--space-25px) !important;
}

#divAttendanceListView .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before,
#divPeriodAttendanceListView .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    content: none !important;
}
/*******Attendance -> School-Daily Attendance Ends**********/

/**********Approval Center -> Incident Starts*****************/
.approval__center.min-max-width .incidents-menu ul.k-reset.k-tabstrip-items { height: 130px !important; }
#divIncidentsHoldingBinTab #divGridStudents.app-kgrid__container td:nth-child(3) { padding-left: var(--space-30px) !important; }
.incidents-column-box-outer .collapse__text { left: var(--space-45px) !important; }
/**********Approval Center -> Incident Ends*****************/

/*********Approval Center -> Demogrpahics Single Panel Chevron Hide*******/
.incidents__screen .k-panelbar-toggle.k-i-arrow-chevron-down,
.incidents__screen .k-panelbar-toggle.k-i-arrow-chevron-up,
.plus__portals-page .k-panelbar-toggle.k-i-arrow-chevron-down,
.plus__portals-page .k-panelbar-toggle.k-i-arrow-chevron-up,
.daily__attendance-page .k-panelbar-toggle.k-i-arrow-chevron-down,
.daily__attendance-page .k-panelbar-toggle.k-i-arrow-chevron-up, ng-form Br
.period__attendance-page .k-panelbar-toggle.k-i-arrow-chevron-down,
.period__attendance-page .k-panelbar-toggle.k-i-arrow-chevron-up {
    display: none;
}
/*********Approval Center -> Demogrpahics Single Panel Chevron Hide*******/
.approval__center.min-max-width .app-kgrid__container.app-custom-pagination.app-mt-20 {
    margin-top: var(--space-0px) !important;
}
.approval__btn-email .app-primary-btn__img { height: 21px !important; }
.not-submitted-tooltip { left: 9px; }
/**************Approval Center -> All Grid Height Starts****************/

/*Online Forms*/
.approval__center .generic-left__section#divHoldingBinTab .k-grid-content { height: calc(100vh - 379px) !important; }
.approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content { height: calc(100vh - 360px); }
/*Online Forms*/

/*Plus Portals*/
.approval__center .generic-left__section#divPlusPortalHoldingBinTab.collapsed__div .k-grid-content { height: calc(100vh - 373px) !important; }
/*Plus Portals*/

/*Daily Attendance*/
.approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content { height: calc(100vh - 473px) !important; }
.approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content { height: calc(100vh - 396px) !important; }
/*Daily Attendance*/

/*Period Attendance*/
.approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content { height: calc(100vh - 463px) !important; }
.approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content { height: calc(100vh - 361px) !important; }
/*Period Attendance*/

/*Incidets*/
.approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 369px) !important;}
.approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 348px) !important;}
/*Incidents*/

/*Grade*/
.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 451px) !important; }
.approval__center.min-max-width #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 398px) !important; }
/*Grades*/
/**************Approval Center -> All Grid Height Starts****************/

/*******School -> Daaily Attendance Starts**********/
.change-date:hover,
.generate-hover:hover {
    text-decoration: underline;
    text-decoration-color: var(--brand-light-backgroundcolor-indicator);
}

#divAttendanceListView .k-grid-content.k-auto-scrollable,
#divStaffAttendanceListView .k-grid-content.k-auto-scrollable,
#divPeriodAttendanceListView .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 358px) !important;
}

.generate-hover .hover-icons-hover {
    height: var(--space-20px);
    width: var(--space-25px);
}

.attendance__bulletin .hover-icons-hover {
    height: var(--space-24px);
    width: var(--space-25px);
}

.staff-attendance__container.multi-value .s-name {
    width: auto;
    min-width: 305px;
    max-width: var(--space-350px);
}

.staff-attendance__container.two-value .s-name {
    width: auto;
    min-width: 305px;
    max-width: 600px;
}

.staff-attendance__container .s-name .s-data {
    min-width: 110px;
}

.staff-attendance__container .s-id {
    width: 120px;
}

    .staff-attendance__container .s-id .s-data {
        min-width: var(--space-40px);
    }

.staff-attendance__container .s-value {
    width: 230px;
}

    .staff-attendance__container .s-value .s-data {
        min-width: 135px;
    }
/*******School -> Daaily Attendance Ends**********/

/********Approval Center -> Grid Expand for first column*********/
.app-kgrid__container .k-grid-header-wrap thead tr th.k-header.th-border-right.th-border-right-none:before,
.app-kgrid__container .k-grid-header-wrap thead tr th.k-header.th-border.th-border-right-none:before {
    background: none !important;
}

.generic-left__section .app-kgrid__container.app-kgrid__container#gridPlusPortalContact .k-grid-header th.k-header:nth-last-child(2):before {
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
}
/********Approval Center -> Grid Expand for first column*********/

/*****************************Contact Add/Edit Screen Starts**********************/
.width95, #portfolio_Controls .width95.app__dropdown .k-dropdownlist {
    width: 95px !important;
    height: var(--space-35px) !important;
}

.contact-name-width {
    width: calc(32% - 63.5px);
}

    #divContactEdit .contact__relationship .app__dropdown, #divContactEdit .contact__relationship .app__dropdown .k-dropdownlist {
        width: 100% !important;
        height:var(--space-35px) !important;
    }

#divContactEdit .k-tabstrip-content {
    padding: var(--space-0px);
    height: calc(100vh - 390px) !important;
}

#divContactEdit .app-scrollbar-normal ::-webkit-scrollbar-thumb,
#divContactEdit .app-scrollbar-normal ::-webkit-scrollbar-track {
    border-top-right-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
}
/*****************************Contact Add/Edit Screen Ends**********************/

/*****Daily Attendance Bulletin Settings Starts***********/
.bulletin-page__data { border-bottom: 1px solid var(--global-standard-grey-border); }
.bulletin__page-right-section { border-left: 1px solid var(--global-standard-grey-border); }

.cumulative__absence-btn {
    left: var(--space-0px);
    top: var(--space-0px);
    margin-top: var(--space-8px) !important;
}

.daily__attendance-bulletin-settings .k-button.k-button-md.k-rounded-md {
    width: 144px;
    display: -webkit-inline-box;
    text-align: left;
}

.daily__attendance-bulletin-settings .italic-text-color { color: var(--brand-modal-color); }

.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist {
    width: var(--space-300px) !important;
}

.daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist{
    margin-left:var(--space-10px);
}

.daily__attendance-bulletin-settings .end__date.attendance-settings__input{
    left:var(--space-20px);
}

.daily__attendance-bulletin-settings .attendance-settings__input{
    width:var(--space-150px) !important;
}
.app-combo-dropdown.k-combobox.app-height-35, #divContactEdit #editContactBasicDetailsContent .app-combo-dropdown .k-picker {
    height: var(--space-35px) !important;
}
/*****Daily Attendance Bulletin Settings Ends***********/
/*******School -> Recieve Attendance Screen Starts**************/
.receive-attendance .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content { height: calc(100vh - 525px) !important; }
.receive-attendance .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content { height: calc(100vh - 454px) !important; }
.receive-attendance .main-content-cntnr.approval__center { height: calc(var(--app-height) - (var(--header-height) + 152px)); }
/*******School -> Recieve Attendance Screen Ends**************/ /*******LATER T BE REMOVED BY ADDING A PARENT CLASS*********/

/*Monthly attendance Calendar custom design code starts*/
#MonthlyCalendar .k-scheduler-monthview .k-scheduler-content {
    height: auto !important;
    overflow-y: auto;
}

#MonthlyCalendar table.k-scheduler-layout .k-scheduler-header table tr, #MonthlyCalendar table.k-scheduler-layout .k-scheduler-header table tr th {
    height: var(--space-40px) !important;
    background: var(--brand-light-blue);
}

#MonthlyCalendar .k-scheduler-content table tr, #MonthlyCalendar .k-scheduler-content table tr td {
    height: 51px !important;
}

    #MonthlyCalendar .k-scheduler-content table tr td, #MonthlyCalendar table.k-scheduler-layout .k-scheduler-header table tr th {
        padding: var(--space-0px);
    }

        #MonthlyCalendar .k-scheduler-content table tr td.k-selected-date {
            background-color: var(--brand-dimlight-blue-bg) !important;
            border: 1px solid var(--global-border-blue);
        }

            #MonthlyCalendar .k-scheduler-content table tr td.k-selected-date p {
                color: var(--global-text-color);
            }

        #MonthlyCalendar .k-scheduler-content table tr td p {
            padding: var(--space-5px);
            font-size: var(--global-text-size-xs);
        }

#MonthlyCalendar .k-other-month p, #MonthlyCalendar .k-other-month.k-selected-date {
    color: var(--global-text-light) !important;
    position: relative;
    z-index: 1;
}

#MonthlyCalendar .k-scheduler-content table tr td.k-selected-date.k-other-month {
    background-color: var(--brand-default-light-background) !important;
    border-width: var(--space-0px) var(--space-0px) 1px 1px;
    border-color: var(--global-dimlight-grey-border);
}

#MonthlyCalendar .k-scheduler-refresh, #MonthlyCalendar .k-scheduler-toolbar {
    display: none;
}

#MonthlyCalendar table.k-scheduler-layout {
    border: 1px solid var(--brand-grid-color-indicator-grey);
    background: var(--brand-default-light-background);
    border-bottom: var(--space-0px);
}

#MonthlyCalendar .k-scheduler-content .k-event.k-event-inverse {
    background: none;
    border: none;
    color: var(--global-text-color);
    font-weight: var(--gloabl-bold-font-weight);
    margin: -5px var(--space-0px) var(--space-0px) var(--space-0px);
    text-align: center;
}

    #MonthlyCalendar .k-scheduler-content .k-event.k-event-inverse .k-event-template {
        padding: var(--space-0px);
        font-size: var(--global-text-size-xxl);
    }

#MonthlyCalendar .k-scheduler-content .k-event.k-selected, #MonthlyCalendar .k-scheduler-content .k-event.k-state-selected {
    box-shadow: none;
    border: none;
}

#MonthlyCalendar {
    min-height: 384px;
}

.schedule-calendar-header {
    border-bottom: 1px solid var(--brand-grid-color-indicator-grey) !important;
}

#MonthlyCalendar .k-scheduler-layout .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td {
    border-bottom-width: 1px;
}

.abs__tar__selection {
    z-index: 9999;
    right: var(--space-0px);
    top: var(--space-60px);
}

    .abs__tar__selection .app__toggle .app__togglebutton .layer {
        max-width: 160px;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        content: 'Tardy';
        right: var(--space-40px);
        font-size: var(--global-text-size);
        opacity: 1;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: var(--space-80px);
        background-color: var(--brand-default-light-background);
        width: var(--space-75px);
        opacity: 1;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 85px;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        left: -2px;
    }

.schedule-calendar-header .prev-button, .schedule-calendar-header .next-button {
    background: none;
    border: none;
}
#MonthlyCalendar .k-scheduler-content .k-event-template{
    cursor:default;
}
/*Monthly attendance Calendar custom design code ends*/
#divLineSchedule .k-grid-footer {
    padding: var(--space-0px) !important;
    border-style: solid !important;
    border-color: rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
    border-width: 1px var(--space-0px) var(--space-0px) var(--space-0px) !important;
    display: block !important;
}

    #divLineSchedule .k-grid-footer .k-grid-footer-wrap {
        border-width: var(--space-0px) !important;
    }

        #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td {
            background: var(--brand-component-primary-background) !important;
            border-bottom: none !important;
            padding-right: var(--space-5px) !important;
            padding-left: var(--space-0px) !important;
        }

            #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td.grid-column-num.app-pr-30, .app-kgrid__container .k-grid-footer tr td.grid-column-num {
                padding-right: var(--space-30px) !important;
            }

            #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td.grid-column-num {
                padding-right: 19px !important;
            }

.block__multi-user {
    background: var(--brand-blue-light-version);
}

.login-drawer .form-signin.block-multitab {
    min-height: auto !important;
}

.app-kgrid__container tr td.grid-column-num {
    padding-left: var(--space-0px) !important;
    padding-right: var(--space-20px) !important;
    text-align: end;
}
/*two-factor authentication*/
.twoFactorAuth {
    width: 600px;
    margin: var(--space-200px) auto;
}

.app-twofactor-authy {
    background: var(--global-link-color);
    overflow-y: auto;
}

.error-block {
    color: hsl(0, 71%, 51%);
}

.school-header {
    height: var(--space-75px);
    top: var(--space-0px);
    width: 100%;
}
/*two-factor authentication*/
/*Monthly attendance Calendar custom design code ends*/
/*******Incidents -> Add New Incidents Screen Starts**********/
.incidents__container .app__dropdown .k-combobox {
    width: var(--space-400px);
    border: 1px solid var(--global-login-border);
    height:var(--space-35px);
}

.incident-setting-action-date.app__dropdown,
.incident-setting-action-date.app__dropdown .k-dropdownlist {
    width: var(--space-300px) !important;
}

.add-incidents-popup {
    height: calc(100vh - 100px) !important;
}

.incident-date__input {
    width: 140px;
}

.incidents-student__name {
    max-width: 395px;
}

.combo-selected__item {
    background: var(--brand-light-blue);
    border: 1px solid var(--global-lightblue-border);
    border-radius: var(--space-35px);
    padding: var(--space-8px) var(--space-10px) 7px var(--space-15px);
    width: max-content;
    display: inline-flex;
    margin: var(--space-5px);
}

.btn__close {
    background: none;
    border: none;
}

#studentNewIncident .app-kgrid__container .k-grid-header .k-header:not(:last-child):before {
    top: auto;
}

#studentNewIncident .app-kgrid__container .k-grid-header th.k-header,
#studentNewIncident .app-kgrid__container td {
    position: relative;
    padding-left:var(--space-30px) !important;
}
#studentNewIncident .app-kgrid__container td {
    padding-right:var(--space-10px);
}
#studentNewIncident .app-kgrid__container td span.k-dirty {
    border: none !important
}

.incidents__container input[type="date"] {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-login-border) !important;
    color: var(--global-color-secondary);
    font-size: var(--global-text-size) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    padding: 7px 14px;
    width: 140px !important;
    height: var(--space-35px) !important;
}

    .incidents__container input[type="date"]::-webkit-inner-spin-button,
    .incidents__container input[type="date"]::-webkit-calendar-picker-indicator {
        -webkit-appearance: none;
        appearance: none;
        width: var(--space-20px);
        height: var(--space-20px);
        content: "";
        background-image: url(../Images/AdminPlus/calendar-black.svg) !important;
        background-repeat: no-repeat;
        background-size: 18px;
        cursor: pointer;
    }

.incidents__container .app-kgrid__container .k-button {
    padding-right: var(--space-10px) !important;
}

    .incidents__container .app-kgrid__container .k-button:last-child,
    .incidents__container .app-kgrid__container .k-button:nth-child(3) {
        padding-right: var(--space-0px) !important;
        margin-left: var(--space-5px) !important;
    }

.incidents__container .app__dropdown input {
    padding: var(--space-8px) var(--space-15px);
    line-height: var(--space-15px) !important;
}

.incidents__container input.k-input {
    padding: var(--space-8px) var(--space-0px) var(--space-8px) var(--space-15px);
}
/*******Incidents -> Add New Incidents Screen Ends**********/
/*Contact Edit popuup start*/
.relation__wrapper .k-input-inner {
    padding-left: 11px !important;
}

#RelationshipID-list .k-list-optionlabel,
#RelationshipID-list .k-list-item,
#APASponsorType-list .k-list-optionlabel,
#APASponsorType-list .k-list-item {
    padding-left: var(--space-15px) !important
}

.language-drowdown, #portfolio_Controls .app__dropdown.language-drowdown .k-dropdownlist {
    width: 100% !important;
}

    .language-drowdown.app__dropdown, .language-drowdown.app__dropdown .k-dropdownlist, .language-drowdown.app__dropdown .k-dropdownlist:hover, .language-drowdown.app__dropdown .k-dropdownlist:active, .language-drowdown.app__dropdown .k-dropdownlist:focus, .language-drowdown.app__dropdown .k-dropdownlist:visited {
        height: var(--space-35px) !important;
    }
/*Contact Edit popuup ends*/
/*period table design starts*/
.period__table .b__x-rect.table__head-per { background: var(--brand-grid-odd-bg); }
.period__table .b__x-rect.table__head-abs { background: var(--brand-abs-bg-color); }
.period__table .b__x-rect.table__head-tar {  background: var(--brand-tar-bg-color); }
.period__table .b__x-rect.table__head-dis { background: var(--brand-dis-bg-color); }

.period__table .b__x-rect {
    width: 22%;
    height: var(--space-40px);
    text-align: center;
    padding: var(--space-10px);
}

    .period__table .b__x-rect.box__per {
        width: 34%;
        height: var(--space-40px);
    }

.period__table {
    max-height: 450px;
    overflow: auto;
    border: 1px solid var(--global-hr-border-color);
}

.period__table .b__x-rect:not(:last-child) { border-right: 1px solid var(--global-hr-border-color); }
.period__table .table-row:not(:last-child) { border-bottom: 1px solid var(--global-hr-border-color); }
/*period table design ends*/
#divSchoolPeriodAttendance .attendance__bulletin .hover-icons-hover { height: 22px !important;}
.app-blue-light-color:hover { color: var(--global-light-color-indicator) !important; }
/****Period Attedance Multi-Select Checkbox Starts*****/
.kendo-dropdown__multi-checkbox .k-item.nowrap.check-item { display: flex; align-items: center; }
.kendo-dropdown__multi-checkbox .k-item.nowrap.check-item > span { margin-left: var(--space-10px); }
.kendo-dropdown__multi-checkbox .k-list-item { line-height: 1em; min-height: 1em; }
.kendo-dropdown__multi-checkbox { overflow: auto; }
/****Period Attedance Multi-Select Checkbox Ends*****/
.dailyAttendance-tab ::-webkit-scrollbar, .dailyAttendance-tab ::-webkit-scrollbar-track, #grdAvailableFields ::-webkit-scrollbar, #grdAvailableFields ::-webkit-scrollbar-track { border-bottom-right-radius: var(--global-border-radius); }
#divSummaryView .dailyAttendance-grid li:last-child, #divSummaryView .detailedView-grid li:last-child, #divSummaryView .attendanceStatistics-grid li:last-child { border-bottom: 0; }
.twoFactor__Messages { height:  var(--space-4px); }
.correction__messages, .correction__messages:hover { color: var(--global-link-color); }
/***Shedule -> Line Shedule <style> content and Attendance -> Period Attendance <style> content  moved****/
.grid__LineSchedule .k-grid-norecords-template, .grid__PeriodAttendance .k-grid-norecords-template { border: none !important; } 
.grid__LineSchedule .k-grid-norecords, .grid__PeriodAttendance .k-grid-norecords { height: 0% !important; margin-top: var(--space-20px); }
/***Shedule -> Line Shedule <style> and Attendance -> Period Attendance <style> content moved****/

/****Excel Wizard Nav <style> content moved****/
.disableExportAllControls { pointer-events: none; cursor: no-drop; }
/****Excel Wizard Nav <style> content moved****/

/****Tiles Settings <style> content moved****/
.tiles__div .setting-popup-img { height: 21px !important; }
/****Tiles Settings <style> content moved****/

/****Students <style> content moved*****/
#grdTilesStudents .k-grid-content .k-icon.k-i-delete:before {
    background-image: url(../Images/AdminPlus/bookmark-filled-active.svg) !important;
    height: var(--space-24px) !important;
    width: var(--space-16px) !important;
    background-size: 21px !important;
}

#grdTilesStudents th { padding-left: var(--space-40px) !important; }
/****Students <style> content moved*****/
.approval__center .collapsed__div .k-tabstrip-items-wrapper { border-bottom: var(--space-0px) !important; }
.approval__center .collapsed__div .app-kgrid__container { margin-top:var(--space-10px) !important; }
.approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content, .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content { height: calc(100vh - 370px) !important; }
.approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 372px) !important; }
.approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 320px) !important; }
#divDailyAttendance .error-message { height: calc(100vh - 560px) !important; padding: var(--space-20px); }
#divDailyAttendanceGrid .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu { margin-top: 34px !important; }
/* Pdf Print page style starts here*/
.page-template {
    font-family: "source_sans_proregular", sans-serif !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: var(--space-0px);
    left: var(--space-0px);
    font-size: 18px;
}

.page-template .header {
    font-family: "source_sans_proregular", sans-serif !important;
    position: absolute;
    top: var(--space-30px);
    left: var(--space-30px);
    right: var(--space-30px);
    text-align: center;
    font-size: var(--space-24px);
}

.page-template .subheader {
    font-family: "source_sans_proregular", sans-serif !important;
    position: absolute;
    top: 90px;
    left: var(--space-30px);
    right: var(--space-30px);
    font-size: var(--space-24px);
}
.page-template .subheader-right {
    position: absolute;
    top: 90px;
    right: var(--space-30px);
    font-size: var(--space-24px);
}
.page-template .toolbar {
    font-family: "source_sans_proregular", sans-serif !important;
    position: absolute;
    top: 90px;
    left: var(--space-30px);
    right: var(--space-30px);
    border-bottom: 1px solid #888;
    text-align: center;
    font-size: var(--space-24px);
}

.k-pdf-export th,
.k-pdf-export td,
.k-pdf-export td:first-child {
    font-family: "source_sans_proregular", sans-serif !important;
    white-space: initial !important;
    word-break: break-word !important;
    font-size: var(--space-16px) !important;
    text-align: left !important;
}
/* Pdf Print page style ends here*/

/* Enter Period attendance - Model */
#EnterPeriodAttendance .k-grid-content {
    height: auto !important;
}

#EditDailyAttendanceView .comments-container .app__dropdown.edit__fieldcol.search__students-col {
    width: 96% !important;
}

#EnterPeriodAttendance #EditDailyAttendanceView #filter.app__dropdown,
#EnterPeriodAttendance #EditDailyAttendanceView #filter .app__dropdown.single-student__dropdown,
#EnterPeriodAttendance #EditDailyAttendanceView #filter .app__dropdown.single-student__dropdown .k-dropdownlist {
    width: 100% !important;
}

/*Add period attendance table*/
.stud-view-dummy-table.period-table { width: calc(100%); }
.tableFixHead th:nth-child(2) { width: var(--space-200px) !important; }
.tableFixHead th:nth-child(3) { width: var(--space-50px) !important; }
.enter__period__attendance .comments-container .period__addattendance .k-input { width: 170px !important; }
.enter__period__attendance .app__dropdown.edit__fieldcol.search__students-col input.k-input-inner { padding-left: var(--space-40px) !important;}
.tableFixHead ::-webkit-scrollbar { width: 13px; height: 13px;}
.tableFixHead ::-webkit-scrollbar-thumb:hover { background: rgba(var(--scrollbar-thumb), var(--opacity-six)); }

.tableFixHead ::-webkit-scrollbar-thumb {
    background: rgba(var(--scrollbar-thumb), var(--opacity-six));
    border: 3px solid var(--scrollbar-track);
    min-height: 33px;
    height: auto;
}

.tableFixHead ::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    padding: 1px;
}

.tableFixHead .period__addattendance {
    overflow: auto;
    display: block;
    height: var(--space-350px);
}

.tableFixHead thead, .tableFixHead tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.stud-view-dummy-table.period-table thead tr {
    background-color: var(--brand-container-dark-background) !important;
}

    .stud-view-dummy-table.period-table thead tr th {
        color: var(--global-text-light) !important;
        position: sticky;
        top: var(--space-0px);
        z-index: 1;
        background-color: var(--brand-container-dark-background) !important;
        font-weight: var(--gloabl-default-font-weight);
        padding: var(--space-10px) var(--space-20px);
    }

        .stud-view-dummy-table.period-table thead tr th:not(:last-child):before {
            height: var(--space-25px);
            width: 1px;
            background: rgba(var(--brand-default-light-background-rgb), .6) !important;
            top: var(--space-8px);
            right: var(--space-0px);
            content: "";
            position: absolute;
            left: auto;
        }

    .stud-view-dummy-table.period-table thead tr th, .stud-view-dummy-table.period-table tbody tr td {
        width: auto;
    }

.stud-view-dummy-table.period-table tbody tr td {
    padding: 2px var(--space-20px);
}

.stud-view-dummy-table.period-table tbody tr:last-child td {
    border-bottom: 1px solid var(--global-dim-purple-border);
    text-transform: uppercase;
}

.enter__period__attendance .comments-container .period__addattendance .k-input {
    position: static;
    height: var(--space-35px);
    border: 1px solid var(--global-dropdown-border) !important;
}

.enter__period__attendance .comments-container .period__addattendance .k-clear-value {
    opacity: 1;
    position: absolute;
    right: -40px;
}

.enter__period__attendance .comments-container .period__addattendance.period__addattendance-scrollbar .k-clear-value {
    right: -45px !important;
}

.enter__period__attendance .comments-container .period__addattendance .k-clear-value .k-icon:before {
    background: url(../Images/AdminPlus/close-black-small.svg) no-repeat;
    content: "";
}

.period-attendance-grid-wrap { background: var(--brand-default-light-background); }
/*Add period attendance table ends here*/
/*receive-attendance*/
.receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content { height: calc(100vh - 525px) !important; }
#divPeriodAttendanceHoldingBinTab #divRotInfo .rotation__hover {
    top: var(--space-25px);
    left: 67px;
}
    /*receive-attendance*/
    /*studnet tile nactive and ap-id  style*/
    .stud__ap-id {
    background: var(--brand-schedule-div-color);
    padding: 3px var(--space-10px);
    right: var(--space-20px);
    bottom: var(--space-10px);
}

.inactive-ribbon {
    width: 67px;
    height: 67px;
    overflow: hidden;
    position: absolute;
    top: var(--space-0px);
    left: var(--space-0px);
    z-index: 9;
}

    .inactive-ribbon span {
        position: absolute;
        display: block;
        width: var(--space-100px);
        padding: 2px var(--space-0px);
        background-color: var(--brand-student-absence-bgcolor);
        color: var(--global-text-light);
        text-shadow: 0 1px 1px rgba(0,0,0,.2);
        text-transform: uppercase;
        text-align: center;
        right: -5px;
        top: 11px;
        transform: rotate(-45deg);
        font-size: var(--global-text-size-xxs);
        letter-spacing: 0.5px;
    }

    .inactive-ribbon::before,
    .inactive-ribbon::after {
        border-top-color: transparent;
        border-left-color: transparent;
    }

    .inactive-ribbon::before {
        top: var(--space-0px);
        right: var(--space-0px);
    }

    .inactive-ribbon::after {
        bottom: var(--space-0px);
        left: var(--space-0px);
    }
/*studnet tile nactive and ap-id  style*/

/*Grid Container Border Removed*/
.app-kgrid__container .k-grid-header-wrap { border-color: transparent !important; }
/*Grid Container Border Removed*/
/*module-rights height*/
.app-card .module__rights { height: auto !important; min-height: var(--space-100px); }
.tab-multi-students-scroll .module__rights { height: auto !important; }
#divHomeTab .module__rights { height: calc(100vh - 150px) !important; }
#divSchoolTab .module__rights { height: calc(100vh - 130px) !important; }
#divSingleStaffLookupTabs .module__rights, #divSingleStudentTab .module__rights { height: calc(100vh - 410px) !important; }
#divSingleStaffLookupTabs.expanded .module__rights, #divSingleStudentTab.expanded .module__rights { height: calc(100vh - 215px) !important; }
/*module-rights height*/
/* Demographics - Readonly CSS */
.demographics-input-readonly input, .demographics-input-readonly .form-control, .demographic-app__tabstrip input.form-control[readonly] { background: var(--brand-input-secondary-readonly) !important; cursor: default; }
.demographic-app__tabstrip #FieldLayout .demographics-input-readonly input:hover, .demographic-app__tabstrip #FieldLayout .demographics-input-readonly .k-input:hover, .demographic-app__tabstrip input.form-control[readonly]:hover { border: 1px solid var(--global-dropdown-border) !important; }
.demographic-app__tabstrip #FieldLayout .demographics-input-readonly .k-input:hover input { border: none !important; }
/* End of Demographics - Readonly CSS */
#tabstripDemographics .k-clear-value + .k-clear-value { display: none; }
.rotation__hover .view__optionlist.app__dropdown.app__dropdownmenulist { width: var(--space-250px) !important; }
/***Approval Center on Collapse Page Size Number Display***/
.approval__center .k-pager-sm .k-pager-numbers-wrap select.k-dropdown, #grdStudentContacts .k-grid-header .k-grid-header-wrap .k-header:first-child:before, #grdMultiStudentContacts .k-grid-header .k-grid-header-wrap .k-header:first-child:before { display: none !important; }
.approval__center.min-max-width .k-pager-numbers-wrap.k-floatwrap.approval-bottom-pagination.k-pager-sm {
    width: auto;
    margin-right: var(--space-0px);
}
.approval__center.min-max-width .k-pager-numbers-wrap.k-floatwrap.approval-bottom-pagination.k-pager-sm .k-pager-numbers { display: block !important; }
/***Approval Center on Collapse Page Size Number Display***/
/***Approval Center -> When No data in elipse box fixes***/ /**Temporary Fix**/
.ellipse-deleted, .ellipse-approved, .col-admission-submitted { height: var(--space-48px); }
/***Approval Center -> When No data in elipse box fixes***/ /**Temporary Fix**/
/********Superdb -> Grid Add button and first column icons starts*********/
#btnSingleStudentSuperDbExport { margin-left: -200px; }
#grdStudentSuperDb .k-toolbar.k-grid-toolbar,
#grdGenericSuperDb .k-toolbar.k-grid-toolbar {
    top: -51px;
    right: var(--space-20px);
    position: absolute;
    padding: var(--space-0px);
    background: var(--brand-component-secondary-background) !important;
}

#superDbAddRow {
    background-color: var( --brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    border-radius: var(--global-border-radius) !important;
    border: none !important;
    margin: var(--space-0px);
    height: var(--space-40px) !important;
    line-height: 26px;
    font-size: var(--global-text-size-sm) !important;
    padding: var(--space-8px) var(--space-20px) !important;
    letter-spacing: 0.15px;
    width: 87px;
}

    #superDbAddRow:hover {
        background: var(--brand-dark-backgroundcolor-indicator) !important;
        color: var(--global-text-light);
        font-weight: var(--gloabl-default-font-weight);
    }

#superDbAddRow .fa-plus { margin-right: 18px; }
#superDbAddRow .fa-plus:before { margin: var(--space-5px) 0 0 0 !important; }

#grdStudentSuperDb .k-button-solid-primary,
#grdGenericSuperDb .k-button-solid-primary,
#grdMultiStudentSuperDb .k-button-solid-primary {
    background-color: transparent !important;
    padding-right: 17px !important;
}

#grdStudentSuperDb .k-grid-cancel,
#grdGenericSuperDb .k-grid-cancel,
#grdMultiStudentSuperDb .k-grid-cancel {
    float: left;
    padding: var(--space-0px) !important;
    margin-right: var(--space-15px);
}

#grdStudentSuperDb .k-button,
#grdGenericSuperDb .k-button,
#grdMultiStudentSuperDb .k-button {
    width: auto;
}

#grdStudentSuperDb input.k-textbox,
#grdGenericSuperDb input.k-textbox,
#gridReportCard input.k-textbox,
#grdMultiStudentSuperDb input.k-textbox {
    color: var(--global-text-color) !important;
    padding: var(--space-4px) var(--space-10px);
    min-height: var(--space-20px);
    border-radius: var(--space-4px);
    border: none;
    width: calc(100% - 35px);
    text-overflow: ellipsis;
}

#grdStudentSuperDb .genericField input.k-textbox,
#grdGenericSuperDb .genericField input.k-textbox {
    background: transparent;
    border:none!important;
}

#grdStudentSuperDb .genericDateField .k-datepicker .k-input-button,
#grdGenericSuperDb .genericDateField .k-datepicker .k-input-button,
#grdMultiStudentSuperDb .genericDateField .k-datepicker .k-input-button {
    display: none !important;
}

#grdStudentSuperDb .genericDateField .k-datepicker #GroupCreatedDate,
#grdGenericSuperDb .genericDateField .k-datepicker #GroupCreatedDate,
#grdMultiStudentSuperDb .k-button-solid-primary .k-button-icon, #grdMultiStudentSuperDb .genericDateField .k-datepicker #GroupCreatedDate,
#grdStudentSuperDb .k-button-solid-primary .k-button-icon,
#grdGenericSuperDb .k-button-solid-primary .k-button-icon {
    color: var(--global-text-color);
}

#grdStudentSuperDb .genericDateField .k-datepicker,
#grdGenericSuperDb .genericDateField .k-datepicker,
#grdMultiStudentSuperDb .genericDateField .k-datepicker {
    background: transparent;
    border: none;
}

#grdStudentSuperDb .genericDateField,
#grdGenericSuperDb .genericDateField,
#grdMultiStudentSuperDb .genericDateField {
    text-overflow: unset !important;
}

#grdStudentSuperDb button.btn-xs,
#grdGenericSuperDb button.btn-xs,
#grdMultiStudentSuperDb button.btn-xs {
    background: url(../Images/AdminPlus/link.png) no-repeat;
    height: 19px;
}

#grdMultiStudentSuperDb .genericField input.k-textbox { background: transparent; }
/********Superdb -> Grid Add button and first column icons ends*********/
#grdStudentSuperDb.app-kgrid__container td span,
#grdStudentSuperDb.app-kgrid__container .k-grid-content-locked td span,
#grdStudentSuperDb.app-kgrid__container .k-grid-content table td,
#grdMultiStudentSuperDb.app-kgrid__container td span,
#grdMultiStudentSuperDb.app-kgrid__container .k-grid-content-locked td span,
#grdMultiStudentSuperDb.app-kgrid__container .k-grid-content table td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#grdStudentSuperDb .btnGenericDropDown:focus, #grdMultiStudentSuperDb .btnGenericDropDown:focus { box-shadow: none; }
/*Document viewer popup styles start*/
.divDocumentViewer-popup {
    height: 100vh !important;
}

#divDocumentViewer {
    padding: var(--space-0px);
    background: var(--brand-component-secondary-background);
}

    #divDocumentViewer .currentpage {
        margin-right: var(--space-8px);
        color: var(--global-text-color);
    }

    #divDocumentViewer .document-tick {
        width: var(--space-12px);
    }

    #divDocumentViewer .app-h-20 {
        height: var(--space-20px) !important;
    }

    #divDocumentViewer .app-border-darkgrey {
        border: 1px solid var(--global-dailyAttendance-border-color);
    }

    #divDocumentViewer .dropdown .btn-check:focus + .btn, .btn:focus {
        box-shadow: none !important;
    }

    #divDocumentViewer .seperation__line {
        height: var(--space-25px);
        background: var(--global-dailyAttendance-border-color) 0% 0% no-repeat padding-box;
    }

    #divDocumentViewer .controls-bg {
        background: var(--brand-component-primary-background) 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px var(--global-box-shadow);
        border-top: 1px solid var(--global-dailyAttendance-border-color);
        border-bottom: 1px solid var(--brand-component-primary-background);
        padding: var(--space-5px) var(--space-20px);
    }

    #divDocumentViewer .pdf-page {
        box-shadow: 0px 6px var(--space-12px) var(--global-box-shadow);
        border: 1px solid var(--global-light-gray-border-color);
        margin: 3% auto !important;
    }

#divDocumentViewer {
    overflow: unset !important;
}

#document-row,
#divDocument {
    height: inherit !important;
}

#print-area-main {
    overflow: auto;
    height: calc(100vh - 180px);
}

.app-scroll-none {
    overflow: unset !important;
    height: inherit !important;
}

.__gdv_ws_container {
    position: relative;
    top: -23px !important;
}

#divDocumentViewer {
    height: calc(100vh - 50px) !important;
}

.__gdv_ws_content > iframe {
    height: calc(100vh - 160px) !important;
}
/*Document viewer popup styles ends*/
/***Which Schedule -> Line Schedule***/
.line-schedule-tiles .scheduleseperation__line { height: var(--space-15px); width: 1px; background: rgba(var(--global-border-dark-rgb), var(--opacity-six)); }
.line-schedule-tiles .grid-line-sections { bottom: var(--space-5px); }
.line-schedule-tiles .line-schedule-wrap .line-schedule-data { min-height: 0; height: var(--space-40px) !important; }
.line-schedule-tiles .line-schedule__teacher-name { line-height: var(--space-16px); }
.line-schedule-data .item__course, .grid__schedulebox .item__course { max-width: var(--space-100px); }
.line-schedule-data .item__room { max-width: 36px; }
.line-schedule-data .item__meeting { max-width: 58px; }
.line-schedule-data .item__section { max-width: 22px; }
/***Which Schedule -> Line Schedule***/
/***Multiple Students -> Line Schedule***/
.tab-multi-students-scroll .schedule__box #line-schedule-wrap .scheduleseperation__line { width: 1px !important; }
.tab-multi-students-scroll .schedule__box #line-schedule-wrap .scheduleseperation__line::before { display: none; }
.tab-multi-students-scroll .schedule__box #line-schedule-wrap .line-schedule-wrap {
    padding: var(--space-0px) !important;
    margin: var(--space-0px) !important;
    height: var(--space-40px) !important;
    border: none !important;
}
.tab-multi-students-scroll .schedule__box #line-schedule-wrap .contact__view {
    position: relative !important;
    bottom: var(--space-0px);
}
#divMultiStudentSnapshot .multiple-student__left-container #line-schedule-wrap.app-card-body, #divMultiStaffSnapshot .multiple-staff__left-container .app-card-body#line-schedule-wrap {
    padding: var(--space-0px) !important;
}
#divMultiStudentSnapshot #line-schedule-wrap .line-schedule-data, #gridPastGrades.app-kgrid__container .k-grid-content .k-grid-edit-row td:nth-of-type(1) { padding-left: var(--space-15px) !important; }
#divMultiStudentSnapshot #line-schedule-wrap .line-schedule__teacher-name { line-height: 18px;}
/***Multiple Students -> Line Schedule***/

/*********report card**********/
.report-datalist { border-bottom: 1px solid var(--global-penalty-summary-details-color); }
.grade-bdr-right { border-right: 1px solid var(--global-standard-grey-border); }
#gridReportCard.app-kgrid__container .k-button {
    padding-right: var(--space-0px) !important;
}
#gridReportCard input.k-textbox, #gridReportCard .k-combobox, #gridReportCard .k-numerictextbox { border: 1px solid var(--global-standard-grey-border) !important; width: 100%; height: var(--space-30px); }
#divSkillsDetails input.k-textbox, #divSkillsDetails .k-combobox, #divSkillsDetails .k-numerictextbox { height:var(--space-30px); }
#gridReportCard .k-combobox .k-clear-value, #gridReportCard .k-combobox .k-input-button { display:none; }
#gridReportCard .k-grid-edit-row .grid-text-field, #gridReportCard .k-grid-edit-row .DropDownList { padding-left: var(--space-10px) !important; padding-right: var(--space-10px) !important; }
#gridReportCard.app-kgrid__container .k-grid-edit-row .k-button {  background: transparent !important; }
#gridReportCard.app-kgrid__container .k-grid-edit-row .k-button:first-child { margin-right:var(--space-20px) !important; }
#gridReportCard.app-kgrid__container .k-grid-edit-row td:first-child {  padding-left:var(--space-20px) !important; }
/*********report card**********/
#grdMultiStudentSuperDb .k-grid-content-locked, #divMultiStudentSuperDB .app-kgrid__container .k-grid-content { overflow-x: scroll !important; }

#contactSearchPanel #gridContactSearch .k-detail-cell .k-grid-norecords,
#contactStudentSearchPanel #gridStudentSearch .k-detail-cell .k-grid-norecords,
#gridLastnameMatchingContactList .k-detail-cell .k-grid-norecords,
#gridHousingMatchingContactList .k-detail-cell .k-grid-norecords {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
    margin-top: var(--space-px0);
}

#contactSearchPanel #gridContactSearch .k-detail-cell .k-grid-norecords-template,
#gridLastnameMatchingContactList .k-detail-cell .k-grid-norecords-template,
#gridHousingMatchingContactList .k-detail-cell .k-grid-norecords-template,
#contactStudentSearchPanel #gridStudentSearch .k-detail-cell .k-grid-norecords-template {
    height: 2.5em !important;
    line-height: 2.5em !important;
    margin-top: var(--space-0px) !important;
}

/***Schedule -> Line Schedule -> Course and Section Details Popup Starts***/
.details-info-box { border-top: var(--space-5px) solid var(--global-light-color-indicator); }
.course__seperation__line { height: var(--space-25px); width: 1px; }
.course-name { min-width: var(--space-150px); max-width: var(--space-200px); }
#divCourseSectionDetails .checkbox-label input:checked ~ .check-mark { border: 1px solid var(--global-checkbox-border); }
#divLineSchedule .viewCourseName-text .view-line-schedule-expand, #divLineSchedule .viewCourseName-text:hover .view-line-schedule { display: none; }
#divLineSchedule .viewCourseName-text:hover .view-line-schedule-expand { display: block; position: relative; bottom: 1px; right: -2px; }
.scheduleSpanHidden { display: none !important; }
/***Schedule -> Line Schedule -> Course and Section Details Popup Ends***/
/*********report card**********/
.report-course { border-bottom: 1px solid var(--global-penalty-summary-details-color); }
.report-datalist { border-bottom: 1px solid var(--global-penalty-summary-details-color); padding: 6px var(--space-20px) !important; }
/*********report card**********/
.score-title, .recent-score-wrap { width: 147px; }
.score-status { line-height: 18px; }
.recent-score-box { width: 132px; height: var(--space-35px); border-radius: var(--global-border-radius); }
.invoice-summary-status li:before { position: absolute; left: -15px; top: var(--space-5px); border-radius: 50%; width: var(--space-10px); height: var(--space-10px); content: ""; }
.invoice-summary-status li:first-child:before, .invoice-summary-wrap .invoice-summary-details .charge-status { background: var(--brand-penalty-first-color); }
.invoice-summary-status li:nth-child(2):before, .invoice-summary-wrap .invoice-summary-details .payment-status { background: var(--brand-invoice-summary-status-payment); }
.invoice-summary-status li:last-child:before, .invoice-summary-wrap .invoice-summary-details .due-status { background: var(--brand-invoice-summary-status-due); }
.invoice-summary-wrap { border-radius: var(--global-medium-border-radius); border: 1px solid var(--global-box-border); }
.invoice-summary-wrap .invoice-summary-details { border-bottom: 1px solid var(--global-penalty-summary-details-color); }
.invoice-summary-wrap .invoice-summary-details:last-child { border-bottom: none; }
    .invoice-summary-wrap .invoice-summary-details .status {
        min-width: 72px;
        height: var(--space-24px);
        border-radius: var(--space-12px);
        text-align: right;
        padding: var(--space-0px) var(--space-10px);
    }
/* Fast Served Tile */
.fast-served-grid-heading, .enter-grades-narratives-grid-heading { background: var(--brand-container-dark-background); padding:var(--space-8px) var(--space-20px); }
.fast-served-last-update { padding:var(--space-12px) var(--space-20px); border:1px solid var(--brand-main-backgroundcolor-indicator); box-shadow: 0px 3px 6px #0000001A; }
.fast-served-last-update a { color: var(--brand-main-backgroundcolor-indicator); }
.fast-served-main-page-left {width:340px;}
.fast-served-main-page-right { width: calc(100% - 340px);}
.fast-served-sub-div-right .app-w-300,
.fast-served-sub-div-right .app-w-300 .k-dropdownlist,
.fast-served-sub-div-right .app-w-300.app__dropdown,
.fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist,
.fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:hover,
.fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:active,
.fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:focus,
.fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:visited { width: var(--space-300px) !important; height: var(--space-40px) !important; }
.k-list-item.allGradeDropdown { height: var(--space-40px) !important; line-height: var(--space-10px); padding-left: var(--space-15px) !important; }
.add-date-datepicker input.k-input, .add-date-datepicker input.k-input-inner { padding-left: var(--space-15px) !important; cursor: pointer; caret-color: transparent; }
.add-date-datepicker .k-input-button { padding-right: 11px !important }
#divGridFSStudentsIncident .k-grid-content { height: calc(100vh - 466px) !important; }
/* Receive Incidents Tile */
.receive-incidents-data li { padding:var(--space-8px) var(--space-20px); border-bottom:1px solid var(--global-grid-border); }
.receive-incidents-data li:last-child { border-bottom:none; }
.receive-incidents-data .data-count { min-width:47px; height:var(--space-24px); border-radius:var(--space-12px); }
.receive-incidents-data li.submitted .data-count { background: var(--brand-grid-color-indicator-blue); border:1px solid #68B1C6; box-shadow: 0px 3px 6px var(--global-box-shadow-color); }
.receive-incidents-data li.approved .data-count { background: var(--brand-grid-color-indicator-green); }
.receive-incidents-data li.deleted .data-count { background: var(--brand-grid-color-indicator-grey); }
#portfolio_Add .app-primary-btn__img, #divSingleStudentContact .gridheader__bottom .app-primary-btn__img, #btnAddNewIncident .add-btn, #divUserDefinedCategories .add-btn { height: 13px;}
#superDbAddRow .fa-plus:before { background-size: 13px; }
.addcontact__container.new-contact__container #btnCnctRelNext .app-primary-btn__img { height: var(--space-15px); }
/*School Add datepopup screen UI*/
.add-date__infobox {
    border: 1px solid var(--global-border-blue);
    box-shadow: 0px 2px var(--space-5px) var(--global-user-menu-boxshadow);
    padding: var(--space-20px) var(--space-20px) 17px 38px;
    width: 380px;
}

.infobox__sym {
    width: var(--space-65px);
    height: var(--space-65px);
    box-shadow: 0px 2px var(--space-5px) var(--global-user-menu-boxshadow);
    border: 1px solid var(--global-border-blue);
    margin-right: -1px;
    top: -34px;
    right: -34px;
    z-index: 1;
}

.infobox__sym-left {
    margin-left: -47px;
    left: var(--space-0px);
}

.info-icon__container-left {
    left: -8px;
}

.info-icon__container {
    right: var(--space-10px);
    top: -10px;
    height: var(--space-45px);
    width: var(--space-45px);
    position: absolute;
}

.info-icon {
    z-index: 100;
    width: var(--space-65px);
    height: var(--space-65px);
}

.info-with-tic {
    top: var(--space-20px);
    z-index: 1000;
    right: -3px;
}

.info-with-tic-left {
    top: 17px;
    z-index: 1000;
    left: var(--space-20px);
}

.add-day-continue-btn {
    border: 1px solid var(--global-border-orange) !important;
}

#EditingDayOnCalendar .k-numerictextbox, #InsertDayToCalendar .k-numerictextbox, #InsertDayToCalendar .k-numerictextbox, #AddingDayToCalendar .membershipeditable.k-edit-cell, #AddingDayToCalendar .membershipeditable.k-edit-cell .text-box, #AddingDayToCalendar .membershipeditable, #AddingDayToCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox {
    width: var(--space-100px);
    height: var(--space-35px);
    padding: var(--space-5px) !important;
    border-radius: var(--global-border-radius);
    border: none !important;
    top: var(--space-0px);
    left: var(--space-0px);
    position: relative;
    pointer-events: auto;
}

#AddingDayToCalendar .membershipeditable, #AddingDayToCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox {
    border: 1px solid var(--global-dropdown-border) !important;
}

#AddingDayToCalendar .add-day-grid table tr td {
    padding: var(--space-10px) var(--space-10px) var(--space-0px);
    padding-top: var(--space-0px) !important;
    pointer-events: none;
}

#AddingDayToCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox {
    padding-left: var(--space-0px) !important;
}

    #AddingDayToCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox .k-spin-button .k-button:first-child {
        margin-top: -2px;
    }

    #AddingDayToCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox .k-spin-button .k-button:last-child {
        margin-bottom: -4px;
    }

#AddingDayToCalendar .membershipeditable.disable-membership {
    background: transparent;
    border: none !important;
    top: 3px;
}

#EditingDayOnCalendar .k-dirty-cell .k-dirty, #InsertDayToCalendar .k-dirty-cell .k-dirty, #AddingDayToCalendar .k-dirty-cell .k-dirty, .gridStudentContactHouseholdDetails .k-dirty-cell .k-dirty,
.gridApplicantsAndFormsDetails .k-dirty-cell .k-dirty, #grdSingleStudentList .k-dirty-cell .k-dirty,
#grdSingleStaffList .k-dirty-cell .k-dirty {
    display: none;
}

#gridCalendarList .k-grid-header thead th {
    color: var(--global-text-light);
}
#divSchoolDemographics .generic-superdb:not(:first-child),
#divSchoolDemographics .members-photo-div:not(:first-child),
#divSchoolDemographics .students-with-alerts:not(:first-child),
#divSchoolDemographics .school-contacts-block:not(:first-child) {
    border-top: none !important;
}

#divSchoolDemographics .household-sync-block {
    width: calc(100% - 25px);
}

#divSchoolDemographic .multi-select-inner-box #grdAvailableFields .k-toolbar #FieldFilter {
    height: var(--space-35px);
}

#gridStudentSearch table tr:hover {
    background-image: none;
}

#divSchoolDemographics #warningfade {
    top: 7%;
}
/*copy conatct new design starts*/
.contact__blueconnectionbox {
    top: var(--space-15px);
    left: -13px;
    height: var(--space-100px);
    width: 50%;
    filter: drop-shadow(0px 0px 6px var(--global-filter-shadow));
}

.contacts__count {
    background: var(--brand-main-action-color);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    height: var(--space-25px);
    width: auto;
    display: inline-block;
    min-width: var(--space-24px);
    text-align: center;
    padding: 2px 9px;
}

.ctc-triangle__content {
    content: "";
    position: relative;
    right: 11px;
    bottom: var(--space-0px);
    width: var(--space-0px);
    height: var(--space-0px);
    border-left: 63px solid var(--global-light-color-indicator);
    border-top: 63px solid transparent;
    border-bottom: 63px solid transparent;
}

    .ctc-triangle__content:after {
        content: "";
        position: absolute;
        right: 2px;
        top: -62px;
        width: var(--space-0px);
        height: var(--space-0px);
        border-left: 62px solid var(--brand-default-light-background);
        border-top: 62px solid transparent;
        border-bottom: 62px solid transparent;
        z-index: 3;
    }

    .ctc-triangle__content:before {
        content: "";
        position: absolute;
        right: 2px;
        top: -62px;
        width: var(--space-0px);
        height: var(--space-0px);
        border-left: 62px solid var(--brand-default-light-background);
        border-top: 62px solid transparent;
        border-bottom: 62px solid transparent;
        z-index: 4;
    }

.triangle__line:after {
    content: "";
    position: absolute;
    right: var(--space-10px);
    top: -62px;
    width: var(--space-0px);
    height: var(--space-0px);
    border-left: 62px solid var(--global-light-color-indicator);
    border-top: 62px solid transparent;
    border-bottom: 62px solid transparent;
    z-index: 5;
}

.triangle__line:before {
    content: "";
    position: absolute;
    right: var(--space-12px);
    top: -62px;
    width: var(--space-0px);
    height: var(--space-0px);
    border-left: 62px solid var(--brand-default-light-background);
    border-top: 62px solid transparent;
    border-bottom: 62px solid transparent;
    z-index: 6;
}

.contact__connectbox:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 6px;
    width: var(--space-0px);
    height: var(--space-0px);
    border-left: 7px solid var(--global-light-color-indicator);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    z-index: 6;
    transform: rotate(45deg);
}

.cont-blue__triangle {
    content: "";
    position: relative;
    right: var(--space-0px);
    bottom: var(--space-0px);
    width: var(--space-0px);
    height: var(--space-0px);
    border-left: var(--space-50px) solid var(--global-light-color-indicator);
    border-top: var(--space-50px) solid transparent;
    border-bottom: var(--space-50px) solid transparent;
}

    .cont-blue__triangle:after {
        content: "";
        position: absolute;
        right: 1px;
        top: -50px;
        width: var(--space-0px);
        height: var(--space-0px);
        border-left: var(--space-50px) solid var(--brand-dark-blue);
        border-top: var(--space-50px) solid transparent;
        border-bottom: var(--space-50px) solid transparent;
        z-index: 3;
    }

.addnew__contactsection .border__before:before {
    content: "";
    position: absolute;
    width: var(--space-30px);
    height: 2px;
    background: var(--brand-light-backgroundcolor-indicator);
    left: -32px;
    top: 50%;
}

.addnew__contactsection .line-before:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 292px;
    background: var(--brand-light-backgroundcolor-indicator);
    left: -32px;
    top: -65%;
}

.copy-contact-help { background: var(--brand-light-blue); }

.contact-tabcontent {
    background: var(--brand-component-secondary-background);
    border: 1px solid var(--global-light-color-indicator);
    border-radius: var(--global-border-radius);
    min-height: 480px;
}

.addcontact__helpbox {
    width: auto;
    height: 440px;
    border: 1px solid var(--global-box-border);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: var(--space-20px);
}

.prospect-outerdiv .contact__tabdata {
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: var(--space-20px) var(--space-70px) var(--space-20px) var(--space-20px);
    border: 1px solid var(--global-input-border-color);
    line-height: var(--space-24px);
    letter-spacing: 0.16px;
}

.app-contact-pagination {
    background: var(--brand-default-light-background);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
    min-width: var(--space-100px);
    color: var(--global-text-color);
}

.pagination__circle {
    width: var(--space-40px);
    height: var(--space-40px);
    background: var(--brand-default-light-background);
    border: 2px solid var(--global-standard-grey-border);
    text-align: center;
    letter-spacing: 0.2px;
    color: var(--global-text-color);
    line-height: 38px;
    border-radius: 50%;
    position: relative;
    font-size: var(--global-text-size-xxl);
}

.help__tooltipbox .help__smallicon {
    width: var(--space-32px);
    height: var(--space-32px);
}

.pagination__circle.linked {
    width: var(--space-40px);
    height: var(--space-40px);
    background: var(--brand-enrollment-three);
    box-shadow: 0px 3px 6px var(--global-box-shadow-color);
    border: 2px solid var(--brand-enrollment-three);
    text-align: center;
    letter-spacing: 0.2px;
    color: var(--brand-enrollment-three);
    line-height: 38px;
    border-radius: 50%;
    position: relative;
    background-image: url(../Images/AdminPlus/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.number.pagination__circle.active {
    width: var(--space-40px);
    height: var(--space-40px);
    background: transparent;
    box-shadow: none;
    border: none;
    text-align: center;
    letter-spacing: 0.2px;
    color: var(--global-light-color-indicator);
    line-height: 34px;
    border-radius: unset;
    position: relative;
    font-size: var(--global-text-size-xxxxl);
}

    .number.pagination__circle.active:before {
        content: "";
        position: absolute;
        width: 34px !important;
        bottom: var(--space-0px) !Important;
        height: 3px;
        background: var(--global-light-color-indicator);
        left: var(--space-5px);
        border-radius: var(--global-large-border-radius);
    }

    .number.pagination__circle.active.selected {
        width: var(--space-40px);
        height: var(--space-40px);
        background: transparent;
        box-shadow: none;
        border: none;
        text-align: center;
        letter-spacing: 0.2px;
        color: var(--global-light-color-indicator);
        line-height: 34px;
        border-radius: unset;
        position: relative;
        font-size: var(--global-text-size-xxxxl);
        border-radius: var(--global-border-radius);
        -moz-border-radius: var(--global-border-radius);
        background-image: url(../Images/AdminPlus/green-tick-icon.svg) !important;
        background-position: right 7px top var(--space-12px) !Important;
        background-repeat: no-repeat;
        background-size: var(--space-20px);
    }

#editContactContent .seperation__line { height: var(--space-40px); }

.contact__connectbox {
    position: relative;
    z-index: 99;
    border-right: var(--space-0px) !important;
    height: 126px;
}
/* Copy contact - linking new contacts - grid */
#copyhousehold .k-grid-content, #copylastname .k-grid-content, #copyallcontact .k-grid-content {
    border: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important
}

    #copyhousehold .k-grid-content table, #copylastname .k-grid-content table, #copyallcontact .k-grid-content table {
        font-family: var(--global-font-family-semibold) !important;
        font-weight: normal !important;
    }

        #copyhousehold .k-grid-content table table, #copyhousehold .k-grid-content table .k-grid-norecords,
        #copylastname .k-grid-content table table, #copylastname .k-grid-content table .k-grid-norecords,
        #copyallcontact .k-grid-content table table, #copyallcontact .k-grid-content table .k-grid-norecords {
            font-family: var(--global-font-family-regular) !important;
        }
/*localfield tooltip*/
.help__tooltipbox.local-info .contact__tabdata.local-tooltip {
    background: var(--brand-light-blue);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: var(--space-20px) var(--space-50px) var(--space-20px) var(--space-20px);
    line-height: var(--space-24px);
    letter-spacing: 0.16px;
    position: absolute;
    top: var(--space-40px);
    top: 38px;
    right: -184px;
    z-index: 9999;
    display: none;
    border: 1px solid var(--global-input-border-color);
    width: 620px;
}

.contact__tabdata.local-tooltip .triangle__helptool {
    width: var(--space-0px);
    height: var(--space-0px);
    margin: var(--space-0px) auto;
    position: absolute;
    border-left: var(--space-10px) solid transparent;
    border-right: var(--space-10px) solid transparent;
    border-bottom: var(--space-15px) solid var(--global-input-border-color);
    z-index: 9;
    right: 183px;
    top: -15px;
}

    .contact__tabdata.local-tooltip .triangle__helptool:before {
        content: "";
        width: var(--space-0px);
        height: var(--space-0px);
        position: absolute;
        border-left: var(--space-10px) solid transparent;
        border-right: var(--space-10px) solid transparent;
        border-bottom: var(--space-15px) solid var(--brand-light-blue);
        bottom: -17px;
        left: -10px;
    }

/*localfield tooltip ends*/
/*globalfield tooltip*/
.help__tooltipbox.global-info .contact__tabdata.global-tooltip {
    background: var(--brand-light-blue);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: var(--space-20px) var(--space-35px) var(--space-20px) var(--space-20px);
    line-height: var(--space-24px);
    letter-spacing: 0.16px;
    position: absolute;
    top: var(--space-40px);
    left: -288px;
    z-index: 9999;
    display: none;
    border: 1px solid var(--global-input-border-color);
    width: 550px;
}

.contact__tabdata.global-tooltip .triangle__helptool {
    width: var(--space-0px);
    height: var(--space-0px);
    margin: var(--space-0px) auto;
    position: absolute;
    border-left: var(--space-10px) solid transparent;
    border-right: var(--space-10px) solid transparent;
    border-bottom: var(--space-15px) solid var(--global-input-border-color);
    z-index: 9;
    left: 298px;
    top: -15px;
}

    .contact__tabdata.global-tooltip .triangle__helptool:before {
        content: "";
        width: var(--space-0px);
        height: var(--space-0px);
        position: absolute;
        border-left: var(--space-10px) solid transparent;
        border-right: var(--space-10px) solid transparent;
        border-bottom: var(--space-15px) solid var(--brand-light-blue);
        bottom: -17px;
        left: -10px;
    }

/*globalfield tooltip ends*/
/*searchfield tooltip starts*/
.help__tooltipbox.search-info .contact__tabdata.search-tooltip {
    background: var(--brand-light-blue);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: var(--space-20px) var(--space-35px) var(--space-20px) var(--space-20px);
    line-height: var(--space-24px);
    letter-spacing: 0.16px;
    position: absolute;
    top: var(--space-50px);
    right: -19px;
    z-index: 9999;
    display: none;
    border: 1px solid var(--global-input-border-color);
    width: 600px;
}

.contact__tabdata.search-tooltip .triangle__helptool {
    width: var(--space-0px);
    height: var(--space-0px);
    margin: var(--space-0px) auto;
    position: absolute;
    border-left: var(--space-10px) solid transparent;
    border-right: var(--space-10px) solid transparent;
    border-bottom: var(--space-15px) solid var(--global-input-border-color);
    z-index: 9;
    right: var(--space-24px);
    top: -15px;
}

    .contact__tabdata.search-tooltip .triangle__helptool:before {
        content: "";
        width: var(--space-0px);
        height: var(--space-0px);
        position: absolute;
        border-left: var(--space-10px) solid transparent;
        border-right: var(--space-10px) solid transparent;
        border-bottom: var(--space-15px) solid var(--brand-light-blue);
        bottom: -17px;
        left: -10px;
    }
/*searchfield tooltip ends*/
.contact__tabdata.tooltip__box .closebtn { position: absolute; top: var(--space-10px); right: var(--space-15px); }
.help__tooltipbox .closebtn img { width: 18px; }
.help-icon__container { right: var(--space-0px); top: -5px; height: var(--space-48px); width: var(--space-48px); position: absolute; } 
.prospect-outerdiv { overflow: hidden; }
.addcontact__dropdown input::placeholder { color: var(--global-text-color) !important; }
.app-add__Contact .k-hierarchy-col { width: var(--space-10px) !important; }
.app-add__Contact#gridStudentSearch .k-hierarchy-col { width: var(--space-20px) !important; }
.app-add__Contact .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header { position: relative; }
.app-add__Contact .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header:not(:last-child):before { height: var(--space-20px); width: 1px; background: var(--brand-default-light-background) !important; top: 6px; margin-left: -30px; content: ""; position: absolute; }
.app-add__Contact .k-hierarchy-cell.k-header:focus-visible { outline: none !important; }
.app-add__Contact .k-hierarchy-cell.k-header.row-exapanded { transform: rotate(180deg); }
.app-add__Contact .k-hierarchy-cell.k-header.row-exapanded:before { content: none !important; }
.addcontact__container .contactheader__tagline { line-height: var(--space-40px); }
.addcontact__container .app-w-50 { width: 50%; }
.addcontact__container .contact__tabscontainer li a.nav-link {
    padding: var(--space-0px);
}
.addcontact__container .contactheader__tagline .contact__name { width: 70%; }
#copyallcontact .addcontact__helpbox { height: var(--space-350px); }
#copyallcontact .app-input input.input__box { height: var(--space-35px) !important; line-height: 22px !important; }
.helpbox__sym { width: var(--space-65px); height: var(--space-65px); border: 1px solid var(--global-box-border); border-radius: 50%; -moz-border-radius: 50%; background-color: var(--brand-component-secondary-background); margin-right: -80px; margin-top: -35px; }
.help__tooltipbox.global-info .userdefined-tab .contact__tabdata.global-tooltip { left: -221px; width: 596px; }
.userdefined-tab .contact__tabdata.global-tooltip .triangle__helptool { left: 230px; }
.userdefined-tab .contact__tabdata.local-tooltip { right: -288px !important; }
.userdefined-tab .contact__tabdata.local-tooltip .triangle__helptool { right: 287px; }
/*hover affects*/
@keyframes from-lefttans {
    0% {
        left: var(--space-0px);
    }

    100% {
        left: var(--space-20px);
    }
}

.contact__block { width: calc(100% - 110px); }
.contact__block:hover { width: calc(100% - 80px); -webkit-transition: width 0.6s; transition: width 0.6s; box-shadow: 0px 6px var(--space-15px) var(--global-box-shadow-light-dark); }
.right__trianglebox { position: absolute; right: -74px; }
.contact__block:hover .contact__connectbox { background: var(--brand-light-backgroundcolor-indicator) !important; position: relative; z-index: 99; }
.contact__block:hover .contact__connectbox .right__content p.app-text-black { color: var(--global-text-light) !important; }
.contact__block:hover .contact__blueconnectionbox .app-blue-bg { background: var(--brand-default-light-background); color: var(--global-text-color); }
.contact__block:hover .connectionbox__img { background: var(--brand-light-backgroundcolor-indicator) !important; } 
.contact__block:hover .hover-state-img { display: block !important; }
.contact__block:hover .default-img { display: none; }
.contact__block:hover .triangle__line:before { right: 9px; border-left: 62px solid var(--global-light-color-indicator); z-index: 6; }
.contact__block:hover .triangle__line:after { right: 7px; border-left: 62px solid var(--brand-default-light-background); z-index: 5; }
.contact__block:hover .triangle__line:before, .contact__block:hover .triangle__line:after {
    content: "";
    position: absolute;   
    top: -62px;
    width: var(--space-0px);
    height: var(--space-0px);    
    border-top: 62px solid transparent;
    border-bottom: 62px solid transparent;   
}

.contact__block:hover .cont-blue__triangle:after {
    border-left: var(--space-50px) solid var(--brand-default-light-background);
    border-top: var(--space-50px) solid transparent;
    border-bottom: var(--space-50px) solid transparent;
    z-index: 3;
    content: "";
    position: absolute;
    right: 1px;
    top: -50px;
    width: var(--space-0px);
    height: var(--space-0px);
}

.contact__block:hover .contact__connectbox:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 6px;
    width: var(--space-0px);
    height: var(--space-0px);
    border-left: 7px solid var(--global-border-dark);
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    z-index: 6;
    transform: rotate(45deg);
}
.contact__block .contact__connectbox .right__content { width: 50%; }
.contact__block:hover .contact__connectbox .right__content p.app-text-black { color: var(--global-text-light) !important; }
.contact__block:hover .contact__blueconnectionbox .app-blue-bg { background: var(--brand-default-light-background); color: var(--global-text-color); }
.contact__block:hover .connectionbox__img { background: var(--brand-light-backgroundcolor-indicator) !important; }
.contact__block:hover .ctc-triangle__content:before, .contact__block:hover .ctc-triangle__content:after { border-left: 62px solid var(--global-light-color-indicator); }
.contact__block:hover .ctc-triangle__content:after { filter: drop-shadow(6px 6px var(--space-8px) var(--global-box-shadow-light-dark)); }
/*hover affects*/
/*copy conatct new design ends*/

/* Approval Center - Grades */
#gridGradesStudentsDetails.app-kgrid__container .k-grid-header th.k-header:before { transform: translateY(-50%); top: 50%; }
#gridGradesStudentsDetails.app-kgrid__container .grade-student-header-studentname:before, #gridGradesStudentsDetails .k-grid-header tr:first-child th.k-header:first-child:before { background: transparent !important; }
#gridGradesStudentsDetails.app-kgrid__container .grade-student-header-studentname { border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important; }
#gridGradesStudentsDetails.app-kgrid__container .grade-student-group-header, #gridAttendanceCodesDetails.app-kgrid__container .grade-student-group-header { border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important; text-align: center !important; }
#gridGradesStudentsDetails.app-kgrid__container .grade-student-header-second-row .k-link { display: flex; justify-content: center; }
#gridGradesStudentsDetails.app-kgrid__container .k-column-title { margin-left: var(--space-25px) !important; padding-right:var(--space-5px) !important; }
#gridGradesStudentsDetails.app-kgrid__container .grade-student-header-second-row .k-column-title { margin-left: var(--space-0px) !important; padding-left:var(--space-5px); }
#gridGradesStudentsDetails.k-grid-header th.k-header { position: relative; }
#gridGradesStudentsDetails td { padding-right: var(--space-20px) !important; }
#gridGradesStudentsDetails td:nth-child(n+6) { text-align: center; padding-left: var(--space-20px) !important; }
#gridGradesStudentsDetails .k-grid-header th.k-header .k-grid-filter { top: var(--space-20px); }
#gridGradesStudentsDetails.app-kgrid__container .k-grid-header, #grdCalendarView.app-kgrid__container .k-grid-header, #gridAttendanceCodesDetails.app-kgrid__container .k-grid-header { height: var(--space-80px) !important; }
div#divGradesHoldingBinTab.collapsed__div #divGradesSetAsNotReadyBtn img { display:block !important; }
#gridGradesStudentsDetails.app-kgrid__container .k-grid-header-wrap th.k-header { padding-left: var(--space-5px) !important; padding-right: var(--space-5px) !important; }
#gridGradesStudentsDetails.app-kgrid__container .grade-student-header { padding-left: var(--space-30px) !important; padding-right: var(--space-20px) !important; }
#gridGradesIndividualStudentDetails.app-kgrid__container .k-grid-header th.k-header.app-pl-20, #gridStudentSkillDetails.app-kgrid__container .k-grid-header th.k-header.app-pl-20, #gridGradesIndividualStudentDetails.app-kgrid__container .k-grid-content td.app-pl-20, #gridStudentSkillDetails.app-kgrid__container .k-grid-content td.app-pl-20 { padding-left: var(--space-20px) !important; }
#gridGradesIndividualStudentDetails.app-kgrid__container .k-grid-content td.app-pl-0, #gridStudentSkillDetails.app-kgrid__container .k-grid-content td.app-pl-0 { padding-left: 0px !important; }
/* Approval Center - Grades Settings popup start*/
#gradesSettingspopup .app-w-125, #gradesSettingspopup .app-w-125 .k-dropdownlist, #gradesSettingspopup .app-w-125 .k-dropdownlist:hover, #gradesSettingspopup .app-w-125 .k-dropdownlist:active, #gradesSettingspopup .app-w-125 .k-dropdownlist:focus, #gradesSettingspopup .app-w-125 .k-dropdownlist:visited { width: 125px !important; }
#gradesSettingspopup .app-w-150, #gradesSettingspopup .app-w-150 .k-dropdownlist, #gradesSettingspopup .app-w-150 .k-dropdownlist:hover, #gradesSettingspopup .app-w-150 .k-dropdownlist:active, #gradesSettingspopup .app-w-150 .k-dropdownlist:focus, #gradesSettingspopup .app-w-150 .k-dropdownlist:visited { width: var(--space-150px) !important; }
#gradesSettingspopup .app-w-287, #gradesSettingspopup .app-w-287 .k-dropdownlist, #gradesSettingspopup .app-w-287 .k-dropdownlist:hover, #gradesSettingspopup .app-w-287 .k-dropdownlist:active, #gradesSettingspopup .app-w-287 .k-dropdownlist:focus, #gradesSettingspopup .app-w-287 .k-dropdownlist:visited { width: 287px !important; }
#gradesSettingspopup .app-w-100, #gradesSettingspopup .app-w-100 .k-dropdownlist, #gradesSettingspopup .app-w-100 .k-dropdownlist:hover, #gradesSettingspopup .app-w-100 .k-dropdownlist:active, #gradesSettingspopup .app-w-100 .k-dropdownlist:focus, #gradesSettingspopup .app-w-100 .k-dropdownlist:visited { width: 100% !important; border: none !important; }
.gradebook-table .app__dropdown span.k-input-inner {
    padding-left: var(--space-0px) !important
}
.gradebook-table tbody tr td { border-right: 1px solid var(--global-card-border) !important; }
.gradebook-table .checkbox-label { width: max-content; }
#gradesSettingspopup { height: calc(100vh - 195px); overflow: auto; }
#divGradesSettings { overflow: hidden; }
.gradebook-table.stud-view-dummy-table.period-table thead tr th { position: relative !important; }
#receiveFromAllColumns tr td { height: var(--space-45px); text-transform: uppercase; }
/* Approval Center - Grades Settings popup ends*/
/* Approval Center - Grades skills and narrative popup starts*/
.skills__narrative_popup .app__tabstrip .k-tabstrip-items .k-link { width: auto; padding: 7px var(--space-25px) var(--space-0px) var(--space-25px) !important; box-sizing: border-box; }
#divViewSkillNarrativesTabstripBin .k-content .k-widget, #divViewSkillNarrativesTabstripBin .k-content .k-widget .k-grid-header-wrap, #divViewSkillNarrativesTabstripBin .k-content .k-widget .k-grid-header { border-top-right-radius: var(--global-border-radius) !important; border-top-left-radius: var(--global-border-radius) !important; }
#divViewSkillNarrativesTabstripBin .app-kgrid__container table tbody tr { background: var(--brand-default-light-background) !important; }
#divViewSkillNarrativesTabstripBin .app-kgrid__container .k-grid-content td:nth-child(2) { border-right: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important; }
#divNarrative { height: 370px; background: var(--global-grade-value-bg); }
#divNarrative td.k-editable-area { border-bottom: none !important; border-right: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important }
/* Approval Center - Grades skills and narrative popup ends*/
/* Approval Center - Grades ends */
/*billing*/
.amt__box { min-width: 140px; }
.color__g { background: var(--brand-demographics-tab-three); }
.amt__box.color__r, .color__red { background: var(--brand-penalty-second-color); }
.amt__box.color__g, .color__green { background: var(--brand-badge-notification-background); }
.panel-grid-custom { background: var(--global-active-background); }
.billing-grid .panel-grid-custom .gridheader { position: relative; top: var(--space-10px); }
#divBilling .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(2):before, #divInvoiceDetails .gridheader__top { display: none; }
#divChargesAddEdit .addEdit__field-width, #divPaymentsAddEdit .addEdit__field-width, #divAdvancePaymentsAddEdit .addEdit__field-width { width: var(--space-150px) !important; }
#divChargesAddEdit .addEdit__field-width.k-datepicker, #divChargesAddEdit .k-numerictextbox, #divPaymentsAddEdit .addEdit__field-width.k-datepicker, #divPaymentsAddEdit .k-numerictextbox,  #divAdvancePaymentsAddEdit .addEdit__field-width.k-datepicker, #divAdvancePaymentsAddEdit .k-numerictextbox { border: 1px solid var(--global-dropdown-border) !important }
#divChargesAddEdit .k-numerictextbox:hover,
#divChargesAddEdit .k-numerictextbox:focus-within,
#divPaymentsAddEdit .k-numerictextbox:hover,
#divPaymentsAddEdit .k-numerictextbox:focus-within,
#divAdvancePaymentsAddEdit .k-numerictextbox:hover,
#divAdvancePaymentsAddEdit .k-numerictextbox:focus-within,
#divChargesAddEdit .addEdit__field-width.k-datepicker:hover,
#divChargesAddEdit .addEdit__field-width.k-datepicker:focus-within,
#divPaymentsAddEdit .addEdit__field-width.k-datepicker:hover,
#divPaymentsAddEdit .addEdit__field-width.k-datepicker:focus-within
#divAdvancePaymentsAddEdit .addEdit__field-width.k-datepicker:hover,
#divAdvancePaymentsAddEdit .addEdit__field-width.k-datepicker:focus-within{ border: 1px solid var(--global-grid-selection-color) !important; }
.ap-gridbody.billing-grid { max-height: calc(100vh - 540px); overflow-y: auto; }
#divBilling .tab-divListView.expanded .ap-gridbody.billing-grid { max-height: calc(100vh - 335px); overflow-y: auto; height: calc(100vh - 335px); }
#divChargesAddEdit .toggle__line-height { line-height: 26px; }
#divChargesAddEdit .addEdit__field-width.k-datepicker, #divAdvancePaymentsAddEdit .addEdit__field-width.k-datepicker, #divAdvancePaymentsAddEdit .k-numerictextbox { height: var(--space-35px); }
#divChargesAddEdit .billing__text-width .add-charge-input { height:33px; }
.stud-view-dummy-table.billing-table tbody tr td { padding: 2px var(--space-30px) !important; }
#gridInvoiceCharges.app-kgrid__container .k-grid-content td.app-pr-30, #gridInvoicePayments.app-kgrid__container .k-grid-content td.app-pr-30 { padding-right: var(--space-30px) !important; }
#gridInvoiceCharges .k-grid-content, #gridInvoicePayments .k-grid-content { min-height: 140px; }
.billing-invoiceprint.page-template .app-kgrid__container th.k-header, .billing-invoiceprint.page-template .app-kgrid__container .k-grid-content td, .billing-invoiceprint.page-template .app-kgrid__container td { padding-left: var(--space-30px) !important; }
.page-template.billing-invoiceprint .app-kgrid__container, .page-template.billing-invoiceprint .gridheader__bottom, .page-template.billing-invoiceprint .extra-large-font { font-size: var(--global-text-size-xxxxxxxl) !important; }
.stud-view-dummy-table.billing-table tbody tr td.total-due-wrap {
    padding: var(--space-0px) var(--space-20px) !important;
}
.total-due-wrap .total-due { padding-right: var(--space-10px); padding-left: var(--space-10px); height: 100%; }
#divInvoiceDetails .field-type-selection { width: 100%; padding-top: var(--space-20px); }
#divInvoiceDetails .panel-grid-custom.app-w-100 { width: inherit !important; }
#divInvoiceDetails .gridheader__bottom #invoiceSummary { width: calc(100% - 10px); }
#divInvoiceDetails .tableFixHead.table-responsive {
    background: var(--global-active-background);
    padding: var(--space-0px) var(--space-10px) var(--space-10px) !important;
}
#divInvoiceDetails .gridheader__bottom #invoiceSummary > div > div.app-pointer { cursor: default !important; }
#divInvoiceDetails .stud-view-dummy-table tbody td:nth-child(3) { width: 141px !important; }
#divInvoiceDetails .stud-view-dummy-table tbody td:nth-child(4) { width: 240px !important; }
#divInvoiceDetails .stud-view-dummy-table tbody td:nth-child(6), .print-invoice-billing .stud-view-dummy-table tbody td:nth-child(4) { width: 270px !important; }
.print-invoice-billing .stud-view-dummy-table tbody td:nth-child(6) { width: 336px !important; }
.print-grid-data .k-header .k-link { height: var(--space-50px) !important; line-height: var(--space-45px) !important; }
.billing-invoiceprint .gridheader__bottom { margin-top: 370px; }
.billing-invoiceprint .app-grid-container .ap-gridbody, .billing-invoiceprint .app__gridheader .gridheader__bottom, .billing-invoiceprint .panel-grid-custom, .billing-invoiceprint .app-darklayer-bg { background: var(--brand-default-light-background) !important; }
.billing-invoiceprint .stud-view-dummy-table { border: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important; }
.billing-invoiceprint .header { font-size: var(--global-text-size-tripple-large) !important; }
.page-template.billing-invoiceprint .toolbar { position: absolute; top: var(--space-200px); left: var(--space-30px); text-align: left; border-bottom: 1px solid var(--global-dropdown-border); font-size: var(--global-text-size-tripple-large); }
.advance-payment-wrap { background: var(--brand-default-light-background); border-radius: var(--global-border-radius); }
.advance-payment-wrap .advance-payment-value { background:var(--brand-advance-payment-bg); border-radius: var(--global-border-radius); padding:3px var(--space-10px); min-width:160px; }
.advance-payment-wrap .add-btn, #btnAddCharge img { height: 13px; }
/*billing*/

/*school page scroll issue fix*/
#divSchoolLookupTabs { overflow:auto; height:calc(100vh - 122px); }
/*school page scroll issue fix*/
.advance-col { width: 19%; }
.add-payment-label { flex: 1 auto; width: 3%; }
#divPaymentsAddEdit .payment-method-drop .addEdit__field-width, #divPaymentsAddEdit .payment-method-drop { width: 212px !important; }
/* Manage Payment Modal */
.manage-payment-modal .app-kgrid__container .k-grid-content table td { padding-right: 18px !important; }
.manage-payment-modal .app-kgrid__container .k-grid-header th.k-header:nth-child(4) .k-link { justify-content: center; }
.manage-payment-modal .stud-view-dummy-table { padding-right: var(--space-20px) !important; }
.manage-payment-modal .ap-gridbody { padding: var(--space-20px) var(--space-20px) var(--space-20px) !important; border-radius: var(--global-border-radius); }
.manage-payment-modal .app-kgrid__container .k-grid-content.k-auto-scrollable { height: var(--space-200px) !important; }
.manage-payment-modal .ap-gridbody.billing-grid { max-height: initial !important; }
/* End Manage Payment Modal */
/********school-Demographic-grdGenericSuperDb start*************/
.app-mr-110 { margin-right: 110px !important; }
.app__dropdown.app-w-260,
.app__dropdown.app-w-260 .k-dropdownlist,
.app__dropdown.app-w-260 .k-dropdownlist:hover,
.app__dropdown.app-w-260 .k-dropdownlist:active,
.app__dropdown.app-w-260 .k-dropdownlist:focus,
.app__dropdown.app-w-260 .k-dropdownlist:visited { width: 260px !important; }
.school-demographic-genericSuperDb .grid__searchbox .allGrids__SearchBox { width: var(--space-300px) !important; }
#grdGenericSuperDb .k-grid-content { height: calc(100vh - 382px) !important; }
#grdGenericSuperDb.app-kgrid__container .k-master-row.k-grid-edit-row td > input[readonly="readonly"] { border: none !important; }
#grdGenericSuperDb.app-kgrid__container .k-grid-header th.k-header:nth-child(4) .k-link { justify-content: start; }
#grdFieldSelectionPopup .k-master-row.k-selected td { background: var(--brand-row-highlite) !important; }
#school-Demographic-grdGenericSuperDb .app-kgrid__container span.k-numerictextbox,
#school-Demographic-grdGenericSuperDb .app-kgrid__container input.k-textbox,
#school-Demographic-grdGenericSuperDb .app-kgrid__container td > span,
#school-Demographic-grdGenericSuperDb .app-kgrid__container td span .k-input-button { height: 37px !important; }
#school-Demographic-grdGenericSuperDb .app-kgrid__container td span .k-input-button .k-icon.k-i-calendar:before { background-position: right 3px top 2px ! Important; }
/********school-Demographic-grdGenericSuperDb ends*************/
/*school page scroll issue fix*/
/*EPA and EDA Bulletin*/
.bulletin__multi-grid-sec .multigrid__block:nth-child(even) { padding-left: var(--space-20px); }
.staffname__col { width: 30%; border-right: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important; }
.code__col { width: 20%; border-right: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important; }
.comment__col { width: 50%; }
.bulletin__multi-grid-sec .school__edit-attendance .attendance__grid__content { width: calc(100% - 60px); }
.bulletin__multi-grid-sec .school__edit-attendance .attendance__grid__value { width: 36px; }
.multi__checkboxlist .k-list-item-text { line-height:0; }
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-header th.k-header{ border-bottom: 1px solid var(--global-penalty-summary-details-color); }
.bulletin__multi-grid-sec .school__edit-attendance, .bulletin__multi-grid-sec .k-grid-norecords { border-bottom-left-radius: var(--global-border-radius); border-bottom-right-radius: var(--global-border-radius); }
.bulletin__multi-grid-sec .school__edit-attendance .student__card__shadow, .bulletin__multi-grid-sec .school__edit-attendance .student__card__menu { height: var(--space-40px); }
.bulletin__multi-grid-sec .k-grid-content.k-auto-scrollable { border-top: 1px solid var(--global-penalty-summary-details-color); }
.bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-header th.k-header:nth-child(2), .bulletin__multi-grid-sec .app__customgrid .app-kgrid__container .k-grid-content td:nth-child(2), .bulletin__multi-grid-sec .app__customgrid .app-kgrid__container td:nth-child(2) { padding-left: var(--space-20px) !important; }
.daily-attendance-bulletin .daily-attendance-bulletine__data, .period-attendance-bulletin .daily-attendance-bulletine__data { height: calc(100vh - 280px); overflow: auto; }
.daily-attendance-bulletin .staff__absence__top__border .staffname__col, .daily-attendance-bulletin .staff__absence__top__border .code__col, .daily-attendance-messages .staff__absence__top__border .staffname__col, .daily-attendance-messages .staff__absence__top__border .code__col { border-right: 1px solid var(--brand-default-dark-background-alpha) !important; margin-right: var(--space-10px) !important }
.daily-attendance-bulletin .bulletin__arrows{ max-height:23px; }
.daily-attendance-bulletin .bulletin__multi-grid-sec .multigrid__block { flex:0 0 auto; }
.period-attendance-bulletin .k-grid-content.k-auto-scrollable{ min-height:95px; }
/*EPA and EDA Bulletin*/

/**********Receive incidents start *****************/
#divSchoolLookupTabs .receive-incidents.main-content-cntnr.approval__center { height: calc(var(--app-height) - (var(--header-height) + 160px)); }
#divSchoolLookupTabs .receive-incidents.approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 440px) !important; }
#school_mode #divSchoolLookupTabs .receive-incidents.approval__center .demographic__panel { height: calc(100vh - 380px); }
#divSchoolLookupTabs .receive-incidents.approval__center #gridHbIncidentView .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 725px) !important; }
/**********Receive incidents ends *****************/

/***Snapshot -> Settings Starts***/
.manage-page__popup {
    width: 940px;
    height: 100%;
    background: var(--brand-default-light-background);
    position: absolute;
    right: var(--space-0px);
    padding: var(--space-20px);
}
.manage-page__inner-content { height: 100%; background: var(--brand-component-secondary-background); border-radius: var(--global-border-radius); -moz-border-radius: var(--global-border-radius); padding: var(--space-20px); }
.app-kgrid__container #grdSnapshotTiles .k-grid-header .k-header:not(:last-child):before, .hide-tile-detail { display: none; }
.app-kgrid__container #grdSnapshotTiles .k-grid-header .k-header:nth-child(2) span.k-link { border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important; }
.app-kgrid__container #grdSnapshotTiles .k-grid-header th.k-header, .app-kgrid__container #grdSnapshotTiles td { padding-left: var(--space-20px) !important; }
.settings__helpinfo { background: var(--brand-light-backgroundblue); padding: 13px var(--space-20px); border: 1px solid var(--global-border-blue); }
/***Snapshot -> Settings Ends***/

/*privacy info*/
.privacy-info { height: var(--space-20px); width: var(--space-20px); position: relative; top: 2px; }
.privacy__content {
    position: absolute;
    top: var(--space-45px);
    left: var(--space-0px);
}
/*privacy info*/

/* School Demographics birthdate tile starts*/
#divDemographicBirthDate .k-dropdownlist { border: 1px solid var(--global-dropdown-border) !important; }
#divDemographicBirthDate .k-dropdownlist:hover, #divDemographicBirthDate .k-dropdownlist:active, #divDemographicBirthDate .k-dropdownlist:focus { border: 1px solid var(--global-form-container-border) !important; }
/* End School Demographics birthdate ends*/
/*progress report*/
.marking-period__dropdown .k-dropdownlist { border: 1px solid var(--global-dropdown-border) !important; }
.progressreport__editor-wrap { background-color: var(--global-grade-value-bg); }
.progressreport__editor iframe { height:calc(100vh - 100px); }
.progressreport__editor .progress-report-tab { height: calc(100vh - 540px) !important; }
#divSingleStudentTab #divReportCards #divProgressReportView.expanded .progressreport__editor .progress-report-tab { height: calc(100vh - 340px) !important; }
/*progress report*/
/*new report card style starts here*/
.app__genrate__btn { width: 130px; }
.app__genrate__btn img { width: 23px; }   
.marking-period__dropdown { width:280px!important; }
.progress__report__popup .k-window-content {
    padding: var(--space-0px);
}
.app__report__cards{ width: max-content; }
/*new report card style ends here*/
/*edit kendo row style */
.app-kgrid__container .k-master-row.k-grid-edit-row, .app-kgrid__container .k-alt.k-master-row.k-grid-edit-row { background-color: var(--brand-row-highlite) !important; }
.app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-primary.k-grid-update .k-i-check.k-button-icon{ background: var(--brand-status-green); background-image: url(../Images/AdminPlus/tick.svg) !important; background-size: var(--space-20px); }
.app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-base.k-grid-cancel .k-i-cancel.k-button-icon{ background: var(--brand-danger-bg-color); background-image: url(../Images/AdminPlus/cancel-white.svg) !important; background-size: var(--space-10px); }
.app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-primary.k-grid-update .k-i-check.k-button-icon, .app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-base.k-grid-cancel .k-i-cancel.k-button-icon { height: 22px; width: 22px; border-radius: var(--global-large-border-radius); color: var(--global-text-light) !important; padding: 7px; background-repeat: no-repeat; background-position: center; }
.app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-primary.k-grid-update .k-i-check.k-button-icon:before { content: none; }
.app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-base.k-grid-cancel .k-i-cancel.k-button-icon:before { content: none !important; }
    .app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-primary.k-grid-update, .app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-base.k-grid-cancel {
        margin: var(--space-0px) !important;
        padding: var(--space-0px) !important;
        width: auto;
    }
.app-kgrid__container .k-master-row.k-grid-edit-row td > input, .app-kgrid__container .k-alt.k-master-row.k-grid-edit-row td > input { border: 1px solid var(--global-standard-grey-border)!important; }
/* End edit kendo row style */
/*mult-school search grid styles starts*/
.multischool__search-grid .app-kgrid__container .k-master-row td::before {
    content: "";
    position: absolute;
    left: var(--space-20px);
    top: var(--space-8px);
    height: var(--space-24px);
    width: var(--space-24px);
    color: var(--global-text-light) !important;
    padding: 7px;
    background: var(--global-light-green-color);
    background-image: url(../Images/AdminPlus/school-icon.svg) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    box-sizing: border-box;
    border-radius: var(--global-large-border-radius);
}

.multischool__search-grid .app-kgrid__container .k-grid-content td {
    padding-left: var(--space-60px) !important;
}

.multischool__search-grid .app-kgrid__container {
    border-radius: var(--global-border-radius);
}

    .multischool__search-grid .app-kgrid__container .k-grid-content {
        height: auto;
        border-radius: var(--global-border-radius);
        border: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
        border-bottom: var(--space-0px) !important;
    }
.multischool__search-grid .k-grid-header {
    display:none;
}
.mult-schoolsearchbox input.allGrids__SearchBox {
    width: var(--space-350px);
}

.multischool__search-grid .app-kgrid__container .k-grid-content.k-auto-scrollable {
    height: auto;
    max-height: var(--space-300px);
    overflow-y: overlay!important;
}

.multischool__search-grid .app-kgrid__container tr.k-master-row {
    cursor: pointer;
}
.multischool__search-grid .app-kgrid__container .k-master-row.k-selected {
    background-color: var(--brand-schedule-div-color)!important;

}
.multischool__search-grid .app-kgrid__container .k-master-row td,
.multischool__search-grid .app-kgrid__container .k-master-row.k-selected td {
    position: relative;
}
    .multischool__search-grid .app-kgrid__container .k-master-row.k-selected td::after {
        content: "";
        position: absolute;
        right: var(--space-20px);
        top: var(--space-10px);
        background: var(--brand-status-green);
        height: 22px;
        width: 22px;
        border-radius: var(--global-large-border-radius);
        color: var(--global-text-light) !important;
        padding: 7px;
        background-image: url(../Images/AdminPlus/tick.svg) !important;
        background-repeat: no-repeat;
        background-position: center;
        background-size: var(--space-20px);
        box-sizing: border-box;
    }
/*mult-school seacrh gris styles ends*/

/*batch entry popup design starts*/
.batchentry__circle {
    width: var(--space-32px);
    height: var(--space-32px);
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-standard-grey-border);
    text-align: center;
    letter-spacing: 0.2px;
    color: var(--global-text-color);
    line-height: 38px;
    border-radius: 50%;
    font-size: var(--global-text-size-xxl);
    position: relative;
    padding: 2px;
}

.graphical__container.active .batchentry__circle:before {
    display: block;
    content: ' ';
    background-color: var(--brand-status-green);
    width: 26px;
    height: 26px;
    border-radius: 50%;
}
.graphical__container.active .batchentry__circle { color: var(--global-text-light); }
.graphical__container.active .be_text { font-family: var(--global-font-family-semibold);    }
.graphical__container.selected .batchentry__circle {
    background-color: var(--brand-status-green);
    background-image: url(../Images/AdminPlus/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}
.graphical__container { display: inline-block; }
.lines { width: 170px; }
.line__after .batchentry__circle::after {
    content: " ";
    position: absolute;
    margin: auto;
    height: 3px;
    background: rgba(var(--brand-tabs-component-background-rgb), var(--opacity-six));
    width: 125px;
    top: 50%;
    left: var(--space-40px);
    border-radius: var(--global-border-radius);
}
.batchentry__circle .value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.graphical__container.selected .line__after .batchentry__circle::after {
    background: var(--brand-status-green);
}
.calendar__display {
    height:var(--space-40px);
}
.calendar__display .left__border {
    height: 100%;
    width: var(--space-5px);
    border-radius: var(--global-border-radius) var(--space-0px) var(--space-0px) var(--global-border-radius);
    display: inline-block;
    position: absolute;
    left: var(--space-0px);
    top: var(--space-0px);
}

#DailyAttendanceBatchEntry .edit__labelcol, #DailyAttendanceBatchEntry .edit__labelcol { width: 13%; }
.dropdown__customclose .comments-container .edit__fieldcol .k-clear-value {
    opacity: 1;
    position: absolute;
    right: -25px;
}

.dropdown__customclose .comments-container .edit__fieldcol .k-input {
    position: static;
    height: var(--space-35px);
    border: 1px solid var(--global-dropdown-border) !important;
}

.dropdown__customclose .comments-container .edit__fieldcol .k-clear-value .k-icon:before { background: url(../Images/AdminPlus/close-black-small.svg) no-repeat; content: ""; }
#DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input {
    width: 260px !important;
    position: relative;
    height: var(--space-35px);
    line-height: normal !important;
    background-position: 91% 9px;
}
#DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input 
.sel__stud .stud__no{
    min-width:var(--space-45px);
    min-height:var(--space-30px);
    display: inline-block;
}
.attendance__batch .student__attendance__details .edit__labelcol { width: 32.5% !important; }
.attendance__batch .student__attendance__details .seperation__line{ height:var(--space-100px); }
.comments-container .app__dropdown .k-dropdownlist{ height:var(--space-35px) !important; }
.enter__period__attendance .comments-container .app__dropdown .k-dropdownlist, .enter__period__attendance .comments-container .app__dropdown .k-dropdownlist .k-input-button { height: var(--space-40px) !important; }
.comments-container .seperation__line { height: var(--space-35px); }
.comments-container .matching-criteria-fields .app-input input, .comments-container .matching-criteria-fields .k-combobox.form-control { height: var(--space-35px) !important; border: 1px solid var(--global-card-border) !important; width: 380px !important; }
.comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .comments-container .matching-criteria-fields .db__fields, .comments-container .db__grade-levels .app__dropdown .k-dropdownlist { width: 360px !important; }
.comments-container #DBFieldsDiv .matching-criteria-fields .db__fields, .comments-container .view__grade-levels .app__dropdown .k-dropdownlist { width: var(--space-400px) !important; }
.comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .comments-container .matching-criteria-fields .select__criteria { width: var(--space-200px) !important; }
.comments-container .matching-criteria-fields .enter__value, .comments-container .matching-criteria-fields.select-criteria-fields .k-datepicker { width: 380px !important; }
.comments-container .search-icon { top: var(--space-10px); }
.individual-students-search .form-control { border: 1px solid var(--global-card-border); }
.comments-container .db__student-status .app__dropdown .k-dropdownlist, .comments-container .select__grade-levels .app__dropdown .k-dropdownlist, .comments-container .db__student-status .app__dropdown .k-dropdownlist:hover, .comments-container .select__grade-levels .app__dropdown .k-dropdownlist:hover { width: 320px !important; }
.comments-container .individual-students-view .k-dropdownlist{ width:375px !important; }
#grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable, #grdSelectedStaffList #grdReportsSelectedStaffList.app-kgrid__container .k-grid-header .k-header:not(:last-child):before { overflow: auto; }
.comments-container .matching-criteria-fields .k-combobox.form-control .k-input-inner { border: none !important; }
.batch-entry-commentbox { resize: none; height: 135px; width: 500px; background: transparent; }
.kendo-dropdown__multi-checkbox .k-list-item.k-selected { color: var(--global-text-color); background-color: var(--brand-default-light-background); }
.kendo-dropdown__multi-checkbox .k-list-item:hover { background-color: var(--brand-default-light-background); }
.dynamic-field-control .k-datepicker, .dynamic-field-control .k-dropdownlist, .comments-container .matching-criteria-fields .dynamic-field-control .k-dropdownlist { width: 378px !important; }
.comments-container .matching-criteria-fields .dynamic-field-control .k-datepicker input { width: 378px !important; border: none !important; }
/*batch entry popup design ends*/
/* --------------- Send Module css starts -----------------------------------*/
/*email expand command collapse animation*/
.compose-email__left-side-container .seperation__line { height: var(--space-70px); }
#dvtxtEmailEditor .basic-mode__center { width: 682px; }
.mapOtherFieldsbtn { border: 1px solid var(--global-input-border-color) !important; border-radius: var(--global-border-radius); -moz-border-radius: var(--global-border-radius); font-size: var(--global-text-size) !important; font-weight: var(--gloabl-default-font-weight) !important; background: var(--brand-default-light-background); color: var(--global-text-color); height: var(--space-35px); }
.mapOtherFieldsbtn:hover { border: 1px solid var(--global-form-container-border) !important; }
.mapOtherFields-dropdown-menu, .mapOtherFieldsbtn, .GridSelection .k-widget, .k-animation-container .k-tool.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base { width: 100%; }
.compose-mail__right { background: var(--brand-component-secondary-background); width: var(--email-right-container); padding-top: 1px; }
.quick-mail__container .compose-mail__right { width: var(--quick-mail-right-container); } 
.basic__mode .basic-mode__subject { width: 828px; }
.advanced-email-toggler { padding: var(--space-12px) var(--space-20px); border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important; background: var(--brand-component-secondary-background); width: var(--email-right-container); }
.advanced-email-toggler .email__toggle-container { justify-content: start; display: flex; display: -ms-flexbox; }
.content-wrapper .advanced-email-toggler { display: none !important; }
.GridSelection .k-alt, .GridSelection .k-selected td:hover { background: var(--brand-default-light-background); }
.GridSelection tr:hover { background: transparent !important; }
.GridSelection td { height: var(--space-50px); border-bottom: 1px solid var(--global-light-gray-border-color) !important; font-size: var(--global-text-size-xs); font-family: var(--global-font-family-regular); font-weight: var(--gloabl-default-font-weight); color: var(--global-border-dark); }
.GridSelection .k-grid-content { border: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important; border-bottom: none!important; }
.GridSelection .k-selected td { box-shadow: 0px var(--space-5px) var(--space-10px) var(--global-user-menu-boxshadow); -moz-box-shadow: 0px var(--space-5px) var(--space-10px) var(--global-user-menu-boxshadow); border: 2px solid var(--global-dark-blue-border-color) !important; background: var(--brand-default-light-background); position: relative; }
.GridSelection td:first-child { border-top: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important; }
.GridSelection td:before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: var(--space-10px);
    top: var(--space-0px);
    position: relative;
    padding-left: var(--space-12px);
}
.app__dropdownmenulist .activeTab { background-color: rgba(var( --brand-table-row-background), 0.25) !important; color: var(--global-border-dark) !important; border-radius: 0px !important; -moz-border-radius: 0px !important; }
#dvtxtEmailEditor .k-editor .k-customImageUpload { background: url(../Images/UploadImageIcon.png) no-repeat; }
#dvtxtEmailEditor .k-colorpicker.k-editor-widget { width: auto !important; }
#dvtxtEmailEditor .k-editor-toolbar .k-combobox-clearable .k-input { padding-right: var(--space-0px) !important; }
#dvtxtEmailEditor ul.k-editor-toolbar li:nth-child(10) { display: inline-flex !important; display: -ms-inline-flexbox !important; }
#divEmailLayout #EmailContent #dvEmailEditor #dvtxtEmailEditor ul.k-editor-toolbar > li.k-tool-group > span.k-widget.k-combobox.k-combobox-clearable.k-editor-widget.k-group-end > span.k-dropdown-wrap.k-state-default { width: 86px !important; }
#dvtxtEmailEditor .k-editor-toolbar .k-tool-group .k-tool-icon.k-icon { margin-bottom: 3px; }
    #dvtxtEmailEditor .k-editor-toolbar .k-tool-group .k-tool-icon.k-icon.k-i-custom-image-upload {
        margin: 2px var(--space-0px) var(--space-0px) var(--space-0px);
    }
.divEmail .k-input.k-fontSize.k-group-end { width: 56px !important; }
#dvtxtEmailEditor .k-colorpicker .k-tool-icon {
    width: var(--space-0px);
}
#dvtxtEmailEditor .k-toolbar .k-input:last-child { width: 7em !important; }
#dvtxtEmailEditor .k-tool-group:nth-child(1) { order: 13; }
#dvtxtEmailEditor .k-tool-group:nth-last-child(2){ order:14; }
#dvtxtEmailEditor .k-tool-group:last-child {order: 15; }
.k-button-solid-primary,
.k-button-solid-base.k-focus,
.k-button-solid-base:focus, .k-button-solid-base.k-active,
.k-button-solid-base.k-selected, .k-button-solid-base:active {
    color: var(--global-text-color);
}
.k-edit-form-container .k-dialog-insert,
.k-animation-container .k-tool.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base,
.k-dialog-ok {
    background: var( --brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius);
    padding: 6px var(--space-15px);
    height: var(--space-40px) !important;
    width: auto;
    min-width: 85px;
}
.k-edit-form-container .k-dialog-insert:hover,
.k-animation-container .k-tool.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base:hover,
.k-dialog-ok:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight);
    height: var(--space-40px) !important;
}
.k-edit-form-container .k-dialog-close {
    background: var(--brand-default-light-background) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-link-color) !important;
    color: var(--global-link-color);
    font-weight: var(--gloabl-default-font-weight);
    font-family: var(--global-font-family-semibold);
    padding: 6px var(--space-15px);
    height: var(--space-40px) !important;
    width: auto;
    min-width: 85px;
}
.k-edit-form-container .k-dialog-close:hover {
    background: var(--brand-dark-backgroundcolor-indicator)!important;
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
}
.k-edit-form-container .k-picker, .k-edit-form-container .k-input, .k-edit-form-container .k-checkbox { border: 1px solid var(--global-standard-grey-border) !important; }
.k-edit-form-container .k-checkbox { border-radius: 2px; -moz-border-radius: 2px; }
.k-edit-form-container .k-checkbox:active, .k-edit-form-container .k-checkbox:checked { border: 1px solid var(--brand-tabs-component-background) !important; }
.k-editor-dialog { padding-bottom: var(--space-0px)!important; padding: var(--space-20px); }
    .k-editor-dialog ul.k-tabstrip-items {
        border-width: var(--space-0px) !important;
    }
    .k-editor-dialog .k-tabstrip-items .k-item {
        overflow: visible !important;
        background: var(--brand-tabs-component-background) !important;
        border-radius: var(--space-8px) var(--space-8px) var(--space-0px) var(--space-0px) !important;
        margin: var(--space-0px) 1px -1px var(--space-0px) !important;
    }
.k-editor-dialog .k-tabstrip-items .k-link {
    font-size: var(--global-text-size) !important;
    color: var(--global-text-light) !important;
    font-weight: var(--gloabl-default-font-weight) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-family: var(--global-font-family-regular);
    text-transform: capitalize;
    letter-spacing: 0.16px;
}
.k-editor-dialog .k-edit-buttons { padding: var(--space-20px)!important; }
.k-editor-dialog .k-edit-buttons .k-dialog-ok, .k-editor-dialog .k-edit-buttons .k-dialog-insert { margin-right: var(--space-20px) !important; }
.k-editor-dialog.k-editor-table-wizard-dialog.k-window-content, .k-editor-dialog .k-tabstrip .k-content.k-active { background: var(--brand-component-secondary-background) !important; border: none; }
.k-editor-dialog .k-tabstrip .k-tabstrip-items-wrapper .k-active span.k-link {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    border-top-right-radius: var(--space-8px) !important;
    border-top-left-radius: var(--space-8px) !important;
    position: relative;
    font-family: var(--global-font-family-semibold);
    margin-top: 1px;
    margin-right: 1px;
    margin-left: 1px;
    box-sizing: border-box;
}
#dvtxtEmailEditor .k-tool-group:nth-child(1) .k-dropdownlist { width: 101px !important; }
/*for Quick Mail*/
.content-wrapper .advanced-mode-compose__top > .app-d-flex, .sent__emails .k-button:hover .viewContactName-on-hover { display: inline-block; }
.attachments-input { width: calc(100% - 170px); }
.panel #EmailContent #dvEmailEditor .compose-mail__right .advance-mode__right .GridSelection .k-grid-content.k-auto-scrollable { height: 601px !important; }
.panel #EmailContent #dvEmailEditor .compose-mail__right .advanced-email-toggler, .sent__emails .k-button:hover .viewContactName { display: none; }
.recipients-email__container .settingBtn, .create-template__div .createTemplateBackBtn, .quick-mail__container #btnGoBackEmailRecipient, .viewEmailSentBackBtn, .scheduledEmailBackBtn, .compose-email__container .settingBtn {
    border: none;
    background: transparent;
    cursor: pointer;
}

.recipients-email__container .settingBtn img.rotate-360, .compose-email__container .settingBtn img.rotate-360 {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.recipients-email__container .settingBtn img.rotate-360:hover, .compose-email__container .settingBtn img.rotate-360:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.add-recipient__container #divlookUpMenu .add-recipient__body #dvprospectDetails #divEmailProspectGrid .k-grid-content.k-auto-scrollable { height: 519px; }
.app__dropdown.contain-begin__dropdown .k-widget, .app__dropdown.contain-begin__dropdown .k-widget .k-dropdown-wrap { width: 134px !important; }
.quick-mail__container .divEmail { border-radius: var(--global-border-radius); -moz-border-radius: var(--global-border-radius); }
.content-wrapper .app-k-editor iframe.k-content.manageTemplateEditorHeight { height: 504px; }
.quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.manageTemplateComposeGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
    height: 491px !important;
}

.content-wrapper .app-k-editor iframe.k-content.newEmailComposeExpand { height: calc(100vh - (var(--header-height) + 240px)) !important; }
.content-wrapper .app-k-editor iframe.k-content.newEmailComposeCollapse, .quick-mail__container .app-k-editor iframe.k-content { height: calc(100vh - (var(--header-height) + 395px)) !important; }
.quick-mail__container { overflow: auto; height: calc(100vh - (var(--header-height) + 60px) ); }
.quick-mail__container.createNewTemplateContainer, .quick-mail__container.quickEmailTabsContainer { height: calc(100vh - var(--header-height)); }
.quick-mail__container .app-k-editor iframe.k-content.createTemplateEditorHeight { height: calc(100vh - (var(--header-height) + 255px)) !important; }
.quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight { height: calc(100vh - (var(--header-height) + 335px)) !important; }
.quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight.manageTemplateExpandEditorHeight { height: calc(100vh - (var(--header-height) + 183px)) !important; }
.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
    height: calc(100vh - (var(--header-height) + 417px)) !important;
}

.quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
    height: calc(100vh - (var(--header-height) + 262px)) !important;
}

.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.createTemplateGridHeight {
    height: calc(100vh - (var(--header-height) + 278px)) !important;
}

.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight {
    height: calc(100vh - (var(--header-height) + 357px)) !important;
}

.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight {
    height: calc(100vh - (var(--header-height) + 205px)) !important;
}
#divHomeTab .pagination span.k-widget.k-dropdown { width: var(--space-70px) !important; }
#dvEmailEditor {
    background: var(--brand-component-secondary-background);
    border: 1px solid var(--global-standard-grey-border);
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
    height: calc(100vh - 320px);
}

#dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content,
#divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
    height: calc(100vh - 448px) !important;
}
#divManageTemplates #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content { height: calc(100vh - 438px) !important; }
#dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
    height: 548px !important;
}
/*Start: APCOM  Email */
.basic-mode__top {
    background: var(--brand-component-secondary-background);
    padding: var(--space-15px) var(--space-25px);
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
}

.quick-mail__container .basic-mode__top { padding-top: var(--space-10px); }
.attachment__container .close { opacity: 1; }
.attachments button.close {
    line-height: 19px;
    padding: var(--space-0px);
    border: none;
    background: transparent;
}
.attachment-block {
    min-height: var(--space-40px);
    height: auto;
    max-height: var(--space-50px);
}
.attachment-icon {
    height: 17px;
    margin-top: 6px;
}
.app__dropdownmenulist .app-white-bg.dropdown-toggle {
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: 1px solid var(--global-input-border-color);
}

.app__dropdownmenulist .app-white-bg.dropdown-toggle::after {
    margin-top: var(--space-10px);
    float: right;
}

.recipient-group {
    font-weight: var(--gloabl-default-font-weight);
    font-size: var(--global-text-size);
    font-family: var(--global-font-family-regular);
    color: var(--global-border-dark);
    align-items: center;
    height: var(--space-40px);
    display: flex;
    display: -ms-flexbox;
    padding-left: var(--space-10px);
}
/*Advanced mode */
.recipients-email__container, .compose-email__container, .add-recipient__heading { background: var( --brand-container-dark-background); padding: var(--space-15px) var(--space-20px); }
.multipleEmails #dvtxtEmailEditor { width: 100% !important; }
#dvtxtEmailEditor { width: calc(100% - var(--email-right-container)); border-right: 1px solid var(--global-standard-grey-border); height: calc(100vh - 322px); }
#dvtxtEmailEditor .app-k-editor iframe.k-content { height: calc(100vh - 476px) !important; }
.app-k-editor .k-editor-toolbar { background: var(--brand-component-secondary-background) !important; padding: 9px var(--space-10px) !important; border-bottom: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)) !important; }
.app-k-editor .k-editor-toolbar .k-tool-group a.k-tool.k-state-hover { background-color: var(--brand-default-light-background) !important; border-color: var(--global-editor-border) !important; }
#dvtxtEmailEditor table { border: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four)); }
.app-k-editor .k-editor .k-content { background: var(--brand-default-light-background); }
#dvEmailEditor #dvtxtEmailEditor .k-editable-area iframe, #dvEmailEditor #dvtxtEmailEditor .k-editor-toolbar .k-dropdown-wrap.k-state-default { border: none; }
.app-k-editor iframe.k-content { height: calc(100vh - 530px); }
.app-expand__toggle .compose-email__expand:hover .expand-arrow { animation: expandslideup 0.30s; animation-fill-mode: forwards; }
.app-expand__toggle .compose-email__collapse:hover .collapse-arrow { animation: collapseslidedown 0.30s; animation-fill-mode: forwards; }
#divEmailProspectGrid .k-grid-header th { color: var(--global-text-light); }
#divEmailProspectGrid input[type="checkbox"] {
    margin: var(--space-0px) var(--space-20px) var(--space-0px) var(--space-0px) !important;
}
#divEmailProspectGrid .k-grid-content table td[role="gridcell"]:last-child { padding-left: var(--space-30px) !important; }
#divEmailRelationGrid .k-grid-header-wrap input[type=checkbox] { padding-right: var(--space-10px) !important; }
/* Email contacts */
.quick-mail__container .app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: var(--space-0px) !important;
}
.quick-mail__container .app__tabstrip .k-tabstrip-items .k-link { padding: var(--space-8px) var(--space-20px) var(--space-10px) var(--space-20px) !important; width: auto; }
.local-field-help-tooltip .tooltiptext {
    position: absolute;
    width: 440px;
    min-height: var(--space-100px);
    right: -50px;
    top: var(--space-45px);
    background: var(--brand-component-secondary-background);
    padding: var(--space-15px) var(--space-25px) var(--space-15px) var(--space-15px);
    z-index: 999;
    border: 1px solid var(--global-tooltip-bdr);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    display: none;
}

    .local-field-help-tooltip .tooltiptext::after {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 57px;
        border-width: 9px 9px 13px 9px;
        border-style: solid;
        border-color: transparent transparent var(--brand-component-secondary-background) transparent;
    }

    .local-field-help-tooltip .tooltiptext::before {
        content: "";
        position: absolute;
        bottom: 100%;
        right: 56px;
        border-width: var(--space-10px) var(--space-10px) var(--space-15px) var(--space-10px);
        border-style: solid;
        border-color: transparent transparent var(--global-tooltip-bdr) transparent;
    }

    .local-field-help-tooltip .tooltiptext .local-field-help-close {
        position: absolute;
        right: var(--space-10px);
        top: var(--space-10px);
    }
#GridContactLocalFields .field-value .k-input {
    padding-right: var(--space-0px) !important;
}
.quick-mail__container .app__tabstrip ul.k-reset.k-tabstrip-items:after { left: -20px; width: calc(100% + 20px); }
.batchentry-status-text-horizantal .batchentry__circle {
    width: var(--space-32px);
    height: var(--space-32px);
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-standard-grey-border);
    text-align: center;
    letter-spacing: 0.2px;
    color: var(--global-text-color);
    line-height: var(--space-32px); /* Adjusted to match the height */
    border-radius: 50%;
    font-size: var(--global-text-size-xxl);
    position: relative;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.batchentry-status-text-horizantal .graphical__container .batchentry__circle:before {
    display: block;
    content: ' ';
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
}

.batchentry-status-text-horizantal .graphical__container.active .batchentry__circle:before {
    background-color: var(--brand-status-green);
    top: 2px;
    left: 2px;
}
.batchentry-status-text-horizantal .graphical__container.active .line__after .batchentry__circle::after,
.batchentry-status-text-horizantal .graphical__container.selected .line__after .batchentry__circle::after,
.graphical__container.selected .line__after .batchentry-status-text-horizantal::after {
    background-image: url(../Images/AdminPlus/right-arrow-green.svg) !important;
    background-color: transparent !important;
}
.batchentry-status-text-horizantal .graphical__container.active .batchentry__circle { color: var(--global-text-light); }
.batchentry-status-text-horizantal .graphical__container.active .be_text { font-family: var(--global-font-family-semibold); color: var(--global-text-color); }
.batchentry-status-text-horizantal .graphical__container.selected .batchentry__circle {
    background-color: var(--brand-status-green);
    background-image: url(../Images/AdminPlus/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}

.batchentry-status-text-horizantal .graphical__container {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    margin-right: var(--space-60px);
}
.batchentry-status-text-horizantal .graphical__container:last-child{ margin-right: var(--space-0px); }

.batchentry-status-text-horizantal .lines {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: var(--space-5px);
}

.batchentry-status-text-horizantal .line__after .batchentry__circle::after {
    content: " ";
    position: absolute;
    height: var(--space-16px);
    background-image: url(../Images/AdminPlus/right-arrow-grey.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent;
    width: 68px;
    top: 30%;
    right: var(--space-0px);
    transform: translate(-155%);
    border-radius: var(--global-border-radius);
    margin: var(--space-0px) auto;
}

.batchentry-status-text-horizantal .batchentry__circle .value { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.batchentry-status-text-horizantal .graphical__container.selected .line__after .batchentry__circle::after { background: var(--brand-status-green); }
#dvtxtEmailEditor .app-k-editor .k-editor-toolbar { padding: var(--space-5px) var(--space-10px) !important; border-bottom: 1px solid var(--global-standard-grey-border)!important; box-shadow: 0px var(--space-10px) var(--space-20px) var(--global-gray-shadow-color) !important; }   
#dvtxtEmailEditor .k-tool-group .k-input, #dvtxtEmailEditor .k-picker, #dvtxtEmailEditor .k-input-button { border: none !important; background: transparent !important; }
#divEmailTab .app-custom-pagination .k-grid-pager{ border-bottom-left-radius:  var(--space-4px); border-bottom-right-radius:  var(--space-4px); }
#grdManageEmailTemplate .k-grid-content, #grdScheduledEmail .k-grid-content,#grdEmailRecipientProspectList2 .k-grid-content { height: calc(100vh - 330px) !important; }
.app-upload-btn .k-dropzone { background-color: var(--brand-default-light-background); }
.app-upload-btn .k-upload .k-button.k-upload-button { background-color: var(--brand-main-backgroundcolor-indicator) !important; color: var(--global-text-light) !important; }
#divEmailTab .grid__searchbox .allGrids__SearchBox { width: 290px !important; }
/* --------------- End - Need to remove once kendo applied ---------------- */
/*************Send overview page start***************/
.app-send-schedule-light-blue-bg:hover {
    border: 2px solid var(--global-dark-blue-border-color);
    text-decoration: underline;
    border-left: var(--space-5px) solid var(--global-border-blue);
    text-decoration-color: var(--global-border-blue);
    box-shadow: 0px 3px 6px #0000001A;
}
.send-template-card .app-statistics-grid.statistics-with-header li:first-child:before { border-top-left-radius: var(--global-border-radius) !important; }
#dvFile .k-button-flat:focus::after { opacity:0 !important; }
#dvFile .k-i-close:before {
    background-image: url(../Images/AdminPlus/cancel-black-small.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 17px !important;
    background-position: right var(--space-45px) top 1px !important;
    width: 67px !important;
    height: var(--space-100px) !important;
    margin: var(--space-0px) var(--space-0px) var(--space-0px) -5px !important;
}
/*************Send overview page end***************/
/****************Send Module Select Student start *************************/
#studentSelectionEmail .app__dropdown,
#studentSelectionEmail .k-dropdownlist:hover,
#studentSelectionEmail .k-dropdownlist:active,
#studentSelectionEmail .k-dropdownlist:focus {
    width: var(--space-400px) !important;
}
#studentSelectionEmail .app__dropdown .k-dropdownlist,
#studentSelectionEmail .app__dropdown .k-dropdownlist:hover,
#studentSelectionEmail .app__dropdown .k-dropdownlist:focus,
#studentSelectionEmail .app__dropdown .k-dropdownlist:active {
    width: 100% !important;
}
#studentSelectionEmail .app-grey-bg {
    height: calc(100vh - 390px);
    overflow: auto;
}
#studentSelectionEmail .comments-container {
    margin: var(--space-0px) !important;
    padding: var(--space-0px)!important;
    background: transparent !important;
}
#studentSelectionEmail .select__grade-levels,
#studentSelectionEmail .db__grade-levels,
#studentSelectionEmail .view__grade-levels,
#studentSelectionEmail .individual-students-levels,
#studentSelectionEmail .individual-staff-levels {
    flex: 1;
}
#studentSelectionEmail .select__grade-txt,
#studentSelectionEmail .db__grade-txt {
    width: 133px;
}
#studentSelectionEmail .view__grade-levels {
    margin-right: 0 !important;
}
#studentSelectionEmail .individual-students-levels,
#studentSelectionEmail .individual-staff-levels {
    margin-right: var(--space-50px);
}
#studentSelectionEmail .comments-container .app__dropdown .k-dropdownlist,
#studentSelectionEmail .comments-container .student-selection-combo,
#studentSelectionEmail .comments-container .matching-criteria-fields .app-input input,
#studentSelectionEmail .comments-container .matching-criteria-fields .k-combobox.form-control,
#studentSelectionEmail .comments-container .seperation__line {
    height: var(--space-40px) !important;
}
#studentSelectionEmail .comments-container .matching-criteria-fields .app-input input {
    height: 100% !important;
}
/****************Send Module Select Student ends *************************/
/****************Send Module Perview sent email screen start *************************/
.app-perview-contact { height: calc(100vh - 660px); }
.app-sent-view-contact { height: calc(100vh - 680px); }
.schedule-later .app-sent-view-contact { height: calc(100vh - 600px); }
.view-sent-info { width: calc(100% - 211px); }
.sent-file-name:hover { color: var(--global-link-color); text-decoration: underline !important; }
.send-view-recipient-block { width: 600px; }
.send-student-details-block { width: 785px; }
.send-view-recipient-block-btn { width: calc(100% - 59%); }
.send-student-details-block-btn { width: calc(100% - 41%); }
.email-subject-box { width: 65% !important; }
.div-attached-file { min-height: var(--space-65px); max-height: var(--space-80px); }
/****************Send Module Perview sent email screen ends *************************/
/**************Send Select Recipients screen start *****************/
.select-recipients-block { height: calc(100vh - 385px); }
.add-recipient-block { max-height: calc(100vh - 587px); border-top: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)); }
.add-recipient-bg { background: rgba(var(--brand-table-row-background), var(--opacity-one)); border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)); }
.btn-add-recipients { position: relative; top: -80px; }
#gridContactLocalFields.app-kgrid__container .k-grid-content table td.k-command-cell { border-right: none !important; }
#gridContactLocalFields.app-kgrid__container tr:last-child td{ border-bottom: none !important; }
#gridContactLocalFields.app-kgrid__container .k-button {
    padding-right: var(--space-0px) !important;
}
/**************Send Select Recipients screen ends *****************/
/**************Send Create new template screen start *****************/
.send-screen-height { height: calc(100vh - 130px); }
.app-w-480 { width: 480px; }
.create-template-block #dvEmailEditor { height: calc(100vh - 310px); }
.create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content,
.create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content,
.create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content,
.create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content { height: calc(100vh - 438px) !important; }
.create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content { height: calc(100vh - 428px) !important; }
.create-template-block #dvtxtEmailEditor { height: calc(100vh - 312px); }
/**************Send Create new template screen ends *****************/
/**************Send scheduled edit screen start *****************/
.send-edit-block { width:20%; }
.send-scheduled-edit { width: 100%; }
/**************Send scheduled edit screen end *****************/
/**************Send later popup start *****************/
.scheduled-date .k-input, .send-schedule-time .k-input { border: 1px solid var(--global-standard-grey-border); }
/**************Send later popup ends *****************/
/**************View Recipients popup start *****************/
#grid .k-grid-content { height: calc(100vh - 354px); }
/**************View Recipients popup ends *****************/
#divSentEmails .emailSubjectBlock { height: calc(100vh - 370px); }
#divSentEmails .schedule-later .app-sent-view-contact { height: calc(100vh - 565px); }
/* --------------- Send Module css ends -----------------------------------*/
.divBatchEntryLogViewPopup { left: 84px; }
.divBatchEntryLogViewPopup .seperation__line{ height:var(--space-15px); }
.divBatchEntryLogViewPopup .status-text-area{ min-width:var(--space-100px); }
#gridDailyAttendanceBatchEntryLogs.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(3):before{ background: none !important; }
td.pos_change .divBatchEntryLogViewPopup{ left:var(--space-10px); }
td.pos_change .divBatchEntryLogViewPopup .dropdown-menu{ top:27px; }
/*Demographics -> Batch Entry Popup Starts*/
.demographics-batch-entry .comments-container .batch-entery__popup { max-height: calc(100vh - 447px); }
.comments-container .matching-criteria-fields .k-combobox.form-control .k-input-inner, .comments-container .matching-criteria-fields .k-datepicker .k-input-inner { border: none !important; }
.demographics-batch-entry .comments-container .matching-criteria-fields .db__fields,
.demographics-batch-entry .comments-container .matching-criteria-fields .app-input input,
.demographics-batch-entry .comments-container .matching-criteria-fields .k-combobox.form-control,
.demographics-batch-entry .comments-container .matching-criteria-fields .k-datepicker,
.demographics-batch-entry .comments-container .matching-criteria-fields .app__dropdown .k-dropdownlist {
    width: var(--space-400px) !important;
}
.demographics-batch-entry .comments-container .matching-criteria-fields .k-datepicker, .comments-container .matching-criteria-fields.select-criteria-fields .k-datepicker { border: 1px solid var(--global-card-border) !important; }
td.pos_change .divDemographicsBatchEntryLogViewPopup { left: 6px; }
.divDemographicsBatchEntryLogViewPopup { left: 83px; }
/***School -> Report Cards -> Skills Starts***/
.divCourseSkills .k-grid-norecords, .divCourseSkills .k-grid-norecords-template { margin-top: var(--space-0px); line-height: var(--space-40px); background-color: var(--brand-default-light-background); }
.course-skills .app-kgrid__container table tbody tr.k-master-row { background-color: rgba(var( --brand-table-row-background), var(--opacity-two)) !important; }
.course-skills .app-kgrid__container table tbody tr.k-master-row:hover { background-color: rgba(var( --brand-table-row-background), var(--opacity-three)) !important; }
.course-skills .app-kgrid__container table tbody tr, .course-skills .app-kgrid__container table tbody tr:hover { height: var(--space-32px) !important; }
.course-skills .app-kgrid__container .k-grid-header .k-header:before { content: none; }
.course-skills .app-kgrid__container table tbody td:first-child { width: var(--space-80px) !important; }
.course-skills .app-kgrid__container .inner__col table tbody td:first-child { width: var(--space-80px) !important; vertical-align: top; }
.course-skills .app-kgrid__container table tbody tr td:nth-child(2) { text-align: left; }
#divSkillsDetails .app-custom-grid.app-kgrid__container tr.k-master-row:last-child td:nth-child(2) { width: 23%; }
#grdCourseGrades.app-kgrid__container .k-grid-content td:first-child, #grdCourseGrades.app-kgrid__container td:first-child, .course-skills .app-kgrid__container table tbody td:first-child { border-left: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important; }
.app-custom-grid.k-widget table tbody tr:last-child td:nth-child(1),
.app-down-arrow-grid .k-detail-cell .k-widget table tbody tr:last-child td:nth-child(1),
.app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid table tbody,
.app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell .k-widget tbody tr:last-child,
.app-down-arrow-grid.app-kgrid__container .k-detail-row .k-detail-cell .k-widget table tbody tr:last-child td:last-child {
    border-radius: var(--space-0px) !important;
}
.app-down-arrow-grid.app-kgrid__container .k-grid-header th.k-header { padding-left: var(--space-10px) !important; }
.app-down-arrow-grid.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand:before { transform: rotate(90deg); }
.app-down-arrow-grid.app-kgrid__container th.k-hierarchy-cell:first-child, .app-down-arrow-grid.app-kgrid__container td.k-hierarchy-cell:first-child { padding-right: var(--space-0px) !important; padding-left: var(--space-20px) !important }
.app-down-arrow-grid.app-kgrid__container .k-grid-header th.k-header.k-hierarchy-cell, .app-down-arrow-grid.app-kgrid__container td.k-hierarchy-cell { padding-left: var(--space-0px) !important; }
.app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell {
    padding: var(--space-0px) !important;
}
.app__tabstrip .app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid { width: calc(100% + 37px); margin-left: -37px; border: none !important; }
.app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid table tr:nth-child(even) { background: rgba(var(--brand-table-row-background), var(--opacity-one)) !important; }
.app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid table tr:nth-child(odd) { background: rgba(var( --brand-table-row-background), 0.03) !important; }
.app-down-arrow-grid.app-kgrid__container tr:hover { background-color: transparent !important; color: var(--global-text-color); }
.app-custom-grid.app-kgrid__container tr.k-master-row:last-child td { border-bottom: none !important; }
#grdCourseGrades.app-kgrid__container td {
    padding-left: var(--space-0px) !important;
    padding-right: var(--space-0px) !important;
    text-align: center;
}
#grdCourseGrades table colgroup col:first-child { width: 390px !important; }
#grdCourseGrades.app-kgrid__container td:first-child {padding-right: var(--space-20px) !important; font-family: var(--global-font-family-semibold); text-align: right !important; }
#grdCourseGrades.app-kgrid__container tr, #grdCourseGrades.app-kgrid__container table tbody tr:hover { background-color: var(--brand-lightwhite-bg-color) !important; }
#grdSkills.app-kgrid__container table tbody tr .k-i-expand:before { top: var(--space-5px) !important; }
#divGrdCourseGrades.app-kgrid__container .k-grid-header th.k-header {
    position: relative !important;
    padding-left: var(--space-0px) !important;
    text-align: center;
}
#divGrdCourseGrades.app-kgrid__container .k-grid-header .k-header:not(:last-child):before { top: var(--space-10px) !important; }
.app-custom-grid.app-kgrid__container td { padding-left: var(--space-20px) !important; padding-right: var(--space-20px) !important; }
#divSkillsDetails .app-custom-grid.app-kgrid__container tr.k-master-row:last-child td:nth-child(1) {
    border-bottom-left-radius: var(--space-0px) !important;
}
/***School -> Report Cards -> Skills Ends***/
/***School -> Report Cards -> Narratives edit popup starts***/
#divCourseDropDown.app-w-100,
#divCourseDropDown.app-w-100 .k-dropdownlist,
#divCourseDropDown.app-w-100 .k-dropdownlist:hover,
#divCourseDropDown.app-w-100 .k-dropdownlist:active,
#divCourseDropDown.app-w-100 .k-dropdownlist:focus,
#divCourseDropDown.app-w-100 .k-dropdownlist:visited {
    width: 100% !important;
}

#divCurrentMarkingPeriodEditor .k-toolbar {
    padding:var(--space-0px) !important;
    border-bottom: 1px solid var(--global-standard-grey-border) !important;
    background: var(--brand-text-editer-toolbar-bg) 0% 0% no-repeat padding-box !important;
    opacity: 1;
}
#divCurrentMarkingPeriodEditor .k-toolbar .k-tool-group { margin: var(--space-5px); }
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-tool-group > .k-tool,
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-editor-dropdown .k-picker,
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-editor-dropdown .k-picker .k-button-solid-base,
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-combobox .k-button-solid-base,
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-picker ,
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-picker .k-input-button {
    height: auto !important;
}
#divCurrentMarkingPeriodEditor .k-editor-toolbar.k-toolbar::before { content: ""; height: auto }
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-editor-dropdown .k-picker .k-input-inner,
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-combobox .k-input-inner,
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-icon-picker .k-input-inner {
    padding: var(--space-0px) var(--space-4px);
}
#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(3):after,
#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(6):after {
    content: "";
    height: var(--space-20px);
    width: 1px;
    background: var(--global-dark-dim-grey-border);
    top: 3px;
    position: relative;
    left: 3px;
}

#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(1) { order: 1; }
#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(2) { order: 2; }
#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(3) { order: 3; }
#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(4) { order: 5; }
#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(5) { order: 6; }
#divCurrentMarkingPeriodEditor .k-toolbar li.k-tool-group:nth-child(6) { order: 4; }
#divNarrativesEditControls .app-box-shadow { box-shadow: 0px 2px var(--space-5px) var(--global-user-menu-boxshadow); } 
#divPreviousMarkingPeriodEditor { height: calc(100vh - 430px); background: var(--brand-light-gray-bg-color); }
#divCurrentMarkingPeriodEditor .k-editable-area iframe {
    padding: var(--space-0px) var(--space-0px) var(--space-5px) var(--space-15px);
    height: calc(100vh - 499px);
    border-radius: var(--space-0px) var(--space-0px) 7px 7px;
}
#divCurrentMarkingPeriodEditor .k-picker, #divCurrentMarkingPeriodEditor .k-button-solid-base { background-color: transparent !important; }
#divCurrentMarkingPeriodEditor .k-toolbar .k-input:last-child{ width:7em !important; }
#divCurrentMarkingPeriodEditor .k-icon:before, #divCurrentMarkingPeriodEditor .k-picker .k-input-value-text, #divCurrentMarkingPeriodEditor .k-input-inner.k-fontName, #divCurrentMarkingPeriodEditor .k-input-inner.k-fontSize { color: var(--global-light-grey-color); }
#divCurrentMarkingPeriodEditor .k-picker .k-input-button .k-i-arrow-s:before { background-image: none; content: "\e006"; }
#divNarrativesEdit .student__image { width: var(--space-50px); max-width: var(--space-50px); max-height: var(--space-60px); }
#divPreviousMarkingPeriodEditor .k-editor, #divCurrentMarkingPeriodEditor .k-editor, #divPreviousMarkingPeriodEditor .k-editor-toolbar { border-radius: 7px 7px 7px 7px; background: var(--brand-light-gray-bg-color) !important; }
#divCurrentMarkingPeriodEditor .k-toolbar .k-input { border-color: transparent; background: transparent; border-width: 0; }
#divPreviousMarkingPeriodEditor .k-editor-content, #divCurrentMarkingPeriodEditor .k-editor-content { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
#divCurrentMarkingPeriodEditor .k-editor-toolbar .k-tool-group > .k-tool { width: auto !important; padding:  var(--space-4px) var(--space-8px) !important; }
#divNarrativesEditControls .app-card-header:first-child {
    border-radius: var(--space-0px) !important;
}
#divNarrativesEditControls #divPreviousMarkingPeriodEditor .k-editable-area.k-editor-content, #divNarrativesEditControls #divPreviousMarkingPeriodEditor .k-editable-area.k-editor-content iframe { border-radius: var(--global-border-radius) !important; }
/***School -> Report Cards -> Narratives edit popup ends***/

/***School -> Report Cards -> Narratives Starts***/
#grdNarratives tr.k-master-row td.k-hierarchy-cell:first-child {
    padding-left: var(--space-30px);
}

.app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid table .k-master-row.k-grid-edit-row {
    background-color: var(--brand-row-highlite) !important;
}

#divSkillsDetails .app-kgrid__container .k-grid-edit-row .k-button:first-child {
    margin-right: var(--space-20px) !important;
}

#divSkillsDetails .app-kgrid__container .k-button {
    padding-right: var(--space-0px) !important;
}

#divSkillsDetails .k-grid-header {
    display: none !important;
}

#divSkillsDetails .k-combobox .k-input-button, .narrative-details-screen .narratives-screen .narrative__editarea table.k-editor tr:first-child {
    display: none;
}

#divSkillsDetails .k-grid-edit-row .grid-text-field, #divSkillsDetails .k-grid-edit-row .DropDownList {
    padding-left: var(--space-10px) !important;
    padding-right: var(--space-10px) !important;
}

.narrative-details-screen .narratives-header {
    background: var(--brand-container-dark-background);
}

.narrative-details-screen .narratives-box {
    background-color: var(--brand-light-bluegrey-color);
}

.narrative-details-screen .narratives-header-info {
    background-color: var(--brand-dark-grey-header-color);
}

.narrative-details-screen .narratives-details-left-col {
    width: var(--space-80px);
    height: 130px;
}

.narrative-details-screen .narrative__grademark {
    border-top: 1px solid var(--global-grid-border);
}

.narrative-details-screen .narratives-indicator {
    width: var(--space-60px);
}

.narrative-details-screen .narratives-details:not(:first-child) {
    margin-top: var(--space-15px);
}

#divNarrativesView .narratives-scroll {
    height: calc(100vh - 600px);
}

#divNarrativesView.expanded .narratives-scroll {
    height: calc(100vh - 400px);
}

.narrative-details-screen .narratives-screen .narrative__editarea {
    width: calc(100% - 81px);
    min-height: 130px;
    height: auto;
    border-left: 1px solid var(--global-grid-border) !important;
}

.narrative-details-screen .narratives-screen .narrative__editarea table.k-editor td.k-editor-content {
    min-height: 130px;
    height: auto;
    border: none !important;
    padding: var(--space-20px) !important;
}
.narrative-details-screen .narratives-screen .narrative__editarea table.k-editor {
    min-height: 130px;
    height: auto;
}
.narratives-screen-arrow.rotate90 {
    transform: rotateZ(180deg);
}
.narrative-details-screen .narratives-grade-box {
    min-height: var(--space-40px);
}
/***School -> Report Cards -> Narratives Ends***/
/* Overlapping table content, tooltip - School - batch entry Start */
#gridDailyAttendanceBatchEntryLogs .k-grid-content .k-master-row td:nth-child(3) > span.td-content-only,
#grdDemographicLogs .k-grid-content .k-master-row td:nth-child(3) > span.td-content-only,
#grdSuperDbBatchEntryLogs .k-grid-content .k-master-row td:nth-child(3) > span.td-content-only {
    overflow: hidden !important;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-width: calc(100% - 40px);
}

#gridDailyAttendanceBatchEntryLogs .k-grid-content .k-master-row td:nth-child(3) > img,
#grdDemographicLogs .k-grid-content .k-master-row td:nth-child(3) > img,
#grdSuperDbBatchEntryLogs .k-grid-content .k-master-row td:nth-child(3) > img {
    margin-left: var(--space-0px) !important;
}

/* Tootip for larger content*/
.tooltip-footer-autoheight .view__optionlist.app__dropdown.app__dropdownmenulist {
    width: 800px !important;
    max-width: 800px !important;
}

.tooltip-footer-autoheight .view__optionlist.app__dropdown.app__dropdownmenulist .content-lists {
        white-space: normal;
    }

.tooltip-footer-autoheight.tooltipTop .tooltip__popup__triangle:before {
    margin-top: var(--space-0px);
}

.tooltip-footer-autoheight.tooltipTop .tooltip__popup__triangle:after {
    margin-top: 1px;
}

.tooltip-footer-autoheight.tooltip-grid-wrap.tooltipTop .tooltip__popup__triangle {
    position: absolute;
}

.tooltip-footer-autoheight.tooltip-grid-wrap .tooltip-separator:before {
    position: absolute;
    width: 1px;
    height: 60%;
    content: "";
    background: var(--global-input-border-color);
    left: 0;
    top: 20%;
}

/* hidding double tooltip for bottom i icon */
.k-tooltip-hidden { display: none !important; }
/* Overlapping table content, tooltip - School - batch entry End */
/*Demographics -> Batch Entry*/
/*Approval Center -> Admissions -> Starts*/
.approval-admissions-page .approval__center.min-max-width .generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items{  width:auto; }
/*Approval Center -> Admissions -> Ends*/
/*Approval Center -> Admissions -> Admissions Settings Starts*/
.admissions-settings .settings-label { width: 17%; }
/*Approval Center -> Admissions -> Admissions Settings Ends*/
/*Common Blue Info Box Message Starts*/
.select-fields-box { min-width: 420px; }
/*Common Blue Info Box Message Ends*/
/*School -> Daily Attendance Batch Entry Popup Starts*/
#grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 620px) !important;
}
.batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 590px) !important;
}
.comments-container .course-student__status .app__dropdown .k-dropdownlist{
    width:var(--space-250px) !important;
}
.comments-container .saved__view-text .app__dropdown .k-dropdownlist, .comments-container .saved__view-text .app__dropdown .k-dropdownlist:hover {
    width: 390px !important;
}
/*School -> Daily Attendance Batch Entry Popup Ends*/

/*Print header alignment fixes Starts*/
#gridDailyAttendance.app-kgrid__container .k-header .k-link .k-column-title,#gridPeriodAttendance.app-kgrid__container .k-header .k-link .k-column-title,#gridHBIncidents.app-kgrid__container .k-header .k-link .k-column-title,#gridHbIncidentView.app-kgrid__container .k-header .k-link .k-column-title {width: 100% !important;}
/*Print header alignment fixes Ends*/
/*Common Blue Info Box Message Ends*/
/*Enrollment screen starts here*/
.span-col__1, .span-col__2 {
    width: 35%;
}
.span-col__3 {
    width: 30%;
}
.enroll__overview .enrl__stud_left{
    width:calc(100% - 25%);
}
.enroll__overview .enrl__stud_right {
    width: calc(25% - 20px)
}
.enroll__advancedsearch.student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__knobs:after {
    right: var(--space-30px);
}
.clear-icon{
    top:11px;
    right:var(--space-55px);
}
.addstud__houshold .grid__searchbox .allGrids__SearchBox {
    width: 280px;
}

#divAssignHousehold #gridAllSchoolHousehold .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 662px) !important;
}
#divAssignHousehold #gridAllSchoolHousehold.existstud__grid .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 590px) !important;
}
#divAddStudentStepTwo.exist__stud .line__after .stepbar__circle::after {
    background-image: url(../Images/AdminPlus/exist-student.svg);
}
.stud__foundinfo {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
    top: 22px;
    width: calc(100% - 40px);
}
.enroll-stud-name-wrap { width: calc(100% - 90px); }
#divAssignHousehold .app-border-orangeclr .enroll-stud-name-wrap { width: auto; max-width:var(--space-200px); }
.addstud__demographic .enrollment__add-demographics {
    height: calc(100vh - 500px);
    overflow-y: auto;
}
#divEnterStudentDetails .enrollment__enterdata, #divAssignHousehold .enrollment__enterdata, #divEnterStaffDetails .enrollment__enterdata {
    min-height: calc(100vh - 389px);
    overflow-y: auto;
}
#divEnterStaffDetails .enrollment__enterdata .app-input input.input__box, #divEnterStudentDetails .enrollment__enterdata .app-input input.input__box { height:var(--space-40px) !important; }

#divEnterStudentDetails .addstud__entername .student__image-container .prospect__image,
#divEnterStaffDetails .addstud__entername .student__image-container .prospect__image,
#divGetStudentDetails .addstud__entername .student__image-container .prospect__image,
#divGetStaffDetails .addstud__entername .student__image-container .prospect__image {
    width: 155px !important;
    height: 208px;
    border-radius: var(--global-border-radius);
}
#divStaffDemographicFields .edit-approval-center-data,
#divStudentDemographicFields .edit-approval-center-data,
#divStaffDemographicFields .edit-acd-dropdown.k-dropdownlist,
#divStudentDemographicFields .edit-acd-dropdown.k-dropdownlist {
    width: 298px !important;
}
#divStaffDemographicFields .edit-acd input[name="EnrollmentCenter"],
#divStudentDemographicFields .edit-acd input[name="EnrollmentCenter"] {
    width: 298px;
}
#divStaffDemographicFields .edit-acd input[name="EnrollmentCenter_input"],
#divStudentDemographicFields .edit-acd input[name="EnrollmentCenter_input"] {
    width: 245px;
}

#divEnrollmentStudentContactDetailGrid .relationship-table,
#divStudentContactDetailGrid .relationship-table {
    height: var(--space-35px);
    border-radius: var(--global-border-radius);
    pointer-events: auto;
    border: 1px solid var(--global-dropdown-border) !important;
}
    #divEnrollmentStudentContactDetailGrid .relationship-table .k-button,
    #divStudentContactDetailGrid .relationship-table .k-button {
        padding-right: var(--space-0px) !important;
    }
#divEnrollmentStudentContactDetailGrid .relationship-column,
#divStudentContactDetailGrid .relationship-column {
    padding-top: var(--space-0px) !important;
    padding-bottom: var(--space-0px) !important;
}
#divEnrollmentStudentContactDetailGrid .relationship-column .relationship-column-span,
#divStudentContactDetailGrid .relationship-column .relationship-column-span {
    height: var(--space-35px);
    padding: var(--space-5px) !important;
    border-radius: var(--global-border-radius);
    top: var(--space-0px);
    left: var(--space-0px);
    position: relative;
    pointer-events: auto;
    border: 1px solid var(--global-dropdown-border) !important;
    z-index: 1;
}
#divEnrollmentStudentContactDetailGrid .relationship-column .relationship-column-span:before,
#divStudentContactDetailGrid .relationship-column .relationship-column-span:before {
    background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
    background-repeat: no-repeat;
    background-position: center;
    content: "";
    right: var(--space-12px);
    top: 40%;
    position: absolute;
    z-index: 999999;
    background-size: var(--space-10px) var(--space-10px);
    height: var(--space-10px);
    width: var(--space-10px);
}
.relationship-column .relationship-table .k-input-inner {
    padding-left: var(--space-0px) !important;
}
#gridAllSchoolHousehold table .inactive-stud-row {
    position: relative;
}
#gridAllSchoolHousehold table .inactive-stud-row::before {
    position: absolute;
    content: "";
    height: 100%;
    width: 3px;
    background: var(--brand-student-absence-bgcolor);
    left: var(--space-0px);
    top: var(--space-0px);
}
#gridAllSchoolHousehold.app-kgrid__container .k-master-row.k-grid-selected-row {
    background-color: var(--brand-row-highlite) !important;
}
.enrollment-warning .msg-container #lblMessage1 {
    text-align: left;
    padding-left: 20%;
    font-size: var(--global-text-size-xl);
    line-height: var(--space-30px);
}

.household-shade-btn {
    background: var(--brand-light-semi-grey-bg);
    color: var(--global-color-tertiary);
    font-weight: var(--gloabl-default-font-weight);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    border: none;
    opacity: 1 !important;
}
.entry-info-icon {
    position: absolute;
    right: -40px;
    top: var(--space-5px);
}

#grdImportProcessLogs.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(8):before {
    background: none !important;
}
/*Enrollment screen ends here*/
/*Add image overlay starts*/
.student__image-container .overlay__add { height: 14px; }
.student__image-container .overlay__img { height: 1.1rem; }
.student__image-container:hover .overlay__text { animation: from-bottom 0.38s; animation-fill-mode: forwards; }
.student__image-container .overlay__add-image { opacity: 0; transition: 0.3s ease; border-radius: 5%; background-color: rgba(0, 0, 0, 1); }
.student__image-container:hover .overlay__add-image { opacity: var(--opacity-six); }
.student__image-container:hover .overlay__add { animation: from-top 0.38s; animation-fill-mode: forwards; }
.add-student-details { width: calc(100% - 155px); }
/*Add image overlay ends*/
/* Enrollment - Add image - Student Photo Modal Starts */
#divAddPhoto .k-imageeditor .k-imageeditor-toolbar .k-button { background: var(--brand-dark-backgroundcolor-indicator) !important; }
#divAddPhoto .k-imageeditor .k-imageeditor-toolbar .k-button .k-icon:before { color:var(--global-text-light) !important; }
#divAddPhoto .k-imageeditor .k-imageeditor-toolbar .k-toolbar-tool { border: 1px solid var(--global-dropdown-border); border-radius: var(--global-border-radius); margin-right:var(--space-10px); }
#divAddPhoto .k-imageeditor .k-imageeditor-toolbar .k-separator { margin-right:var(--space-10px); }
#divAddPhoto .k-imageeditor .k-imageeditor-toolbar .k-toolbar-tool .k-button { background:transparent !important; }
#divAddPhoto .k-imageeditor .k-imageeditor-content { background: var(--brand-component-secondary-background); border-radius: var(--global-border-radius); margin-top:var(--space-5px); }
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane { margin-top: 1px; border-top-right-radius: var(--global-border-radius); border-bottom-right-radius: var(--global-border-radius); }
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-dropdownlist.k-picker-solid,
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-input { border: 1px solid var(--global-dropdown-border) !important; }
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-buttons .k-imageeditor-pane-button {
    transition: all ease 0.3s;
    border-radius: var(--global-border-radius);
    padding: 6px var(--space-15px) !important;
}
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-buttons .k-imageeditor-pane-button:hover {
    transition:all ease 0.3s;
}
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-buttons .k-button-solid-base {
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-link-color) !important;
    color: var(--global-link-color);    
}
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-buttons .k-button-solid-base:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    color: var(--global-text-light);
}
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-buttons .k-button-solid-primary, #divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-field-wrap .k-button-group .k-button-solid-base.k-selected {
    background: var(--brand-main-backgroundcolor-indicator) !important;
    color: var(--global-text-light);
}
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-buttons .k-button-solid-primary:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
}
#divAddPhoto .k-imageeditor .k-imageeditor-content .k-imageeditor-action-pane .k-form-field-wrap .k-button-group .k-button-solid-base {
    border: 1px solid var(--global-link-color) !important;
}
/* Enrollment - Add image - Student Photo Modal Starts Ends */
/*stepbar design starts*/
.stepbar__circle {
    width: var(--space-32px);
    height: var(--space-32px);
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-standard-grey-border);
    text-align: center;
    letter-spacing: 0.2px;
    color: var(--global-text-color);
    line-height: 38px;
    border-radius: 50%;
    font-size: var(--global-text-size-xxl);
    position: relative;
    padding: 2px;
}
.stepbar__container.active .stepbar__circle:before {
    display: block;
    content: ' ';
    background-color: var(--brand-status-green);
    width: 26px;
    height: 26px;
    border-radius: 50%;
}
.stepbar__container.active .stepbar__circle {
    color: var(--global-text-light);
}
.stepbar__container.active .be_text {
    font-family: var(--global-font-family-semibold);
}
.stepbar__container.selected .stepbar__circle {
    background-color: var(--brand-status-green);
    background-image: url(../Images/AdminPlus/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
    border: none;
}
.stepbar__container {
    display: inline-block;
}

.line__after .stepbar__circle::after {
    content: " ";
    position: absolute;
    top: 24%;
    right: var(--space-40px);
    border-radius: var(--global-border-radius);
    background-image: url(../Images/AdminPlus/stepbar-arrow.svg);
    background-size: contain;
    height: var(--space-50px);
    width: var(--space-60px);
    background-repeat: no-repeat;
    background-position: top;
}
.stepbar__circle .value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.stepbar__container.selected .stepbar__circle .value {
    display: none;
}
.stepbar__container.next-selection .line__after .stepbar__circle::after {
    background-image: url(../Images/AdminPlus/green-arrow.svg);
}
/*stepbar design ends*/
/*Enrollment search popup starts*/
.enroll__searchpopup-container { background: rgba(var(--brand-popup-background), var(--opacity-four)); display: none;  z-index: 10000; }
.enroll__searchpopup__inner { width: 940px; }
.search-detail__header { border-bottom: 1px solid var(--global-light-color-indicator); }
/*Enrollment search popup ends*/
/* Enrollment Settings popup starts */
#divStaffAddSettings .multi-select-outer .multi-select-inner-box .k-grid-content td:nth-child(2),
#divStudentAddSettings .multi-select-outer .multi-select-inner-box .k-grid-content td:nth-child(2) {
    border-left: none !important;
}
#divStaffAddSettings .multi-select-outer .multi-select-inner-box .k-grid-header .k-grid-header-wrap,
#divStudentAddSettings .multi-select-outer .multi-select-inner-box .k-grid-header .k-grid-header-wrap {
    border-right: none !important;
}
#divStaffAddSettings .app-combo-dropdown.k-combobox.app-height-35,
#divStudentAddSettings .app-combo-dropdown.k-combobox.app-height-35 {
    height: var(--space-35px) !important;
}
#divStaffAddSettings .view-cal,
#divStudentAddSettings .view-cal {
    padding-top:3px;
}
/* Enrollment Settings popup End */

/*kendo row selection UI starts*/
.app-kgrid__container .k-master-row.k-grid-selected-row {
    background-color: var(--brand-row-highlite) !important;
}
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-collapse,
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand {
    width:18px;
    height:18px;
}
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand:before,
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-collapse:before{
    content: " " !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 18px;
    height: 18px;
}

#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand:before{ background-image: url(/Images/AdminPlus/checkbox-normal.svg) !important; }
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-collapse:before{ background-image: url(/Images/AdminPlus/checkbox-active.svg) !important;  }
/*kendo row selection UI ends*/

/*Approval center house hold screen starts here*/
#divApprovalCenterAssignHouseholdId .enrollment__enterdata { min-height: calc(100vh - 325px); overflow-y: auto; }
/*Approval center house hold screen ends here*/

/* -------------------Daily attendance report popup screen Starts------------------- */
.student-reports-settings { height: calc(100vh - 200px); }
.dailyreport__body { height: calc(100vh - 45px); }
.reports-student-tab .which-code-label { width: 8% !important; }
#divSelectStudentandStaff .app-component-secondary-bg.comments-container { background: var(--brand-default-light-background) !important; padding-top: var(--space-5px) !important; }
#divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup { height: calc(100vh - 285px); }
.student-reports-settings .select-students-reports-box { height: calc(100vh - 195px); }
#divSortandGenerate .sort__gereration { height: calc(100vh - 235px); }
#divSelectStudentandStaff.select-students-staffs .comments-container .select__grade-levels .app__dropdown .k-dropdownlist,
#divSelectStudentandStaff.select-students-staffs .comments-container .student__status .app__dropdown .k-dropdownlist,
#divSelectStudentandStaff.select-students-staffs .comments-container .db__grade-levels .app__dropdown .k-dropdownlist,
#divSelectStudentandStaff.select-students-staffs .comments-container .db__student-status .app__dropdown .k-dropdownlist { width: var(--space-400px) !important; }
#divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels{ width: 12%; }
#divSelectStudentandStaff.select-students-staffs .view__grade-levels {
    width: var(--space-0px);
}
#divSelectStudentandStaff.select-students-staffs #filter.app__dropdown.app-mt-5, #divSelectStudentandStaff.select-students-staffs .individual-students-view { width: 100% !important; }
#divSelectStudentandStaff.select-students-staffs .comments-container .individual-students-view .k-dropdownlist { width: 93% !important; }
#divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,#divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria { width: var(--space-300px) !important; }
#divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input, #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .k-combobox.form-control { width: 550px !important; }
#divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-left { width: 25%; }
#divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-right { width: 75%; }
.k-widget.dailyattendance__report__popup *, .k-widget.dailyattendance__report__popup::before { box-sizing: border-box !important; }
/* -------------------Daily attendance report popup screen ends------------------- */
/* -------------------Temporary Code, need to remove this after doing it globally Starts------------------- */
.app-combo-dropdown.k-combobox.app-height-35, .app-kendo-datepicker.k-datepicker.app-height-35, .app-combo-dropdown.k-dropdownlist.app-height-35 {
    height: var(--space-35px) !important;
}
.app-combo-dropdown.k-combobox.app-height-33, .app-kendo-datepicker.k-datepicker.app-height-33, .app__datepicker.app-height-33 input, .app-combo-dropdown.k-dropdownlist.app-height-33, .app-input.app-height-33, .app-input.app-height-33 .input__box {
    height: 33px !important;
}
/* -------------------Temporary Code, need to remove this after doing it globally Ends------------------- */
/* -------------------Assign household multi student popup UI starts here------------------- */
#divApprovalCenterAssignHousehold .addstud__houshold .grid__searchbox .allGrids__SearchBox, #divGetStudentDetails .addstud__houshold .grid__searchbox .allGrids__SearchBox, #AssignHouseholdID .addstud__houshold .grid__searchbox .allGrids__SearchBox { width: 220px; }
#divApprovalCenterAssignHousehold .multi-student-household, #divGetStudentDetails .multi-student-household {
    padding: var(--space-0px) !important;
    border: none !important;
}
#divApprovalCenterAssignHousehold .app-box-shadow.multi-student-household-box-shadow {
    box-shadow: none;
    margin-top: var(--space-0px) !important;
}
#divApprovalCenterAssignHousehold .addstud__houshold .multistudent-household-justify { justify-content:end; }
#divApprovalCenterAssignHousehold .addstud__houshold .multi-student-household-none { display:none; }
#divApprovalCenterAssignHousehold .addstud__houshold .multi-studewnt-household-id-container, #divGetStudentDetails .addstud__houshold .multi-studewnt-household-id-container {
    background: transparent;
    border: none !important;
    height: auto !important;
    width: 100%;
}
/* -------------------Assign household multi student popup UI ends here------------------- */
/* -------------------student inactivate popup UI starts------------------- */
.addstud__entername .calendar-report-sec { width: calc(100% - 170px); }
.popup__formcontrols-height .app-input input,
.popup__formcontrols-height input,
.popup__formcontrols-height .app-kendo-datepicker.k-datepicker,
.popup__formcontrols-height .app-combo-dropdown.k-combobox,
.popup__formcontrols-height .app-combo-dropdown .k-picker,
.popup__formcontrols-height .app-combo-dropdown.k-picker {
    height: var(--space-35px) !important;
}
/* -------------------student inactivate popup UI ends------------------- */
/* -------------------inactivate tooltip code Starts------------------- */
.inactivate-tooltip .tooltip__popup__triangle:before, .inactivate-tooltip .tooltip__popup__triangle:after { right: -42px !important; left: auto !important; }
.inactivate-tooltip .tooltip__content { right: var(--space-20px); top: var(--space-30px); }
.inactivate-tooltip.entry-code .tooltip__popup__triangle:before,
.inactivate-tooltip.entry-code .tooltip__popup__triangle:after { right: -112px !important; left: auto !important; }
.inactivate-tooltip.entry-code .tooltip__content { right: 90px; }
.inactivate-tooltip:hover .tooltip__content { display: block!important; }
/* -------------------inactivate tooltip code ends------------------- */
/* -------------------Enrollment import module Starts------------------- */
#grdImportTemplate .k-grid-content { height: calc(100vh - 335px)!important; }
.section-analyze-file { height: calc(100vh - 445px) !important; }
#divAdmissionSettings .import-default-popup-div-household { border-bottom: none !important; }
#divAdmissionSettings .edit-template-span { width: 31%; }
#divAdmissionSettings .admissions-settings .enrollment-mt-0 {
    margin-top: var(--space-0px) !important
}
#divAdmissionSettings .admissions-settings .enrollment-pb-0 {
    padding-bottom: var(--space-0px) !important
}
#divAdmissionSettings .admissions-settings .settings-label { width: 137px !important; }
#divAdmissionSettings .edit-template-span { width: 260px !important; }
.app-width-310 { width: 310px; }
.import-select-file.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.import-select-file.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .import-select-file.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) { border-radius: var(--global-border-radius) !important; }
#selectFileVal { text-indent: var(--space-10px); pointer-events: none; }
#gridFileContent .k-grid-content { height: calc(100vh - 670px) !important; overflow:auto !important; }
#gridFileContent.app-kgrid__container .k-grid-header { height: var(--space-80px) !important; }
#gridFileContent.app-kgrid__container .k-grid-header th.k-header { color: var(--global-text-light); }
#gridFileContent.app-kgrid__container .k-grid-content td, #gridFileContent.app-kgrid__container td, #gridFileContent.app-kgrid__container .k-grid-header th.k-header { padding-left: var(--space-10px) !important; }
#gridFileContent.app-kgrid__container .k-grid-header th.k-header:first-child, #gridFileContent.app-kgrid__container .k-grid-content td:first-child { padding-left:var(--space-20px) !important; }
#gridFileContent .file-content-label {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
    font-size: var(--global-text-size);
    letter-spacing: 0.16px;
    border-radius: var(--global-border-radius);
    height: var(--space-30px);
    min-width: 83px;
    color: var(--global-text-color);
    float: left;
    margin-top: 2px;
    padding-left: var(--space-10px);
    line-height: var(--space-30px);
    margin-right: var(--space-5px);
    max-width: 125px;
    padding-right: var(--space-5px);
}
#gridFileContent .file-content-btn {
    width: var(--space-30px);
    height: var(--space-30px) !important;
    background: url(../Images/AdminPlus/three-dots-blue.svg) no-repeat center var(--brand-default-light-background);
    min-width: var(--space-30px);
    margin-top: 2px;
}
#gridFileContent.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before,
#gridFileContent.app-kgrid__container .app-table thead tr th.k-header:not(:last-child):before,
#gridFileContent.app-kgrid__container .k-grid-header-locked thead tr th.k-header:last-child:before {
    height: var(--space-40px);
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-0px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}
#gridFileContent.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:after,
#gridFileContent.app-kgrid__container .app-table thead tr th.k-header:after,
#gridFileContent.app-kgrid__container .k-grid-header-locked thead tr th.k-header:after {
    height: 1px;
    width: 100%;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-0px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}
#gridFileContent.app-kgrid__container .k-button, #gridPastGrades .k-button-solid-primary { padding-right: var(--space-15px) !important; }
#ImportFromFile_Edit .tooltip__popup__triangle:before { left: -63px; top: 11px; }
#ImportFromFile_Edit .tooltip__popup__triangle:after { left: -63px; top: var(--space-12px); }
#divEditTemplate .view__optionlist.app__dropdown.app__dropdownmenulist {
    position: absolute;
    right: var(--space-0px);
    top: 11px;
}
#ImportFromFile_Edit .divEditTemplateToolTip{ position: relative !important; }
/* -------------------Enrollment import module ends------------------- */
#divChangeGradeLevel .app__dropdown.app-combo-dropdown.grade-level-selector, #divChangeGradeLevel .app__dropdown.app-combo-dropdown.grade-level-selector .k-dropdownlist { width: var(--space-350px)!important; }
.app-w-400px .app-combo-dropdown.k-dropdownlist { width: var(--space-400px) !important; }
#divDailyAttendanceReports .app-component-secondary-bg.dailyreport__body:has(#divReportsView) {
    background: var(--brand-default-light-background);
    padding: var(--space-0px) !important;
    height: calc(100vh - 10px);
}
/* -------------------Add/Edit phtoto jrac custom style Starts here------------------- */
#kendoUploadImage .jrac_zoom_slider .ui-slider-handle.ui-state-default {
    background: var(--brand-default-light-background);
    border: 1px solid var(--brand-dark-backgroundcolor-indicator);
    width: var(--space-20px);
    height: var(--space-20px);
    cursor:pointer;
}
#kendoUploadImage .jrac_zoom_slider .ui-widget-content { border: 1px solid var(--brand-dark-backgroundcolor-indicator); }
#kendoUploadImage .jrac_container { position: relative; margin-top: var(--space-35px); }
#kendoUploadImage .jrac_container .jrac_zoom_slider {
    position: absolute;
    top: -20px;
    background: var(--brand-main-backgroundcolor-indicator);
    border: none;
    border-radius: var(--global-large-border-radius);
}
#kendoUploadImage .jrac_container .jrac_viewport { border: solid 1px var(--global-light-gray-border-color); border-radius: var(--global-border-radius); }
#photoFile { display:none; }
#divPicture #file-btn {
    width: var(--space-300px);
    background: transparent;
    height: var(--space-40px);
    padding-left: var(--space-20px) !important;
    text-align: left;
}
#divPicture .uploadbutton__span {
    width: var(--space-40px);
    height: 38px;
    position: absolute;
    right: var(--space-0px);
    background: var(--brand-main-backgroundcolor-indicator);
    top: var(--space-0px);
    border-radius: var(--space-0px) var(--global-border-radius) var(--global-border-radius) var(--space-0px);
    color: var(--global-text-light);
    text-align: center;
}
#gridNoPhotoDetails.app-kgrid__container .k-column-title { padding-right: var(--space-5px); }
/* -------------------Add/Edit phtoto jrac custom style ends here------------------- */
/* -------------------Enrollment Centre - import from file - new student - Start Import Details starts------------------- */
.start-import-details {
    height: calc(100vh - 360px);
}
.start-import-details .successfully-importe-icon { 
    background-color: var(--brand-status-green);
    background-image: url(../Images/AdminPlus/tick.svg);
    background-size:73px 63px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    width: var(--space-80px);
    height: var(--space-80px);
    display:inline-block;
    border-radius:50%;
    margin-top:20px;
}

.start-import-details .warning-import-icon, .start-import-details .failed-import-icon{
    display:inline-block;
    margin-top:20px;
}
.start-import-details .success-msg {
    color: var(--global-green-success);
}
.start-import-details .import-loader-wrap {
    width: var(--space-400px);
    background: var(--brand-default-light-background);
    box-shadow: inset 0px 3px 6px var(--global-user-menu-boxshadow), 0px 1px 2px var(--global-box-shadow-color);
    border: 1px solid var(--global-light-gray-border-color);
    border-radius: var(--space-30px);
    padding: 7px var(--space-8px);
}
.start-import-details .import-loader-wrap .import-loader { 
    background: var(--brand-status-green);
    display:block;
    height:var(--space-15px);
    border-radius:var(--space-15px);
    box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
    animation: loading-progress 5s linear;
}
@keyframes loading-progress {
    0% {
        width:0%;
    }

    100% {
        width:100%;
    }
}
#divSaveAndExitPopup_wnd_title + .k-window-actions a[role="button"].k-button.k-icon-button {
    top: var(--space-8px);
}
#gridFileContent td img.grid-row-image {
    float: right;
    margin-right: 26px;
    margin-top: var(--space-4px) !important;
    margin-left: var(--space-0px) !important;
}
.app-kgrid__container.import__grid .k-grid-content tr {
    background: var(--brand-default-light-background)!important;
}

.import__popup #divAdmissionSettings .importpopup__left {
    float: left;
    width: 62%;
}

.import__popup #divAdmissionSettings .importpopup__right {
    float: left;
    width: 38% !important;
    padding-left: var(--space-20px);
    border-bottom: none;
    padding-bottom: var(--space-0px) !important;
    margin-top: var(--space-0px) !important;
}
.import__popup #divAdmissionSettings .importpopup__right .k-input.k-combobox {
    width: var(--space-150px) !important;
}
.import__popup #divAdmissionSettings .importpopup__bottom {
    border-top: 1px solid var(--global-input-border-color);
    padding-top: var(--space-20px) !important;
}
div#divDelimiter.app__dropdown.ap-disabled .k-input-value-text {
    color: var(--global-color-secondary) !important;
    opacity:var(--opacity-six);
}
/* -------------------Enrollment Centre - import from file - new student - Start Import Details Ends------------------- */
/* -------------------Select fields - modal Starts------------------- */
#grdFieldSelectionPopup .k-toolbar.k-grid-toolbar {
    padding: var(--space-0px);
}
#grdFieldSelectionPopup .k-toolbar.k-grid-toolbar .k-button, #grdFieldSelectionPopup .k-toolbar.k-grid-toolbar .k-button .k-button-text { width:100%; text-align:left; }
    #grdFieldSelectionPopup .k-toolbar.k-grid-toolbar .k-button {
        font-weight: var(--gloabl-default-font-weight);
        background-color: var(--brand-container-dark-background) !important;
        padding: var(--space-8px) var(--space-0px) var(--space-10px) var(--space-20px) !important;
        border-radius: 3px 3px var(--space-0px) var(--space-0px);
        margin-top: var(--space-0px);
        color: var(--global-text-light) !important;
    }
#grdFieldSelectionPopup .k-grid-content { height: 324px !important; }
/* -------------------Select fields - modal ends------------------- */
/* -------------------Enrollment - grid import template - pagination Starts------------------- */
#grdImportTemplate .k-pager-numbers-wrap {
    margin-right: var(--space-0px);
    width: fit-content;
}
#grdImportTemplate .k-pager-numbers-wrap .k-dropdown { display: none !important; }
#grdImportTemplate .k-pager-md .k-pager-info, #grdImportTemplate .k-pager-sm .k-pager-info, #grdImportTemplate .k-pager-sm .k-pager-numbers, #grdImportTemplate .k-pager-sm .k-pager-sizes { display: block !important; }
/* -------------------Enrollment - grid import template - pagination Ends------------------- */
/* -------------------Enrollment Centre - import from file - new student - Start Import Details Starts------------------- */
#importProcessInfoForStaff .app-dimlight-blue-color:hover, #importProcessInfoForStudnet .app-dimlight-blue-color:hover, #divHasReports .app-dimlight-blue-color:hover{ color: var(--global-light-blue-color); }
/* -------------------Enrollment Centre - import from file - new student - Start Import Details ends------------------- */
/* -------------------Schedule tooltip custimization Starts------------------- */
.schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu { z-index: 9 !important; }
.schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .view__optionlist.app__dropdown.app__dropdownmenulist { white-space: nowrap; }
.schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap { top: 26px; position: absolute; left: -20px; }
/* -------------------Schedule tooltip custimization ends------------------- */
/* -------------------Past grades screen UI starts------------------- */
.pastgrades-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap {
    left: -80px;
}

    .pastgrades-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle {
        left: 58px;
        top: 1px;
    }
#gridPastGrades.app-kgrid__container .k-button {
    padding-right: var(--space-0px) !important;
    width: var(--space-20px);
}
#gridPastGrades.app-kgrid__container .k-grid-content .k-icon.k-i-edit{
    width: var(--space-16px);
}
#gridPastGrades.app-kgrid__container .k-grid-content .k-icon.k-i-edit:before {
    height: var(--space-20px);
    width: var(--space-16px);
    background-size: var(--space-16px);
    background-image: url(../Images/AdminPlus/more-options-black.svg);
}
#divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content {
    height: calc(100vh - 640px) !important;
    overflow-y: auto;
}
#divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
    max-height: calc(100vh - 437px) !important;
    min-height: calc(100vh - 437px) !important;
}
#gridPastGrades.app-kgrid__container .k-grid-content td, .app-kgrid__container td .pastGrade-popup__triangle:after {
    margin-top: var(--space-0px);
    margin-left: var(--space-0px);
}
.allGridsDropdownList.app__dropdownmenulist .pastGrade-dropdown-menu {
    margin-top: var(--space-5px) !important;
}
#gridPastGrades.app-kgrid__container .k-grid-content .k-grid-edit-row td:has(input) {
    padding-right: var(--space-10px) !important;
    padding-left: var(--space-10px) !important;
}
#gridPastGrades.app-kgrid__container .k-grid-content tr .pastGrade-more-icon {
    padding-left: var(--space-35px) !important;
}
#gridPastGrades .viewContactName, #gridPastGrades.app-kgrid__container .k-grid-content .k-grid-edit-row td { height: 51px; }
/* -------------------Past grades screen UI ends------------------- */
/* -------------------School Schedule - manage course section - starts------------------- */
.app-input input.input__box.app-height-40 { height: var(--space-40px) !important; }
.school-schedule-tabs.app__tabstrip .k-tabstrip .k-tabstrip-items-wrapper .k-active span.k-link, .school-schedule-tabs.app__tabstrip .k-tabstrip .k-content.k-active { background: var(--brand-component-primary-background) !important; }
.school-schedule-tabs.app__tabstrip .k-tabstrip .k-content.k-active { border: 1px solid var(--brand-tabs-component-background) !important; border-top: 0 !important; padding: var(--space-20px) !important; }
.school-schedule-all-course .all-course-right { height:375px; width:var(--space-300px); }
.addcourse__details .courseLink-prerequist-wrap, .addcourse__details .credits-weight-gpa-wrap, .addcourse__details .level-dept-wrap { padding-right:var(--space-20px) !important; }
.school-schedule-all-course .all-course-left { width: calc(100% - 300px); }
#divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content { height: calc(100vh - 552px) !important; }
/*#divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #divLinkedSkills .k-grid-content.k-auto-scrollable { height: calc(100vh - 650px) !important; }*/
#divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #divLinkedSkills .k-grid-content.k-auto-scrollable { height: calc(100vh - 690px) !important; }
#divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #gridSections .k-grid-content.k-auto-scrollable { height: calc(100vh - 685px) !important; }

#divSchoolSchedule .school-schedule-cover #divSectionCourseGreyBox #divCourseSection .school-schedule-tabs .k-tabstrip-content #divLinkedSkills .k-grid-content.k-auto-scrollable,
#divSchoolSchedule .school-schedule-cover #divSectionCourseGreyBox #divCourseSection .school-schedule-tabs .k-tabstrip-content #gridSections .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 600px) !important;
}
.app-w-100.app__dropdown, .app-w-100.app__dropdown .k-dropdownlist, .app-w-100.app__dropdown .k-dropdownlist:hover, .app-w-100.app__dropdown .k-dropdownlist:active, .app-w-100.app__dropdown .k-dropdownlist:focus, .app-w-100.app__dropdown .k-dropdownlist:visited { width: 100% !important; }
.box-active { border: 1px solid var(--brand-red); margin-top: var(--space-24px) !important; }
#divActiveContainer.box-inactive { margin-top: -1px !important; }
#divActiveContainer .checkbox-label input { left:auto; }
.box-active .checkbox-label {
    margin-top: var(--space-0px);
}
.box-active .label-text { color: var(--brand-red) !important; font-size: var(--global-text-size-xl) !important; text-transform: uppercase; font-family: var(--global-font-family-semibold); }
.schedule__board .school-schedule-tile{ height:193px; }
.schedule-inactivebox { padding: var(--space-12px) var(--space-10px) !important; }
.app-input input.disable-box, .app-input textarea.disable-box { background: var(--brand-disable-bg-color) !important; opacity: 1 !important; border: 1px solid var(--global-select-background) !important; }

/* -------------------School Schedule - manage course section - Ends------------------- */
/* -------------------Section tab Starts------------------- */
#divCourseSection #divSectionView .k-grid-content tr td:nth-child(2) { padding-left:var(--space-20px) !important; }
#divCourseSection #divSectionView .k-grid .k-cell-inner > .k-link, #divRosters .k-grid .k-cell-inner > .k-link { padding: .7em .6em .4em .7em; }
.app-kgrid__container .k-grid-header .k-icon.k-i-sort-asc-sm:before { background-position: right 0px bottom 3px !Important; }
.roaster-title-wrap > div:first-child { width:124px; }
.roaster-title-wrap > div:nth-child(2) { width:315px; }
#divRosters .app-left-blue-container .roaster-title-wrap:nth-child(3) > div:nth-child(3) { width:416px; }
#divRosters .app-left-blue-container .roaster-title-wrap:nth-child(4) > div:nth-child(3) { width:235px; }
.course-section-tooltip.schedule-tooltip .tooltip-grid-wrap {
    left: auto;
    right: var(--space-0px);
    z-index: 9;
}
.course-section-tooltip.schedule-tooltip .tooltip-grid-wrap .app__tooltip {
    background-color: var(--tooltip-bg-color);
    box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
    border: 1px solid var(--global-user-menu-border);
    top: var(--space-8px);
    right: -31px;
    position: relative;
}
.course-section-tooltip.schedule-tooltip .tooltip-grid-wrap .tooltip__popup__triangle {
    left: auto !important;
    right: 46px;
    position: absolute;
}
.course-section-tooltip.schedule-tooltip .tooltip-grid-wrap .app__tooltip a {
    color: var(--global-text-color);
    text-decoration:none;
    display:block;
}
.course-section-tooltip.schedule-tooltip .tooltip-grid-wrap .app__tooltip a:hover { background-color: var(--brand-default-light-background) !important; }
/* -------------------Section tab ends------------------- */
/* -------------------Section tab - email modal - Starts------------------- */
.school-schedule-email .recipient-btns { height: var(--space-35px) !important; min-width: var(--space-70px); }
.school-schedule-email .compose-email-header { margin-top:7px; margin-bottom:7px; }
.school-schedule-email .app-k-editor .k-editor-toolbar { border-top: 1px solid var(--global-light-gray-border-color) !important; }
.school-schedule-email .k-editable-area.k-editor-content { border: 1px solid var(--global-light-gray-border-color) !important; border-top: none !important; }
.school-schedule-email .attachment-icon { margin-top:  var(--space-4px); }
.school-schedule-email .attachment-block { min-height:var(--space-35px); }
.file-attachment-modal .k-dropzone { min-height:var(--space-300px); background:var(--brand-component-secondary-background); border:2px dashed var(--global-search-placeholder-color); border-radius:var(--global-border-radius); display:flex; justify-content:center; align-items:center; flex-direction:column; }
    .file-attachment-modal .k-dropzone .k-button {
        margin-right: var(--space-0px);
        margin-top: 42px;
    }
    .file-attachment-modal .k-dropzone .k-dropzone-hint, .file-attachment-modal .k-dropzone .k-upload-status {
        margin-left: var(--space-0px);
        color: var(--global-text-color) !important;
        font-size: var(--global-text-size-xl);
        font-weight: var(--global-font-family-semibold);
        font-style: normal;
        position: relative;
        top: -64px;
    }
.file-attachment-modal .k-upload-files { margin-top:var(--space-15px); border:none; }
.file-attachment-modal .k-upload-files .k-file { margin-top:var(--space-10px); background: var(--brand-light-blue); border:1px solid var(--global-blue-border); padding:var(--space-12px) var(--space-15px) var(--space-12px) var(--space-20px) ; border-radius:var(--global-border-radius) !important; }
.file-attachment-modal .k-upload-files .k-file .k-file-name { color: var(--global-link-color); }
.file-attachment-modal .k-file-success .k-file-validation-message, .file-attachment-modal .k-file-success .k-upload-pct { color: var(--global-green-color); font-size:var(--global-text-size-xs); }
.file-attachment-modal .k-upload-action { opacity:1; }
#dvFile.file-attachment-modal .k-i-close:before { background-image: url(../Images/AdminPlus/close-blue-large.svg) !important; background-size: var(--space-16px) !important; background-position: right 46px top 0px !important; height: var(--space-24px) !important; }
#dvFile.file-attachment-modal .k-upload-files .k-upload-status { opacity:1 !important; }
.school-schedule-email #dvEmailEditor #dvtxtEmailEditor .k-editable-area iframe { height: calc(100vh - 520px) !important; }
.school-schedule-email #dvEmailEditor { height: calc(100vh - 340px) !important; }
#divRecipientsSelection .app-kgrid__container .k-grid-header th.k-header:nth-child(2),
#divRecipientsSelection .app-kgrid__container .k-grid-content table td:nth-child(2) { padding-left: var(--space-20px) !important; }
#divRecipientsSelection .app-kgrid__container .k-grid-header .k-header:nth-child(2):before { display:none; }
#divRecipientsSelection .app-radio.app-d-flex { display:flex !important; }
.no-records { width: auto; margin-left: var(--space-20px) !important; margin-bottom: var(--space-20px); }
#txtToRecipients, #txtCcRecipients { background-color: var(--brand-default-light-background) !important; }
.no-hover:hover { background-color: var(--brand-main-backgroundcolor-indicator); }
.school-schedule-email #dvEmailEditor #dvtxtEmailEditor.expanded .k-editable-area iframe { height: calc(100vh - 380px) !important; }
.previewTo, .previewCc { max-height: var(--space-60px); overflow-y: scroll; background: var(--brand-component-primary-background) !important; }
#divRecipientsSelection .app-radio { min-width: var(--space-100px); }
/* -------------------Section tab - email modal - ends------------------- */
/* -------------------School Schedule - manage course section - Starts------------------- */
#divSendEmailPreview .app-perview-contact { height: calc(100vh - 560px); }
.school-schedule-cover { min-height: calc(100vh - 212px); flex-direction: column; margin-bottom: var(--space-10px); }
#divManageCourseAndSections #warningfade { top:20%; left: 30%; width: 35%; }
/* -------------------School Schedule - manage course section - ends------------------- */
/* -------------------button dropdown custom UI starts------------------- */
.app-button__dropdown .dropdown-toggle .k-icon:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/view-options-white.svg);
    background-position: right 0px top 7px !Important;
    background-repeat: no-repeat;
    height: var(--space-30px);
    width: var(--space-20px);
}
.app-button__dropdown .dropdown-toggle::after { content: none; }
.app-button__dropdown .dropdown-toggle .k-icon { width: var(--space-24px); height: var(--space-24px); }
.app-button__dropdown .dropdown-menu {
    position: absolute;
    inset: auto !important;
    margin: var(--space-0px);
    transform: translate(0px, 0px) !important;
    right: var(--space-0px) !important;
    width: var(--space-200px);
}

    .app-button__dropdown .dropdown-menu li {
        padding: var(--space-0px) var(--space-10px) var(--space-0px) var(--space-20px);
    }
.app-button__dropdown .dropdown-menu li a.dropdown-item { padding: var(--space-10px) 0 !important; }
.app-button__dropdown .dropdown-menu li a.dropdown-item:hover,
.app-button__dropdown .dropdown-menu li a.dropdown-item:visited,
.app-button__dropdown .dropdown-menu li a.dropdown-item:visited,
.app-button__dropdown .dropdown-menu li a.dropdown-item:focus {
    background-color: transparent;
    color: var(--global-text-color);
}
/* -------------------button dropdown custom UI ends------------------- */
/* -------------------drodown search Starts------------------- */
.app-dropdown-search .app__dropdown.search__col input.k-input-inner { padding-left: var(--space-25px) !important; }
.app-dropdown-search .app__dropdown .k-input-inner { padding: 6px var(--space-12px) !important; }
.app-dropdown-search .app__dropdown.search__col:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/search-black.svg);
    background-position: left var(--space-12px) top var(--space-12px) !Important;
    background-repeat: no-repeat;
    height: var(--space-40px);
    width: var(--space-40px);
}
.app-dropdown-search .app__dropdown .k-input {
    position: static;
    height: var(--space-40px)!important;
    border: 1px solid var(--global-dropdown-border) !important;
}
.app-dropdown-search .app__dropdown .k-button-solid-base.k-icon-button { display: none; }
.app-dropdown-search .app__dropdown .k-clear-value .k-icon { margin-right: var(--space-10px); }
.app__dropdown.app-w-400px { width: var(--space-400px) !important; }
/* -------------------drodown search ends------------------- */
/* -------------------Add course/section popup UI Starts------------------- */
.course-section-content { min-height: 535px; }
.comments-container #divScheduleGridSection .seperation__line { height:var(--space-25px); }
.course-label-wrap-line-1 > div:first-child, .course-label-wrap-line-2 > div:first-child, .course-label-wrap-line-3 > div:first-child { width: 120px; }
.course-label-wrap-line-1 > div:nth-child(3), .course-label-wrap-line-3 > div:nth-child(3), .course-label-wrap-line-2 .width-257px { width: 257px; }
.course-label-wrap-line-4 > div:first-child { width:418px; }
#divAddDropCourseSection .app-radio input { width: var(--space-20px); height: var(--space-20px); }
#divAddDropCourseSection #warningfade { width: 70%; }
#divAddDropCourseSection .course-section-content .app-dropdown-search + #divSearchCourse + #divScheduleGridSection #grdCourseSection.app-kgrid__container .k-grid-content { height: 292px !important; }
#divAddDropCourseSection #grdCourseSection.app-kgrid__container .k-grid-content { height:332px !important; }
#divEnrolledStudent .schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap { left: -142px; }
#divEnrolledStudent .tooltip__popup__triangle:before, #divEnrolledStudent .tooltip__popup__triangle:after { left: var(--space-150px); }
#divScheduleGridSection #grdCourseSection.app-kgrid__container .k-grid-header th:nth-child(3).k-header,
#divScheduleGridSection #grdCourseSection.app-kgrid__container .k-grid-content table td:nth-child(3),
#divAddDropCourseSection #grdStudyHallInfo.app-kgrid__container .k-grid-header th:nth-child(2).k-header,
#divAddDropCourseSection #grdStudyHallInfo.app-kgrid__container .k-grid-content table td:nth-child(2) { padding-left: var(--space-15px) !important; }
#divAddDropCourseSection #divAddDropCourseSection { height: 100%; }
#divAddDropCourseSection #divAddDropCourseSection .comments-container { height: calc(100% - 100px); }
#divAddDropCourseSection #grdStudyHallInfo.app-kgrid__container .k-grid-content table td:nth-child(3) { position:relative; }
#divAddDropCourseSection #grdStudyHallInfo.app-kgrid__container .k-grid-content table td:nth-child(3) .study-required,
#divAddDropCourseSection #grdCourseSection.app-kgrid__container .k-grid-content table td:nth-child(4) .study-required { position: absolute; left: var(--space-10px); font-size: var(--global-text-size-xxxs); }
#divAddDropCourseSection .study-required-label { color: var(--global-text-required); font-size: var(--global-text-size-xxxxl); position: absolute; left: -15px; }
#gridCourseSelectedDetails.app-kgrid__container .k-grid-content td:first-child {padding-left: var(--space-15px) !important}
#divCoursePrerequisites .waring-box{ display: none;}
#gridCourseSelectedDetails.app-kgrid__container .k-grid-content td, #gridCourseSelectedDetails.app-kgrid__container .k-grid-header th.k-header{padding-left:var(--space-10px) !important;}
#staffGrid, #adminUsersGrid, #studentContactsGrid, #studentTeachersGrid, #otherContactsGrid, #studentGrid { height: calc(100vh - 310px) !important; }
.k-window:has(#divSendEmail), .k-window:has(#divRecipientsSelection) { height: 94% !important; top: 3% !important; }
.k-window:has(#divSendEmailPreview) { top: 3% !important; }
/* -------------------Add course/section popup UI ends------------------- */
/* -------------------School -> Calendar -> Print PDF Fixes Starts------------------- */
#gridNoPhotoDetails.app-kgrid__container .k-column-title { padding-right: var(--space-20px); }
#gridNoPhotoDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 330px) !important; }
/* -------------------School -> Calendar -> Print PDF Fixes Ends------------------- */

/* -------------------Daily Attendance - Calendar - Settings modal Starts------------------- */
#divAttendanceCalendarSettings .app-kgrid__container td, #divAttendanceCalendarSettings .app-kgrid__container .k-grid-header th.k-header { padding-right: var(--space-0px) !important; }
#divAttendanceCalendarSettings .app-kgrid__container td:nth-child(3), #divAttendanceCalendarSettings .app-kgrid__container .k-grid-header th.k-header:nth-child(3) { padding-left: var(--space-0px) !important; }
#divAttendanceCalendarSettings .app-kgrid__container td:nth-child(2), #divAttendanceCalendarSettings .app-kgrid__container .k-grid-header th.k-header:nth-child(2) { padding-left: var(--space-20px) !important; }
#divAttendanceCalendarView.ap-gridbody {
    padding-top: var(--space-0px) !important;
}
#grdCalendarView .k-grid-content.k-auto-scrollable { height: calc(100vh - 445px) !important; }
#grdCalendarView.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(2):before { display: none; }
.daily-attendance-dashboard .contact-popup__triangle:after{ margin-left:-5px; }
/* -------------------Daily Attendance - Calendar - Settings modal ends------------------- */
/* -------------------Add day to calendar Popup screen UI starts------------------- */
#InsertDayToCalendar .membershipeditable, #EditingDayOnCalendar .membershipeditable {
    width: var(--space-100px);
    height: var(--space-35px);
    padding: var(--space-5px) !important;
    border-radius: var(--global-border-radius);
    border: none !important;
    top: var(--space-0px);
    left: var(--space-0px);
    position: relative;
    pointer-events: auto;
}

#InsertDayToCalendar .membershipeditable, #InsertDayToCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox,
#EditingDayOnCalendar .membershipeditable, #EditingDayOnCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox {
    border: 1px solid var(--global-dropdown-border) !important;
}

#InsertDayToCalendar .add-day-grid table tr td, #EditingDayOnCalendar .add-day-grid table tr td {
    padding: var(--space-10px) var(--space-10px) var(--space-0px);
    padding-top: var(--space-0px) !important;
    pointer-events: none;
}
/* -------------------Add day to calendar Popup screen UI ends------------------- */
/* -------------------Daily attendance - calendar - grid styles Starts------------------- */
#grdCalendarView .k-grid-header th:before { display: none; }
#grdCalendarView .k-grid-header tr:first-child th:nth-child(2), #grdCalendarView .k-grid-header tr th:last-child { border-right: none !important; }
#grdCalendarView .k-grid-header th { border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important; }
#grdCalendarView .k-grid-header tr:first-child th .k-grid-filter { top: 21px; }
#grdCalendarView .k-grid-header tr:first-child th:last-child { text-align: center; border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important; }
#grdCalendarView .k-grid-header tr:first-child th:last-child .k-link span { text-align: center; width: 100%; }
.page-template.calendar-print .header, .page-template.calendar-print .subheader {
    background: var(--brand-main-header-bg);
    color: var(--global-text-light);
    padding: var(--space-20px);
    border-radius: var(--global-border-radius);
    margin: var(--space-0px);
}
#divAttendanceCalendarView #grdCalendarView .k-pager-wrap.k-grid-pager { display:none!important; }
#grdCalendarView.app-kgrid__container .k-column-title { padding-right: var(--space-10px) !important; }
/* -------------------Daily attendance - calendar - grid styles Ends------------------- */
/* -------------------Single student email icon Starts------------------- */
#btnOneStudentEmail:hover .student__bottom-image, #btnOneStaffEmail:hover .student__bottom-image { display: none; }
#btnOneStudentEmail.disableNote .student__bottom-image, #btnOneStaffEmail.disableNote .student__bottom-image,
#btnOneStudentEmail.disableNote:hover .student__bottom-image, #btnOneStaffEmail.disableNote:hover .student__bottom-image,
#btnOneStudentEmail:hover .students-icons-hover, #btnOneStaffEmail:hover .students-icons-hover { display: block; height: var(--space-20px) !important; width: auto !important; }
/* -------------------Single student email icon Ends------------------- */
/* -------------------Add course section style Starts------------------- */
.addcourse__details { border: 1px solid var(--brand-tabs-component-background); }
.addcourse__details .courselink-tab-button-position, .addcourse__details .prerequisites-tab-button-position {  margin-top: var(--space-24px) !important; }
/* -------------------Add course section style ends------------------- */
/* -------------------Reciepients Grid, Email Editor, Email Display Email Style starts starts------------------- */
#divRecipients .app-kgrid__container td.app-grid-column-border-bottom { border-bottom: 1px solid rgba(var( --brand-table-row-background)) !important }
#dvtxtEmailEditor .app-k-editor .k-editor-toolbar-wrap .k-editor-toolbar .k-input:has(.k-fontName) { width: 13em !important; }
#dvtxtEmailEditor .app-k-editor .k-editor-toolbar-wrap .k-editor-toolbar .k-input:has(.k-fontSize) { width: 9em !important; }
#divContactViewDetails .display-email { width: calc(100% - 24px); }
#divScheduleGridSection .app-kgrid__container .k-grid-content table td { position: relative; }
/* -------------------Reciepients Grid, Email Editor, Email Display Email Style starts Ends------------------- */
/* -------------------Individual Tooltip for Diff. Screens starts------------------- */
.schedule__board .school-schedule-tile .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle { left: auto !important; top: auto !important; }
#divRosters .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle { left: auto; top: auto; }
/* -------------------Individual Tooltip for Diff. Screens Ends------------------- */
/* -------------------Calendar print screen UI starts------------------- */
#grdCalendarView table td { padding-left: var(--space-30px) !important; }
#grdCalendarView table th.membership-column { text-align: center !important; }
#grdCalendarView.print-calandergrid table td {
    padding-left: var(--space-0px) !important;
}
/* -------------------Calendar print screen UI ends------------------- */
/* -------------------Document Viewer excel UI design Starts------------------- */
.__gdv_ws_container.excel-page { top: var(--space-20px) !important; left: var(--space-20px); }
.__gdv_ws_container.excel-page .__gdv_ws_content > iframe { height: calc(100vh - 200px) !important; }
/* -------------------Document Viewer excel UI design Ends------------------- */
/* -------------------school schedule - manage course/selection - course tab Starts------------------- */
.tab-manage__courselink-box .tab-manage__courselink-input-box .course-fields.controlDisabled,
.tab-prerequisites-box-with .prerequisites-fields.controlDisabled, .courselink-fields.controlDisabled { color: var(--global-text-color) !important; border-color: var(--global-lightblue-border) !important; opacity: 1; pointer-events: none; }
.extended-course-info label { min-width:175px; }
.ext-course-col { flex:none; }
.ext-course-col:nth-child(odd) { padding-right: var(--space-40px); }
.ext-course-col:nth-child(even) { padding-left: var(--space-40px); }
.ext-course-col .edit-approval-center-data, .ext-course-col .edit-approval-center-data.app__dropdown .k-dropdownlist { width: 100% !important; }
/* -------------------school schedule - manage course/selection - course tab ends------------------- */
/* -------------------school schedule - reciev course requests - course tab Starts------------------- */
.school__recieve-course-requests .course__requests__card { height: var(--space-80px); width: var(--space-80px); }
.school__recieve-course-requests .reviewed__bgcolor { background: var(--brand-grid-color-indicator-orange); }
.school__recieve-course-requests .approved__bgcolor { background: var(--brand-grid-color-indicator-green); }
/* -------------------school schedule - reciev course requests - course tab ends------------------- */
/* -------------------Progress Report Settings popup Starts------------------- */
.div-progress-report-settings .k-window-content { overflow: auto; height: calc(var(--app-height) - var(--header-height)); }
#divProgressReportMemoEditForm .k-editable-area iframe, #divCurrentMarkingPeriodEditor .k-editable-area iframe {  padding: var(--space-10px); }
#divProgressReportMemoEditForm .k-toolbar, #divCurrentMarkingPeriodEditor .k-toolbar { border-top-left-radius: var(--global-border-radius); border-top-right-radius: var(--global-border-radius); }
/* -------------------Progress Report Settings popup ends------------------- */
/* -------------------Equal width for check box - Student/Grades/Report settings starts------------------- */
div#divAttendanceCodes > div .app-flex-1, #divSemFinalAveragesExams .app-d-flex > div { box-sizing: border-box; flex: 0 1 25%; }
.flex-summary-box { flex: 0 1 50%; margin-bottom: var(--space-20px); }
/* -------------------Equal width for check box - Student/Grades/Report settings ends------------------- */
/* -------------------scheduling year indiactor Starts------------------- */
.scheduleyear-indicator {
    width: 210px;
    height: var(--space-35px);
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    padding: var(--space-5px) var(--space-20px);
    color: var(--global-dark-orange-color);
    position: relative;
}

.scheduleyear-indicator:before, .scheduleyear-indicator:after {
    top: var(--space-0px);
    height: 100%;
    width: var(--space-5px);
    background: var(--global-dark-orange-color);
    content: "";
    position: absolute;
}

.scheduleyear-indicator:before{
    left: var(--space-0px);
    border-radius: var(--global-large-border-radius) var(--space-0px) var(--space-0px) var(--global-large-border-radius);
}

.scheduleyear-indicator:after{
    right: var(--space-0px);
    border-radius: var(--space-0px) var(--global-large-border-radius) var(--global-large-border-radius) var(--space-0px);
}
/* -------------------scheduling year indiactor ends------------------- */
/* -------------------Dashboard -> Edit Tile Popup Design Starts------------------- */
#divAddEditWidget .dashboard-home-tile .k-value-icon, #divEditWidget .dashboard-home-tile .k-value-icon, #divWidgetEdit .dashboard-home-tile .k-value-icon {
    border: none;
}

#divAddEditWidget .dashboard-home-tile .k-picker.k-icon-picker .k-input-inner, #divWidgetEdit .dashboard-home-tile .k-picker.k-icon-picker .k-input-inner, #divEditWidget .dashboard-home-tile .k-picker.k-icon-picker .k-input-inner {
    height: 33px;
    width: var(--space-35px);
    padding: var(--space-0px);
}

#divAddEditWidget .dashboard-home-tile .upper-section .k-colorpicker, #divWidgetEdit .dashboard-home-tile .upper-section .k-colorpicker, #divEditWidget .dashboard-home-tile .upper-section .k-colorpicker {
    border: 1px solid var(--global-input-border-color) !important;
}

#divAddEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
    height: calc(100vh - 135px);
    overflow: auto;
    padding-right: var(--space-20px);
}
.app__tabstrip #tabstripDashboard ul.k-reset.k-tabstrip-items:last-child:after {
    background: var(--brand-component-secondary-background) !important;
}

.app-kgrid__container #grdDashbordTilesList .k-grid-header-wrap thead tr th.k-header:not(:last-child):before, #divDashboardLibraryView .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(3):before {
    display: none;
}

.app-kgrid__container #grdDashbordTilesList .k-grid-content.k-auto-scrollable,
.app-kgrid__container #grdDashbordChartsList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 310px) !important;
}

.app-kgrid__container #grdDashbordTilesList.k-grid .k-grid-content table td.k-command-cell[role="gridcell"], .app-kgrid__container #grdDashbordChartsList.k-grid .k-grid-content table td.k-command-cell[role="gridcell"] {
    border-right: none !important;
    padding: var(--space-0px);
}

#divDashboardLibraryView .grid__searchbox .allGrids__SearchBox {
    width: 290px;
}

#divDashboardLibraryView #gridBirthdayDetails .k-grid-content.k-auto-scrollable,
#divGridBirthday #gridBirthdayDetails .k-grid-content.k-auto-scrollable,
#divGridIncident #gridIncidentDetails .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 400px);
    height: auto;
}

.individual-onclick-tooltip + .tooltip-grid-wrap.newCaseInputTootip {
    left: 570px;
}

.disable-save-img {
    margin-top: var(--space-0px);
    height: var(--space-12px) !important;
    opacity: var(--opacity-five);
}

#grdDashbordTilesList.k-grid .k-command-cell > .k-button + .k-button {
    margin-inline-start: var(--space-0px)
}

#grdDashbordTilesList.k-grid td.k-focus, #grdDashbordChartsList.k-grid td.k-focus, .app-kgrid__container #grdDashbordTilesList .k-focus, .app-kgrid__container #grdDashbordTilesList .k-grid-header th.k-focus .k-focus, .app-kgrid__container #grdDashbordChartsList .k-focus, .app-kgrid__container #grdDashbordChartsList .k-grid-header th.k-focus .k-focus {
    box-shadow: none !important;
}

#divDashboardTheme #warningfade {
    top: 5%;
    left: 20%;
    width: 54%;
}

#divGridDashboardLibrary .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 380px) !important;
}

#divGridDashboardLibrary .view__optionlist.app__dropdown.app__dropdownmenulist {
    height: var(--space-0px) !important;
}

#divTabstripDashboard .s-tabHomeLink {
    text-transform: none !important;
}
/* -------------------Dashboard -> Edit Tile Popup Design Ends------------------- */
/* -------------------School demogrpahics import edit modal Starts------------------- */
.demographics-import-edit {
    margin-bottom: var(--space-0px) !important;
}
.demographics-import-edit .appinfo__container { padding:var(--space-10px) var(--space-15px) !important; }
.demographics-delimiter-row {
    border-top: none !important;
    padding-top: var(--space-0px) !important;
}
.demographics-delimiter-row .app__dropdown .k-dropdownlist { width:130px !important; }
.editDemographicsHeight #grdImportTemplate .k-grid-content {
    height: calc(100vh - 385px) !important;
}
.editDemographicsHeight .import-zero-record-display {
    min-height: 380px;
}
.editDemographicsHeight #gridFileContent .k-grid-content {
    height: calc(100vh - 770px) !important;
}
.editDemographicsHeight .section-analyze-file {
    height: calc(100vh - 425px) !important;
}
.editDemographicsHeight .start-import-details {
    height: calc(100vh - 360px);
}
/* -------------------School demogrpahics import edit modal Ends------------------- */
/* -------------------Import from file - Scroll issue Starts------------------- */
#importFileSelection #gridFileContent.app-kgrid__container .k-grid-header-wrap thead tr:first-child th.k-header:after {
    height: var(--space-0px);
}

#importFileSelection #gridFileContent.app-kgrid__container .k-grid-header {
    padding-right: var(--space-12px) !important;
}

#importFileSelection #gridFileContent.app-kgrid__container .k-grid-content {
    overflow-y: auto !important;
}

    #importFileSelection #gridFileContent.app-kgrid__container .k-grid-content td:last-child {
        border-right: none !important;
    }
.editDemographicsHeight #importFileSelection.generic-section .import-zero-record-display {
    min-height: 430px;
}
.editDemographicsHeight #importFileSelection.generic-section #gridFileContent .k-grid-content {
    height: calc(100vh - 680px) !important;
}
/* -------------------Import from file - Scroll issue Ends------------------- */
/* -------------------Add tile Ui Starts------------------- */
#divAddWidget .manage-page__inner-content, #divAddWidget .manage-page__popup,
#divEditWidget .manage-page__inner-content, #divEditWidget .manage-page__popup,
#divWidgetEdit .manage-page__inner-content, #divWidgetEdit .manage-page__popup {
    height: auto;
    position: relative !important;
    width: auto;
}

.app-kpopup__container #divEditWidget.k-window-content,
.app-kpopup__container #divWidgetEdit.k-window-content {
    padding: var(--space-0px);
}

#divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
    height: 525px;
}

#divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll{
    padding-right:var(--space-20px);
}
#divChartListView .k-grid-content .k-button-solid-base {
    height:auto!important;
}
#gridWidgetLibraryDetails table tbody tr td:nth-child(7), #gridWidgetLibraryDetails table tbody tr td:nth-child(8) {
    padding-left: var(--space-40px) !important;
}

#gridWidgetLibraryDetails table tbody tr td:nth-child(6), #gridWidgetLibraryDetails table tbody tr td:nth-child(5) {
    padding-left: var(--space-35px) !important;
}
/* -------------------Add tile Ui ends------------------- */
/* -------------------Tile color popup screen Ui Starts------------------- */
.ellipse-opac {
    background: rgb(0, 0, 0, 0.25);
    padding: 6px var(--space-20px);
    border-radius: var(--global-extra-large-border-radius);
    max-width: 85%;
    width: fit-content;
    line-height: 18px;
    bottom: var(--space-15px);
    max-height: 62px;
}
.ellipse-bordered {
    padding: 3px var(--space-20px); 
    border-radius: var(--global-extra-large-border-radius);
    max-width: 75%;
    width: fit-content;
    line-height: 18px;
    bottom: var(--space-15px);
    max-height: 62px;
}

.sortable.dashboard__tiles li.tile-without-bg .tiles__header #tileName.ellipse-opac {
    max-width: 80%;
}
#divColorList .color__selectionbox .selection__custom {
    width:calc(100% - 180px);
}
#divColorList .selected__color {
    height: var(--space-20px);
    width: var(--space-20px);
    border-radius: 100%;
    position: absolute;
    right: var(--space-20px);
}
.color__selectionbox .default-color-box {
    gap: var(--space-25px);
}
.color__selectionbox .circle__color {
    height: 28px;
    width: 28px;
    border-radius: 100%;
    box-shadow: inset 0px 2px var(--space-4px) var(--global-box-shadow-color);
    box-sizing: border-box;
    background: transparent;
    border: 1px solid var(--brand-component-secondary-background);
}
.color__selectionbox .circle__color.blank {
    border: 1px dashed var(--global-border-dark);
    box-shadow: none;
    box-sizing: border-box;
}
.color__selectionbox .circle__color.blank.add-color {
    position: relative;
    background: transparent;
    box-shadow:none !important;
}
.color__selectionbox .circle__color.blank.add-color:hover:before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    border: 2px solid var(--global-blue-border);
    border-radius: 100%;
    background-image: url(../Images/AdminPlus/add-black.svg);
    background-repeat: no-repeat;
    background-position: center;
}
    .color__selectionbox .circle__color.selected {
    outline: 2px solid var(--global-blue-border);
    border: 2px solid var(--brand-component-secondary-background);
    background-image: url(../Images/AdminPlus/tick.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.color__selectionbox .circle__color:hover {
    outline: 2px solid var(--global-blue-border);
    border: 2px solid var(--brand-component-secondary-background);
    height:29px;
}
.color__selectionbox .circle__color.blank:hover {
    outline: none;
    border: 1px dashed var(--global-border-dark);
    height:28px;
}

.blue-tooltip {
    background: var(--global-dimlight-blue-bg);
}

.app__tooltip.app__dropdownmenulist .dropdown-menu.tooltip-blue-div {
    margin-top: var(--space-20px) !important;
    right: var(--space-25px);
    border: 1px solid var(--global-border-blue);
}

.blue-tooltip__content .tooltip__popup__triangle:after, .blue-tooltip__content .tooltip__popup__triangle:before {
    left: var(--space-8px);
    border-top: var(--space-4px) solid transparent;
    border-bottom: var(--space-4px) solid transparent;
    border-left: var(--space-8px) solid var(--global-border-blue);
    margin-top: 13px;
}

.blue-tooltip__content .tooltip__popup__triangle:before {
    border-left: var(--space-8px) solid var(--global-lightish-blue-border);
    margin-top: 14px;
}

.inactivate-tooltip .blue-tooltip__content .tooltip__popup__triangle:after,
.inactivate-tooltip .blue-tooltip__content .tooltip__popup__triangle:before {
    right: -16px !important;
    left: auto !important;
}

.inactivate-tooltip .tooltip__content.blue-tooltip__content {
    right: auto;
    top: auto;
}
#color-picker .k-colorgradient {
    width: 600px;
    height: auto;
}

#color-picker.k-colorgradient {
    height: 500px;
}

#color-picker.k-colorgradient:focus {
    box-shadow: none;
}
#color-picker .k-colorgradient-toggle-mode {
    background: var(--brand-default-light-background) !important;
    border: 1px solid var(--global-lightish-grey-border) !important;
}

#color-picker .k-colorgradient-input-label { color: var(--global-text-color); }
#color-picker .k-colorgradient-inputs .k-textbox { width: 95%; }
#color-picker .k-colorgradient-slider.k-slider-vertical .k-slider-track {
    width: 18px;
    position: relative;
    margin: var(--space-0px);
    left: var(--space-0px);
}
#color-picker .k-colorgradient-canvas .k-hsv-gradient, #color-picker .k-colorgradient-slider.k-slider-vertical { height: var(--space-400px); }
#color-picker .k-colorgradient-canvas { gap: 27px; }
.app-kpopup__container #divAddWidget.k-window-content {
    padding: var(--space-0px) !important;
}
#divTileSettings .removed-tile-info-box{ left:14%; }

#divManageSetting .staffdatefield.staff-search-criteria .k-input, #divManageSetting .studentdatefield .k-input, #divAddEditTileSpec .studentdatefield .k-input{ border: none; }
#divAttendanceCodes #gridAttendanceCodesDetails.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before { display: none; }
#divAttendanceCodes #gridAttendanceCodesDetails.app-kgrid__container .k-grid-header-wrap thead tr th.k-header.atte-code-blank,
#divAttendanceCodes #gridAttendanceCodesDetails.app-kgrid__container .k-grid-header-wrap thead tr th.k-header.atte-reg-linkone,
#divAttendanceCodes #gridAttendanceCodesDetails.app-kgrid__container .k-grid-header-wrap thead tr th.k-header.e-u.linkone,
#divAttendanceCodes #gridAttendanceCodesDetails.app-kgrid__container .k-grid-header-wrap thead tr th.k-header.atte-reg-code { border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important; }

#divAttendanceCodes #gridAttendanceCodesDetails .k-grid-header .k-grid-header-wrap table tr th.atte-reg-checkbox .checkbox-label:before {
    height: var(--space-25px);
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-8px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}

#divManageDashboard .app__tabstrip .k-tabstrip .k-content.k-active { padding: var(--space-20px); }
/* -------------------Tile color popup screen Ui Ends------------------- */
/* -------------------Approval Center - Course Requests - Starts------------------- */
#divCourseRequestsGrid .app-kgrid__container .k-grid-content { height: calc(100vh - 376px) !important; }
.approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content { height: calc(100vh - 370px) !important;}
#divCourseRequestsGrid .app-kgrid__container, #divCourseRequestsGrid.app-custom-pagination .app-kgrid__container .k-grid-pager.k-pager-wrap { border-bottom-left-radius: var(--global-border-radius);}
.approval__center.min-max-width #divGradesHoldingBinTab #divCourseRequestsTabstripBin ul.k-reset.k-tabstrip-items, .approval__center.min-max-width #divCourseRequestsGrid .k-pager-sizes.k-label { display:none; }
#divCourseRequestsGrid .divContactViewPopup.tooltipTop {top: -106px !important;}
#divCourseRequestsGrid .divContactViewPopup.tooltipTop .tooltip__popup__triangle:before, #divCourseRequestsGrid .divContactViewPopup.tooltipTop .tooltip__popup__triangle:after {margin-top: 103px;}
#divCourseRequestsTabstripBin .k-tabstrip, #divPeriodAttendanceTabstripBin .k-tabstrip, #divDailyAttendanceTabstripBin .k-tabstrip, #divGradesTabstripBin .k-tabstrip, #divIncidentsHoldingBinTab .k-tabstrip { max-height: 37px; }
#gridStudentCourseRequestDetails .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 470px);}
.divContactViewPopup.course-request-approved-grid { left: var(--space-8px); }
#divCourseRequestsGrid .divContactViewPopup.course-request-approved-grid.tooltipTop { top: -104px !important; left: 9px; }
#divCourseRequestsGrid .divContactViewPopup.course-request-approved-grid.tooltipTop .tooltip__popup__triangle:before, #divCourseRequestsGrid .divContactViewPopup.course-request-approved-grid.tooltipTop .tooltip__popup__triangle:after { margin-top: 103px; }
.user-spec-studentId .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle , .user-spec-staffId .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle{ position: relative; left: 276px; top: 1px; }
.user-spec-studentId .individual-onclick-tooltip + .tooltip-grid-wrap, .user-spec-staffId .individual-onclick-tooltip + .tooltip-grid-wrap { left: -287px; top: var(--space-25px); position:absolute; }
/* Approval Center - Course Requests - Approved Tab */
.app-kgrid__container.studentCourseRequest-approve .k-grid-header .k-header:nth-child(2), .app-kgrid__container.studentCourseRequest-approve .k-grid-content .k-master-row td:nth-child(2), .app-kgrid__container.studentCourseRequest-approve .k-grid-content colgroup col:nth-child(3), .app-kgrid__container.studentCourseRequest-approve .k-grid-header colgroup col:nth-child(3), .app-kgrid__container.studentCourseRequest-approve .k-grid-header .k-header:nth-last-child(2):before { display: none; }
.app-kgrid__container.studentCourseRequest-approve .k-grid-header th.k-header:nth-child(3),.app-kgrid__container.studentCourseRequest-approve .k-grid-content tr td:nth-child(3) {padding-left: var(--space-45px) !important;}
.app-kgrid__container.studentCourseRequest-approve .k-grid-header-wrap th.k-header:nth-child(3) a.k-grid-filter,
.app-kgrid__container.studentCourseRequest-approve .k-grid-header-locked th.k-header:nth-child(3) a.k-grid-filter { left: var(--space-20px);}
/* -------------------Approval Center - Course Requests - ends------------------- */
/* -------------------School - Schedule - Receive Course Requests Starts------------------- */
#divSchoolSchedule #divCourseRequestsLogBtn, #divSchoolSchedule #divCourseRequestsSendToExcelBtn, #divSchoolSchedule #divCourseRequestsApproveBtn, #divSchoolSchedule #divCourseRequestsApproveBtn + .expand-collapse-arrow {
    margin-bottom: var(--space-0px) !important;
}
#divSchoolSchedule .main-content-cntnr.approval__center { height: calc(var(--app-height) - (var(--header-height) + 125px + 30px)); }
#school_mode #divSchoolSchedule .demographic__panel { height: calc(100vh - 366px); }
#divSchoolSchedule #divCourseRequestsGrid .app-kgrid__container .k-grid-content { height: calc(100vh - 430px) !important; }
#divSchoolSchedule .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content { height: calc(100vh - 425px) !important; }
#divSchoolSchedule #gridStudentCourseRequestDetails .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 550px); }
/* -------------------School - Schedule - Receive Course Requests Ends------------------- */
/* -------------------Dashboard attendance trend screen Starts------------------- */
#divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
#gridChartDetailedView.app-kgrid__container .k-grid-content {
    height: calc(100vh - 435px) !important;
    overflow: auto;
}

#divChartDetails #gridDetailedView.app-kgrid__container tbody tr td:not(:last-child),
#gridChartDetailedView.app-kgrid__container tbody tr td:not(:last-child) {
    border-right: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
}

#divChartDetails #gridDetailedView.app-kgrid__container tbody tr td, #divChartDetails #gridDetailedView.app-kgrid__container table thead tr th,
#gridChartDetailedView.app-kgrid__container tbody tr td, #divChartDetails #gridChartDetailedView.app-kgrid__container table thead tr th {
    padding-left: var(--space-20px) !important;
    padding-right: var(--space-20px) !important;
}

.chart_detailedview-title {
    height: var(--space-20px);
    color: var(--global-link-color);
    font-family: var(--global-font-family-semibold) !important;
    font-weight: normal !important;
    font-size: var(--global-text-size-xxl);
}
/* -------------------Dashboard attendance trend screen Ends------------------- */
/* -------------------Auto Toogle Switches, with Tooltip, with Auto Arrow UI Starts----------------- */
.autoToggle__wrapper {
    display: flex;
    align-items: center;
    background: var(--brand-dark-backgroundcolor-indicator);
    border-radius: var(--global-extra-large-border-radius);
    padding: var(--space-0px) var(--space-5px);
    position: relative;
    overflow: hidden;
}

.app__autoToggleswitches {
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    position: relative;
    background: var(--brand-dark-backgroundcolor-indicator);
    border-radius: var(--global-extra-large-border-radius);
    padding: var(--space-5px);
    flex-grow: 1;
}

.app__autoToggleswitches::-webkit-scrollbar, .autoToggle__switch.active + .autoToggle__switch:after, .autoToggle__switch.active:after { display: none; }

.autoToggle__switch {
    height: var(--space-30px);
    font-size: var(--global-text-size-lg);
    text-align: center;
    line-height: 1;
    transition: 0.3s ease all;
    border-radius: var(--space-15px);
    background: none;
    border: none;
    padding: var(--space-0px) var(--space-10px);
    position: relative;
}

    .autoToggle__switch:last-child {
        margin-right: var(--space-0px) !important;
    }

.autoToggle__switch.active {
    background: var(--brand-default-light-background);
    font-weight: var(--gloabl-bold-font-weight);
    color: var(--global-text-color) !Important;
}

.app__autoToggleswitches .autoToggle__switch:after {
    border-right: 1px solid var(--global-border-light);
    content: " ";
    left: -10px;
    position: absolute;
    height: var(--space-20px);
    top: 5px;
    cursor: default;
}

.autoToggle__wrapper .autoTogglearrow-btn {
    background-color: var(--brand-dark-backgroundcolor-indicator);
    border: none;
    padding: var(--space-8px);
    height: 38px;
}

.autoToggle__wrapper .autoTogglearrow-btn:focus {
    outline: none;
}

.autoToggle__wrapper #left-arrow {
    border-top-left-radius: var(--global-extra-large-border-radius);
    border-bottom-left-radius: var(--global-extra-large-border-radius);
}

.autoToggle__wrapper #right-arrow {
    border-top-right-radius: var(--global-extra-large-border-radius);
    border-bottom-right-radius: var(--global-extra-large-border-radius);
}

.toggle-switch-container button[disabled] {
    opacity: 0;
    display: none;
}
/* Toolip for Auto Toggle Switch buttons*/
.auto-toggleTooltip, .auto-static-tooltip {
    position: fixed;
    display: none;
    background-color: var(--tooltip-bg-color);
    box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0px 3px 6px var(--global-user-menu-boxshadow);
    padding: 7px var(--space-12px);
    border: 1px solid var(--global-user-menu-border);
    color: var(--global-text-color);
    z-index: 999;
    border-radius: .25rem;
    font-size: var(--global-text-size-xs);
    font-family: var(--global-font-family-semibold);
}

.auto-static-tooltip {
    position: absolute;
    top: 28px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.auto-static-tooltip-wrap:hover .auto-static-tooltip {
    display: block;
}

.auto-toggleTooltip:before, .auto-static-tooltip:before {
    position: absolute;
    z-index: 99999999999;
    top: -10px;
    margin-top: -2px;
    border-top: var(--space-8px) solid transparent;
    border-bottom: var(--space-8px) solid transparent;
    border-left: var(--space-8px) solid var(--tooltip-bg-color);
    content: "";
    left: calc(50% - 4px);
    transform: translateX(-50%);
    transform: rotate(270deg);
}

.auto-toggleTooltip:after, .auto-static-tooltip:after {
    position: absolute;
    z-index: 999;
    top: -13px;
    border-top: var(--space-8px) solid transparent;
    border-bottom: var(--space-8px) solid transparent;
    border-left: var(--space-8px) solid var(--global-user-menu-border);
    content: "";
    left: calc(50% - 4px);
    transform: translateX(-50%);
    transform: rotate(270deg);
}

/* -------------------Auto Toogle Switches, with Tooltip, with Auto Arrow UI Ends----------------- */
/* -------------------Incidents -> Add Incidents and View Incidents Ends------------------- */
#studentNewIncident .penalty-card{
    height: auto;
}
.incidents__container .app-kgrid__container tr:nth-child(odd),
.incidents__container .app-kgrid__container tr:nth-child(even),
.incidents__container .app-kgrid__container tr:hover {
    background: none !important;
}
#divIncidents .app-kgrid__container .k-grid-header th.k-header:nth-child(2):before {
    display: none !important;
}
#studentNewIncident .penalty-card .penalty-summary-details .penalty-summary-details-data:not(:last-child) {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
    border-bottom: 1px solid var(--global-penalty-summary-details-color);
}
#studentNewIncident .penalty-card .penalty-summary-details .penalty-summary-details-data:last-child {
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
}
#studentNewIncident .penalty-card .penalty-summary-details .penalty-summary-details-data {
    border: var(--space-0px);
}
#studentNewIncident .penalty-card .penalty-summary-details {
    border: 1px solid var(--global-verylight-blue-border-color);
    max-height: var(--space-80px);
    overflow: auto;
}

.incident-grid-edit {
    height: calc(100% - 55px);
    top: auto;
    outline: 1px solid var(--global-border-light);
    display: none;
    animation: bounceInRight 0.7s ease-out;
    bottom: var(--space-5px);
}

.student__staff__selection.edit-incident { z-index:9; }
.student__staff__selection.edit-incident.app-pb-15.app-p-20 { padding-bottom:var(--space-15px) !important; }
.student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'Custom';
    right: -40px;
    font-size: var(--global-text-size);
    opacity: 1;
}
.student__staff__selection.edit-incident .app__toggle .app__togglebutton .layer { max-width: 245px; }
.student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__knobs:before { width: 140px; }
.student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__knobs .app__toggleone { width: var(--space-150px); }
.student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before { width: 90px; }
.student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before { left: var(--space-150px); }
.student__staff__selection.edit-incident .app__toggle .app__togglebutton { width: 330px; }
.student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__knobs { max-width: 185px; }

@keyframes bounceInRight {
    0% {
        transform: translateX(30%);
        opacity: 0;
    }

    50% {
        transform: translateX(1%);
        opacity: 1;
    }

    80% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(0);
    }
}

#divUserDefinedCategories .k-tabstrip {
    width: 100%;
    padding: var(--space-0px);
}
#divUserDefinedCategories .k-tabstrip .k-tabstrip-items-wrapper { flex-direction:column; box-shadow: 0px 2px  var(--space-4px) var(--global-kendo-table-boxshadow); -moz-box-shadow: 0px 2px  var(--space-4px) var(--global-kendo-table-boxshadow); position:relative; }
#divUserDefinedCategories .k-tabstrip .k-tabstrip-items-wrapper, #divUserDefinedCategories .k-tabstrip .k-tabstrip-items-wrapper .k-item { background: var(--brand-default-light-background); border:none; }
#divUserDefinedCategories .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items { height:var(--space-50px); padding-bottom:1px; border: none; }
#divUserDefinedCategories .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active { position:relative; font-family: var(--global-font-family-semibold) !important; }
#divUserDefinedCategories .k-tabstrip .k-tabstrip-items-wrapper .k-tabstrip-items .k-tabstrip-item.k-active::after { position:absolute; height:3px; width: calc(100% - 30px); bottom:7px; left:var(--space-15px); content:""; background: var(--global-border-blue); }
    #divUserDefinedCategories .k-tabstrip .k-tabstrip-content {
        border: none;
        background: var(--brand-component-primary-background) !important;
        padding: var(--space-0px);
    }
#divUserDefinedCategories:has(.stud-view-dummy-table.period-table) { background: var(--brand-component-primary-background) !important; }
#divUserDefinedCategories .stud-view-dummy-table.period-table tbody tr td { padding: var(--space-8px) var(--space-20px); color: var(--global-text-color); }
#divUserDefinedCategories .stud-view-dummy-table.period-table thead tr th { width:auto !important; }
#tabExtendedTable.k-tabstrip .k-tabstrip-content { border: none; background: var(--brand-component-primary-background) !important; padding: 0; height: calc(100vh - 352px) !important; padding-top: var(--space-50px); }
#tabExtendedTable .app-kgrid__container .k-button { height: auto !important; }
#tabExtendedTable.app-tabstrip-nav .k-tabstrip-items .k-item .k-link, .attendance-date__data .k-datepicker .k-input { color: var(--global-text-color); }
#tabExtendedTable.app-tabstrip-nav .k-tabstrip-items .k-item.k-active .k-link { font-family: var(--global-font-family-semibold); }
.incident-grid-edit .incident-transition-box { height: calc(100% - 60px); overflow-y: auto; }
#tabExtendedTable .generic__formtabstrip .k-tabstrip-items { border-bottom:none; }
#userDefinedCategoriesContent .app-tabstrip-nav .k-tabstrip-items-wrapper { height: var(--space-50px); position:absolute; }
#userDefinedCategoriesContent .app-tabstrip-nav .k-tabstrip-items .k-item { padding: var(--space-10px) var(--space-10px) var(--space-10px) var(--space-20px); box-shadow: none; }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table tbody tr td div { min-height: 23px; max-width: var(--space-250px); overflow: hidden; text-overflow: ellipsis; }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table thead tr th { padding: var(--space-10px); }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table tbody tr td { padding:var(--space-8px) var(--space-10px); }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table thead tr th:first-child,
#userDefinedCategoriesContent .stud-view-dummy-table.period-table tbody tr td:first-child { padding-left: var(--space-20px) !important; }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table tbody tr:last-child td { text-transform: none; }
#studentNewIncident .incidents__container .app-kgrid__container .k-grid-header th.k-header:not(:first-child),
#studentNewIncident .incidents__container .app-kgrid__container td:not(:first-child) { padding-left: var(--space-10px) !important; }
#studentNewIncident .incidents__container .app-kgrid__container .k-grid-header colgroup col:not(:first-child),
#studentNewIncident .incidents__container .app-kgrid__container .k-grid-content colgroup col:not(:first-child) { min-width: var(--space-200px); width: auto !important; }
#studentNewIncident .incidents__container .app-kgrid__container .k-grid-header th.k-header:first-child, #studentNewIncident .incidents__container .app-kgrid__container td:first-child { padding-left: var(--space-20px) !important; }
#studentNewIncident .custom-grid-table table tbody tr td.k-command-cell { border-right: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important; }
#studentNewIncident .custom-grid-table.app-kgrid__container .k-grid-header .k-header:not(:last-child):before { top: var(--space-8px); }
#userDefinedCategoriesContent, .incidents__container { height: calc(100vh - 397px) !important; overflow-y: auto; padding-bottom: var(--space-20px); }
#gridOneStudentIncident .contact-popup__triangle.app-ml-9:after { margin-left: -5px; }
#gridSchoolDemographicsReportsDetail .view__optionlist.app__dropdown.app__dropdownmenulist,
#gridOneStudentIncident .view__optionlist.app__dropdown.app__dropdownmenulist {
    width: auto !important;
    height: auto !important;
}
#ViewIncidentComments .form-control:disabled:focus, #ViewIncidentComments .form-control[readonly]:focus { border-color: var(--global-input-border-color) !important; }
/* Incident - heights for all modals */
.add-edit-incident-modal { top: var(--space-20px) !important; }
.add-new-incident .incidents__container, .edit-incident-modal .incidents__container { height: calc(100vh - 352px) !important; overflow:auto; }
.add-new-incident #userDefinedCategoriesContent, .edit-incident-modal #userDefinedCategoriesContent, .add-new-incident #userDefinedCategoriesContent .incidents__container, .edit-incident-modal #userDefinedCategoriesContent .incidents__container {
    height: auto !important;
    padding-bottom: var(--space-0px) !important;
}

/* -------------------Incidents -> Add Incidents and View Incidents Ends------------------- */
/* -------------------School Schedule -> Manage Course & Section -> View Popup starts------------------- */

.view-section-popup .app-kgrid__white-container:not(:last-child) {
    padding-bottom: var(--space-30px);
    border-bottom: 1px solid var(--global-standard-grey-border);
}

.view-section-popup .app-kgrid__white-container tbody tr td {
    padding: var(--space-8px) var(--space-20px) !important;
}

.view-section-popup .extended-course-section-scroll {
    height: calc(100vh - 367px);
}

.view-section-popup .schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu {
    left: -112px;
}

.view-section-popup .app-kgrid__white-container:first-child {
    padding-top: var(--space-10px) !important;
}
#divSectionAddEdit .form-control:disabled:focus, #divSectionAddEdit .form-control[readonly]:focus, #divSectionAddEdit .form-control:disabled:hover, #divSectionAddEdit .form-control[readonly]:hover {
    border: 1px solid var(--global-dropdown-border) !important
}
/* -------------------School Schedule -> Manage Course & Section -> View Popup Ends------------------- */
/* -------------------Students Transcript Tootip Position starts------------------- */
.studentTranscript-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle {
    left: 209px;
    top: 1px;
}
.studentTranscript-tooltip.schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap {
    left: auto;
    right: 263px;
}
/* -------------------Students Transcript Tootip Position Ends------------------- */
/* -------------------Student alert popup starts ------------------- */
.alert-modal-overlay {
    position: fixed;
    top: var(--space-0px);
    left: var(--space-0px);
    background-color: rgba(var(--brand-popup-background), var(--opacity-four));
    z-index: 998;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}
.alert-modal-overlay.show {
    opacity: 1;
    visibility: visible;
    width: 100%;
    height: 100%;
}

.alert-grid {
    max-height: 202px;
    overflow-y: auto;
}
.grid-d-contents-wrapper .app-d-contents:last-child .app-light-blue-line-border-bottom {
    border-bottom:none;
}
.app-alert-modal {
    position: absolute;
    top: -200px; /* Initially hidden */
    left: 220px;
    transform: translateX(-50%);
    box-shadow: 0px 3px 6px var(--global-box-shadow-light-dark);
    display: none;
    opacity: 0;
    animation: slideBounceIn 1s forwards, alertBackgroundColor 0.4s forwards;
    width: 600px;
    z-index: 9999;
}
.alert-icon-wrapper {
    position: relative;
    width: var(--space-60px);
    height: var(--space-60px);
    background-color: var(--brand-default-light-background);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--space-10px);
}
.app-alert-modal.show {
    display: block;
}
#divCollapseBar .app-alert-modal {
    left: 283px;
}
#divCollapseBar .alert-modal-triangle {
    left: 4%;
}
.alert-modal-triangle {
    left: 15%;
    transform: translateX(-50%);
    animation: tooltipCrazyBounce 0.01s forwards, tooltipFadeIn 0.1s 0.1s forwards;
}
.alert-modal-triangle:after {
    margin-top: -4px;
    border-left: 13px solid var(--global-automatic-alert-popup-title-background-color);
}
.alert-modal-triangle:before {
    margin-top: -5px;
    border-left: 13px solid var(--global-automatic-alert-popup-title-background-color);
}

.alert-modal-triangle:after, .alert-modal-triangle:before {
    position: absolute;
    z-index: 99999999999;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    content: "";
    transform: rotate(270deg);
}

/* Crazy animation for the alert starts*/
@keyframes slideBounceIn {
    0% {
        top: -200px;
        opacity: 0;
        transform: translateX(-50%) scale(1) rotate(0deg);
    }

    50% {
        top: 38px;
        opacity: 1;
        transform: translateX(-50%) scale(1);
    }

    100% {
        top: var(--space-48px);
        opacity: 1;
        transform: translateX(-50%) scale(1) rotate(0deg);
    }
}
/* Crazy animation for the alert ends*/
/* Tooltip crazy bounce effect starts*/
@keyframes tooltipCrazyBounce {
    0% {
        top: -20px;
        transform: translateX(-50%) scale(0.5);
        opacity: 0;
    }

    50% {
        top: -50px;
        transform: translateX(-50%) scale(1.2);
        opacity: 1;
    }

    100% {
        top: -15px;
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }
}
/* Tooltip crazy bounce effect ends*/
/* Tooltip fade-in effect starts */
@keyframes tooltipFadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Tooltip fade-in effect ends */
/* Change alert background color to grey starts*/
@keyframes alertBackgroundColor {
    0% {
        background-color: var(--brand-default-light-background);
    }

    100% {
        background-color: var(--brand-default-light-background);
    }
}
/* Change alert background color to grey ends*/
/* -------------------Student alert popup Ends-----------------------------*/
/* -------------------Section Add/Edit screen UI starts-------------------*/
#divCustomContent .app-tabstrip-nav .k-tabstrip-items-wrapper {
    height: var(--space-50px);
    position: absolute;
}

#divCustomContent .app-tabstrip-nav .k-tabstrip-items .k-item {
    padding: var(--space-10px) var(--space-10px) var(--space-10px) var(--space-20px);
    box-shadow: none;
}

#divCustomContent .stud-view-dummy-table.period-table tbody tr td div {
    min-height: 23px;
    max-width: var(--space-250px);
    overflow: hidden;
    text-overflow: ellipsis;
}

#divCustomContent .stud-view-dummy-table.period-table thead tr th {
    padding: var(--space-10px);
}

#divCustomContent .stud-view-dummy-table.period-table tbody tr td {
    padding: var(--space-8px) var(--space-10px);
}
#divCustomContent .stud-view-dummy-table.period-table tbody tr:last-child td {
    text-transform: none;
}

#divCustomContent, .section__addedit-container {
    height: calc(100vh - 436px) !important;
    overflow-y: auto;
    padding-bottom: var(--space-20px);
}

    #divCustomContent, #divCustomContent .section__addedit-container {
        height: auto !important;
        padding-bottom: var(--space-0px) !important;
    }

#tabExtendedSectionTable.k-tabstrip .k-tabstrip-content {
    border: none;
    background: var(--brand-component-primary-background) !important;
    padding: var(--space-0px);
    height: calc(100vh - 299px) !important;
    padding-top: var(--space-50px);
}

#tabExtendedSectionTable .app-kgrid__container .k-button, #divAddEditSectionDetails #divCustomContent .app-kgrid__container .k-grid-content {
    height: auto !important;
}

#tabExtendedSectionTable.app-tabstrip-nav .k-tabstrip-items .k-item .k-link {
    color: var(--global-text-color);
}

#tabExtendedSectionTable.app-tabstrip-nav .k-tabstrip-items .k-item.k-active .k-link {
    font-family: var(--global-font-family-semibold);
}

#tabExtendedSectionTable .generic__formtabstrip .k-tabstrip-items {
    border-bottom: none;
}

.add-new-incident .section__addedit-container, .edit-incident-modal .section__addedit-container {
    height: calc(100vh - 352px) !important;
    overflow: auto;
}

.add-new-incident #divCustomContent .section__addedit-containerr, .edit-incident-modal #divCustomContent .section__addedit-container {
    height: auto !important;
    padding-bottom: var(--space-0px) !important;
}

[class*="col-"]:has(.course-div) {
    flex: none;
}

.section__addedit-container {
    height: calc(100vh - 290px);
    overflow-y: auto;
}
.view-incident .section__addedit-container {
    height: calc(100vh - 370px);
    overflow: auto;
}
.section__addedit-container .app-kgrid__container tr:nth-child(odd),
.section__addedit-container .app-kgrid__container tr:nth-child(even),
.section__addedit-container .app-kgrid__container tr:hover {
    background: none !important;
}
#divCustomContent .section__addedit-container .app-kgrid__container .k-grid-header th.k-header:not(:first-child),
#divCustomContent .section__addedit-container .app-kgrid__container td:not(:first-child), 
#studentNewIncident .section__addedit-container .app-kgrid__container .k-grid-header th.k-header:not(:first-child), #studentNewIncident .section__addedit-container .app-kgrid__container td:not(:first-child) {
    padding-left: var(--space-10px) !important;
}

#divCustomContent .stud-view-dummy-table.period-table thead tr th:first-child,
#divCustomContent .stud-view-dummy-table.period-table tbody tr td:first-child,
#divAddEditSection #divCustomContent .app-kgrid__container .k-grid-content table td:first-child, #divAddEditSection #divCustomContent .app-kgrid__container .k-grid-header th.k-header:first-child, #studentNewIncident .section__addedit-container .app-kgrid__container .k-grid-header th.k-header:first-child, #studentNewIncident .section__addedit-container .app-kgrid__container td:first-child {
    padding-left: var(--space-20px) !important;
}
.add-new-incident .section__addedit-container, .edit-incident-modal .section__addedit-container {
    height: calc(100vh - 352px) !important;
    overflow: auto;
}
.app-kpopup__container:has(#divSectionAddEdit), .app-kpopup__container:has(#divViewSection) {
    top: var(--space-20px) !important;
}
#divSectionAddEdit #divSectionDetailsContent {
    height: calc(100vh - 299px);
}
#divSectionAddEdit #divCustomContent #divExtendedSectionControls {
    height: calc(100% - 55px);
}
#divViewSection .extended-course-section-scroll .extended-section-info:last-child {
    margin-bottom: var(--space-15px);
}
#divCustomContent .app-tabstrip-nav .k-tabstrip-items-wrapper {
    border-radius:var(--space-0px) !important;
}
.edit-section-modal #divSectionAddEdit #divSectionDetailsContent, .edit-section-modal #divSectionAddEdit #divCustomContent #tabExtendedSectionTable.k-tabstrip .k-tabstrip-content {
    height: calc(100vh - 299px) !important;
}
#divViewSection .stud-view-dummy-table.period-table thead tr th {
    position: relative;
}
#divViewSection .stud-view-dummy-table.period-table tbody tr:last-child td {
    text-transform: inherit;
}
#divAddEditSectionDetails .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-last-child(3):before {
    display: none !important;
}
#divViewSection .k-grid-norecords, #divAddEditSectionDetails .k-grid-norecords {
    margin-top: var(--space-10px);
}
#divViewSection .k-grid-norecords .k-grid-norecords-template, #divAddEditSectionDetails .k-grid-norecords .k-grid-norecords-template{
    height: auto;
    line-height: normal;
    padding-bottom: var(--space-10px);
}
#divAddEditSection #divCustomContent .app-kgrid__container .k-grid-header colgroup col:not(:first-child), #divAddEditSection #divCustomContent .app-kgrid__container .k-grid-content colgroup col:not(:first-child) {
    min-width: var(--space-200px);
    width: auto !important;
}
/* -------------------Section Add/Edit screen UI Ends-------------------*/
/* -------------------Some Individual UI Fixes Starts-------------------*/
.import-zero-record-display {
    min-height: calc(100vh - 460px);
}
#divIncludeStudent {
    padding: var(--space-20px);
}
.schedule-settings-popup.k-window {
    height: 100vh !important;
    top: var(--space-0px) !important;
}
.app__gridheader #divGridSchedule .app__dropdown .k-dropdownlist {
    width: inherit !important;
}
.header-padding-10 .app-kgrid__container .k-grid-header th.k-header {
    padding-left: var(--space-10px) !important;
    padding-right: var(--space-10px) !important;
}
.dashboard-background-color {
    background-color: var(--dashboard-background-color);
}

#divPastGradeAddCourse #warningfade {
    width: 60%;
    left: 20%;
}
#divPastGradeAddCourse #divPastGradeAddCourse #warningfade {
    transform: translateX(0);
    top: 3%;
}
#divPastGradeAddCourse #divSuccessfullyAdded {
    max-width: calc(100% - 64px);
    display: inline-block;
}
/* -------------------Some Individual UI Fixes Ends-------------------*/
/* Multiple Student - Portfolio UI Starts*/
#grdMultiplePortfolio .contact-popup__triangle:after { margin-left: var(--space-15px); }
#grdMultiplePortfolio .allGridsDropdownList.app__dropdownmenulist .ContactsDropdownMenu {
    left: var(--space-0px);
}
#grdMultiplePortfolio .grid-more-padding-left { padding-left: var(--space-20px) !important; }
#grdMultiplePortfolio .grid-view-padding-left, #grdMultiplePortfolio .k-grid-header th.k-header:first-child, #grdMultiplePortfolio .k-grid-content table tr td:nth-child(-n+4) {
    padding-left: var(--space-10px) !important;
}
#grdMultiplePortfolio.app-kgrid__container .k-grid-header-wrap th.k-header:nth-child(3):before {
   content:none;
}
/* Multiple Student - Portfolio UI Ends*/

/*Grid Search filter UI Starts*/
.custom-filter-btn-parent {
    color: var(--global-text-color);
}
.custom-filter-btn-parent button {
    color: inherit !important;
}
.custom-filter-btn-parent .k-searchbox .k-i-search::before {
    content: "";
}
.custom-filter-btn-parent .k-searchbox .k-input-icon {
    width: var(--space-0px);
    height: var(--space-0px);
}
.custom-filter-btn-parent .k-searchbox .k-input-inner {
    color: var(--global-text-color);
}
.custom-filter-btn-parent .k-input-suffix {
    position: relative;
    padding-right: var(--space-24px);
}
.custom-filter-btn-parent .k-input-suffix::after {
    content: "";
    position: absolute;
    right: var(--space-0px);
    width: var(--space-30px);
    height: var(--space-30px);
    background-color: var(--brand-main-backgroundcolor-indicator);
    background-image: url(../Images/AdminPlus/search-white.svg);
    background-size: var(--space-15px) var(--space-15px);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.custom-filter-btn-parent .k-input-suffix:hover::after {
    background-color: var(--brand-dark-backgroundcolor-indicator) !important;
}
.custom-filter-btn-parent .k-input-suffix .k-clear-value {
    margin-right: var(--space-5px);
}
.custom-filter-btn-parent ul.k-multicheck-wrap .k-check-all-wrap {
    border: none !important;
}
.custom-filter-btn-parent .k-filter-selected-items::before {
    content: "";
    position: absolute;
    left: var(--space-0px);
    width: 100%;
    height: 1px;
    background-color: var(--global-standard-grey-border);
    bottom: var(--space-75px);    
}
.custom-filter-btn-parent ul.k-multicheck-wrap {
    padding: var(--space-0px) !important;
}
.custom-filter-btn-parent .k-filter-selected-items {
    margin: var(--space-0px);
    margin-top: var(--space-15px);
    font-weight: normal;
}
.custom-filter-btn-parent .k-action-buttons {
    margin: var(--space-0px);
    gap: 3px;
}
.custom-filter-btn-parent ul.k-multicheck-wrap .k-rounded-md {
    border-radius: 2px;
    border: 1px solid var(--global-app-toggle-border);
    margin-right: var(--space-10px);
}
.custom-filter-btn-parent .k-action-buttons .custom-filter-secondary-btn {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    border: 1px solid var(--global-link-color) !important;
}
.custom-filter-btn-parent .k-action-buttons .custom-filter-secondary-btn:hover {
    color: var(--global-text-light) !important;
    border: none !important;
}
.custom-filter-btn-parent .custom-filter-btn:hover,
.custom-filter-btn-parent .k-action-buttons .custom-filter-primary-btn:hover, .custom-filter-btn-parent .k-action-buttons .custom-filter-secondary-btn:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
}
/*Grid Search filter UI Ends*/

/*Dashboard tile option starts*/
.tileoption__list .app__dropdownmenulist .view-options .dropdown-menu { min-width: 183px; }
#divReplaceTile .allGrids__SearchBox { width: var(--space-300px); }
#gridReplaceTileDetails.app-kgrid__container .k-grid-header-wrap thead tr th.k-header.no-seperator:before { content: none; }
/*Dashboard tile option ends*/
/*Email Signature starts*/
#btnInsertImage {
    background: var(--brand-main-backgroundcolor-indicator) url(../Images/AdminPlus/upload-white.svg) no-repeat center / 18px 18px;
}
#btnInsertSignature {
    background: var(--brand-main-backgroundcolor-indicator) url(../Images/AdminPlus/insert-signature.svg) no-repeat center / 18px 18px;
}
#settingEmailPopup #dvEmailEditor #dvtxtEmailEditor .k-editable-area iframe {
    height: 320px !important;
}
#settingEmailPopup #dvEmailEditor #dvtxtEmailEditor .k-editable-area.k-editor-content {
    border: 1px solid var(--global-light-gray-border-color) !important;
    border-top: none !important;
}
#settingEmailPopup #dvEmailEditor, #settingEmailPopup #dvtxtEmailEditor{
    height:auto!important;
}
#settingEmailPopup #dvEmailEditor #dvtxtEmailEditor .k-editable-area iframe {
    border-radius: var(--space-0px) var(--space-0px) var(--global-border-radius) var(--global-border-radius);
}
#settingEmailPopup #dvEmailEditor #dvtxtEmailEditor .app-k-editor .k-editor-toolbar {
    border-left: 1px solid var(--global-standard-grey-border) !important;
    border-right: 1px solid var(--global-standard-grey-border) !important;
}
#dvtxtEmailEditor .k-tool-group:nth-last-child(2) {
    order:13;
}
#settingEmailPopup #dvEmailEditor #dvtxtEmailEditor .k-tool-group:nth-child(1) {
    order: 14;
}
.k-dropzone em, .k-state-disabled, .k-state-disabled .k-link {
    color: var(--global-medium-grey) !important;
}
/*Email Signature ends*/

/* Daily Attendance - Quick Entry Starts */
.daily-attendance-quick-entry .app__dropdown.edit__fieldcol.search__students-col {
    width: 80% !important;
}
.daily-attendance-quick-entry .app__dropdown.quick-entry-student-name .app__dropdown .k-dropdownlist {
    width: var(--space-300px) !important;
}
.daily-attendance-quick-entry .btnGo-right {
    right: -55px;
}
.daily-attendance-quick-entry .app-search .app__dropdown input {
    margin-left: var(--space-30px);
}
.daily-attendance-quick-entry .app-search .search__students-col:before {
    z-index: 1;
}
.daily-attendance-quick-entry .app-search .app__dropdown .k-input.k-combobox {
    border: 1px solid var(--global-dropdown-border);
}
.dailyattendance-quickEntrysettings #DailyAttendanceQuickEntrySettings {
    overflow:visible;
}
.schedule-tooltip.quickentrysettings-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap {
    top: 26px;
    position: absolute;
    left: -117px;
}
.schedule-tooltip.quickentrysettings-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle {
    position: relative;
    left: 95px;
    top: var(--space-0px);
}
/* Daily Attendance - Quick Entry Ends */
/* School > Demographics > Student SuperDB Import Starts */
#grdImportTemplate.app-kgrid__container .k-grid-header colgroup col:last-child, #grdImportTemplate.app-kgrid__container .k-grid-content colgroup col:last-child {
    width: auto !important;
}
#grdImportTemplate.app-kgrid__container .k-grid-content table td.app-pl-7 {
    padding-left: 7px !important;
}
#grdImportTemplate.app-kgrid__container .divContactViewPopup {
    left: 28px;
}
.admissions-settings #ddlDelimiterDiv .settings-label.app-w-auto {
    width: auto !important;
}
/* School > Demographics > Student SuperDB Import Starts */
/* Daily Attendance - Quick Entry Ends */
/*Demographics Logs -> Popup Screen-> Grid Height Starts*/
#grdDemographicLogs .k-grid-content.k-auto-scrollable,
#grdSuperDbBatchEntryLogs .k-grid-content.k-auto-scrollable {
    height: calc( 100vh - 410px) !important
}
/*Demographics Logs -> Popup Screen-> Grid Height Ends*/

/*School - Period Attendance- Batch Entry Starts*/
#PeriodAttendanceBatchEntry .period-attendance-popup .settings__helpinfo {
    padding: 7px var(--space-10px) !important;
}
#PeriodAttendanceBatchEntry .tableFixHead th:nth-child(2) {
    width: var(--space-100px) !important;
}
#PeriodAttendanceBatchEntry .tableFixHead th:nth-child(3) {
    width: auto !important;
}
#tblPeriod.stud-view-dummy-table.period-table tbody {
    height:311px;
}
#tblPeriod.stud-view-dummy-table.period-table tbody tr td {
    height: 38px;
}
#tblPeriod.stud-view-dummy-table thead tr th:nth-child(2):before {
    background: var(--brand-dim-grey-bg) !important;
}
#PeriodAttendanceBatchEntry .rotation__hover {
    top: var(--space-25px);
    left: 73px;
}
#tblPeriod.stud-view-dummy-table.period-table tbody tr:last-child td {
    text-transform: capitalize;
}
#DailyAttendanceBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup,
#DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup,
#divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
    min-height: calc(100vh - 447px);
    max-height: calc(100vh - 447px);
    overflow: auto;
}
#PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup,
#DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    overflow: auto;
}
#divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup,
#PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup,
#DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    min-height: calc(100vh - 490px);
    max-height: calc(100vh - 490px);
}
#PeriodAttendanceBatchEntry .period-select-students{
    margin-top: var(--space-15px) !important;
}
#divDemographicsBatchEntry .app-radio label, #DailyAttendanceBatchEntry .app-radio label, #PeriodAttendanceBatchEntry .app-radio label {
    margin-right: var(--space-25px);
}
#periodSummarySectionNotManualEntry .period__span:last-child .comma__span {
    display:none;
}
/*School - Period Attendance- Batch Entry Ends*/
/*timepicker tooltip starts*/
.timepicker__tooltip .tooltip__popup__triangle:before, .timepicker__tooltip .tooltip__popup__triangle:after {
    left: var(--space-150px);
}
#divToolTipContentTime1,#divToolTipContentTime2 {
    display: block;
    position: absolute;
    z-index: 999999999;
    left: -140px;
    top: auto !important;
    height: 0px !important;
}
.custome-timepicker__input {
    padding: var(--space-4px) var(--space-8px);
    width: 108px;
}
.custome-timepicker__button {
    border-width: var(--space-0px);
    background-color: var(--brand-app-header-background) !important;
    border-left: 1px solid var(--global-dropdown-border);
}
/*timepicker tooltip ends*/
/*period attendance daily code 1 & code 2 UI starts*/
#gridSchoolPeriodAttendanceList table tr td span {
    line-height: 1;
    vertical-align: middle;
}
/*period attendance daily code 1 & code 2 UI ends*/
/*Toddle integration satrts here*/
#gridToddleContactInfo .k-hierarchy-col {
    width: var(--space-45px) !important;
}
#gridToddleContactInfo .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header {
    position: relative;
}
#gridToddleContactInfo .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header:not(:last-child):before {
    height: var(--space-20px);
    width: 1px;
    background: var(--brand-default-light-background) !important;
    top: 6px;
    margin-left: -30px;
    content: "";
    position: absolute;
}
#gridToddleContactInfo.app-kgrid__container .k-grid-content td.checkbox__selection,
#gridToddleContactInfo.app-kgrid__container .k-detail-row td.k-detail-cell,
#gridToddleContactInfo.app-kgrid__container .k-grid-header th.k-header.toddle__column {
    padding-left: var(--space-0px) !important;
}
#gridToddleContactInfo.app-kgrid__container .k-grid-header th.k-header, #gridToddleContactInfo.app-kgrid__container .k-grid-content td {
    padding-left: var(--space-10px) !important;
}
#gridToddleStudentInfo.app-kgrid__container .k-grid-header th.k-header, #gridToddleStudentInfo.app-kgrid__container .k-grid-content td {
    padding-left: var(--space-15px) !important;
}
#gridToddleContactInfo.app-kgrid__container .k-master-row .k-hierarchy-cell {
    text-align: center;
}
#gridToddleStudentInfo.app-kgrid__container .k-grid-content td.left__bordered,
#gridToddleContactInfo.app-kgrid__container .k-grid-content td.left__bordered {
    border-left: 1px solid var(--global-border-light)!important;
}
#gridToddleContactInfo.app-kgrid__container .k-grid-header th.k-header.toddle__column:before{
    content:none;
}
#gridToddleStudentInfo.toddle-student-details .k-grid-content {
    height: calc(100vh - 625px) !important;
}
#gridToddleStudentInfo.toddle-student-details .k-grid-content.expanded {
    height: calc(100vh - 415px) !important;
}
/*Toddle integration ends here*/
/*Schedule student with course request starts*/
#grdStudentScheduleDetails.app-kgrid__container .k-grid-content { height: calc(100vh - 445px)!important; }
/*Schedule student with course request ends*/
/*Manage section linked skills starts*/
#gridCourseLinkedSkills.app-kgrid__container .k-grid-content table td.description-column { white-space: normal !important; }
/*Manage section linked skills ends*/
/*Students - line schedule starts*/
#gridLineSchedule.app-kgrid__container .k-grid-header th.k-header:first-child:before { display: none; }
/*Students - line schedule ends*/
/*receIve OLF and receive PP starts */
.recieve__block .incomplete__bgcolor {
    background: var(--brand-grid-color-indicator-yellow);
}
.recieve__block .submitted__bgcolor {
    background: var(--brand-grid-color-indicator-blue);
}
.recieve__block .approved__bgcolor {
    background: var(--brand-grid-color-indicator-green);
}
.recieve__block .deleted__bgcolor {
    background: var(--brand-grid-color-indicator-grey);
}
.receive__olf-toggle.student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__knobs:after {
    right: var(--space-30px);
}
#divSchoolDemographics .receive-olf .main-content-cntnr.approval__center, #divSchoolDemographics .receive-pp .main-content-cntnr.approval__center {
    height: calc(var(--app-height) - (var(--header-height) + 60px + 30px + 65px));
    border: 1px solid var(--global-border-light) !important;
}
#divSchoolDemographics .receive-olf .approval__online-forms .right__section-inner-content .approval_center__panel-section {
    height: calc(100vh - 410px) !important;
}
#divSchoolDemographics .receive-olf .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
    height: calc(100vh - 445px) !important;
}
#divSchoolDemographics .receive-pp .approval__center .left__section #divGridStudents .k-grid-content,
#divSchoolDemographics .receive-pp .approval__center .left__section #divGridContact .k-grid-content {
    height: calc(100vh - 450px) !important;
}
#divSchoolDemographics .receive-pp #gridDemographicsDetailsForApproved .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 505px) !important;
}
#divSchoolDemographics .receive-pp #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 520px) !important;
}
/*receIve OLF and receive PP ends */

/*Schedule Room starts*/
.app__sidebar .k-grid .k-header {
    display: none!important;
}
#divSchoolTab #divSchedule .tab-divListView .schedule__boxcontainer {
    height: calc(100vh - 407px) !important;
    overflow-y: auto;
}
#divSchoolSchedule .app__sidebar .leftbox__grid .k-grid-content {
    height: calc(var(--app-height) - (var(--header-height) + var(--schedule-filter-box-height) + var(--app-breadcrump-height) + var(--app-menu-bar-height))) !important;
}
#divSchoolLookupTabs.scheduled__rooms {
    height: auto!important;
}
#divSchoolSchedule .schedule__room {
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 300px);
}
#divSchoolSchedule #divSchedule .tab-divListView .k-grid-content {
    height: calc(100vh - 445px) !important;
}
#divSchedulePrintSettings .shedule-general-settings-area {
    height: calc(100vh - 205px) !important;
}
/*Schedule Room ends*/

/* school demographic Household screen starts */
#gridStudentsNotYetInHouseholdList .k-grid-content.k-auto-scrollable,
#gridSchoolDemographicsHouseholdList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 445px) !important;
}

#gridSchoolDemographicsHouseholdList .household-detail-grid .k-grid-content.k-auto-scrollable {
    height: auto!important;
    max-height: var(--space-250px) !important;
}
#gridAllSchoolHousehold .k-grid-content td.k-hierarchy-cell {
    border-right: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four)) !important;
}
#gridAllSchoolHousehold .k-hierarchy-col {
    width: var(--space-70px) !important;
}
#gridStudentsNotYetInHouseholdList.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-last-child(2):before {
    content: none;
}
#gridStudentsNotYetInHouseholdList.app-kgrid__container td span.k-dirty {
    border: none !important
}

#gridSchoolDemographicsHouseholdList.app-kgrid__container .k-detail-row td.k-detail-cell, #gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody td {
    padding-left: var(--space-10px) !important;
}
#gridSchoolDemographicsHouseholdList.app-kgrid__container .k-master-row .k-hierarchy-cell {
    text-align: center;
}
#gridSchoolDemographicsHouseholdList .k-hierarchy-col {
    width: var(--space-45px) !important;
}
#gridSchoolDemographicsHouseholdList .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header {
    position: relative;
    padding-left: var(--space-10px) !important;
}
#gridSchoolDemographicsHouseholdList .k-grid-content .k-detail-row .k-detail-cell .k-widget .k-grid-header tr th.k-header:not(:last-child):before {
    height: var(--space-20px);
    width: 1px;
    background: var(--brand-default-light-background) !important;
    top: 6px;
    margin-left: -30px;
    content: "";
    position: absolute;
}
#gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody tr.k-master-row:nth-child(odd) {
    background-color: var(--brand-grid-odd-bg) !important;
}
#gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody tr.k-master-row:nth-child(even) {
    background-color: var(--brand-grid-even-bg) !important;
}
#gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody tr.k-master-row,
#gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody tr.k-master-row td {
    height: var(--space-30px);
    padding: var(--space-0px) var(--space-20px) var(--space-0px) var(--space-10px) !important;
}
#gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody tr.detail-grid-row,
#gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody tr.detail-grid-row td {
    background: var(--brand-lightish-grey-bg) !important;
    font-family: var(--global-font-family-semibold);
}
#gridStudentsNotYetInHouseholdList.app-kgrid__container .k-grid-header th.k-header,
#gridSchoolDemographicsHouseholdList.app-kgrid__container .k-grid-header th.k-header {
    position: relative;
}
.students-not-in-household #warningfade,
.students-not-in-household #failmessagefade {
    top: 23% !important;
}
/* school demographic Household screen ends here */

/* School-Demographics-Master Contacts starts here*/
#divMasterContactToggles.app__toggle .app__togglebutton, #divMasterContactToggles .toggle__knobs,
#divMasterContactToggles.app__toggle .app__togglebutton .layer {
    width: 138px !important;
    margin-right: var(--space-0px);
}
#divMasterContactToggles.app__toggle .app__togglebutton .toggle__knobs:before, #divMasterContactToggles.app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    width:130px;
}
#divMasterContactToggles.app__toggle .app__togglebutton .toggle__knobs:after {
    content: none;
}

#divMasterContactToggles.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs .app__toggleone {
    color: var(--global-text-color);
    font-family: var(--global-font-family-semibold);
}
#divMasterContactToggles.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    background-color: var(--brand-default-light-background);
    color: var(--global-text-color);
    left:  var(--space-4px);
    opacity: 1;

}
#grdMasterContacts .k-grid-content {
    height: calc(100vh - 442px) !important;
}

#grdMasterContacts.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before {
    content: none;

}
#grdMasterContacts.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(2):before {
    left: 0;
}
#gridFileContent.app-kgrid__container .k-grid-header colgroup col:last-child, #gridFileContent.app-kgrid__container .k-grid-content colgroup col:last-child {
    width: 185px !important;
}
/*School-Demographics-Master Contacts ends here*/

/* school Schedule - Batch add Schedule - Starts */
#divAddDropCourseSectionBatch .course-section-content { min-height: 530px; max-height: 530px; }
#gridBatchAddScheduleList.app-kgrid__container .k-grid-content { height: calc(100vh - 550px) !important; }
#gridBatchAddScheduleList.app-kgrid__container .k-grid-content .k-no-data { display: table; }
#divbatchAddSchedule #studentSelectionSchedule .comments-container {
    margin-top: var(--space-0px) !important;
    height: calc(100vh - 370px);
    background: var(--brand-default-light-background);
}
#divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup { height: calc(100% - 45px); }
#divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .row [class*="col-"] { width: auto; flex:none; }
#divbatchAddSchedule #studentSelectionSchedule .comments-container #option4Div.batch-entery__popup .row [class*="col-"] { min-width: 402px; }
#divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown { width: auto !important; max-width: 375px; height: var(--space-40px) !important; }
#divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .k-dropdownlist,
#divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .student-selection-combo,
#divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .k-button,
#divbatchAddSchedule #studentSelectionSchedule .comments-container .seperation__line { height:var(--space-40px) !important; }
#divbatchAddSchedule #studentSelectionSchedule .comments-container .course-section-student-status { align-items: center; }
#divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .row [class*="col-"]:has(#grdSelectedStudentList) { flex: auto; }
#divbatchAddSchedule .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable,
#divbatchAddSchedule .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable,
#divbatchAddSchedule .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable,
#divbatchAddSchedule .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 586px) !important;
}
#divbatchAddSchedule #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 482px) !important;
}
#divAddDropCourseSectionBatch #grdFromAStudentSection.app-kgrid__container .k-grid-header th:nth-child(2), #grdFromAStudentSection.app-kgrid__container .k-grid-content td:nth-child(2) {
    padding-left: var(--space-20px) !important;
}
#divbatchAddSchedule #gridBatchAddScheduleStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable,
#divbatchAddSchedule #gridBatchAddScheduleConfirmList.app-kgrid__container .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 539px) !important;
}
#divbatchAddSchedule #studentSelectionSchedule .comments-container #option3Div.batch-entery__popup {
    overflow-y:auto;
}
#divAddDropCourseSectionBatch #grdStudyHallInfo colgroup col:first-child {
    width: var(--space-60px) !important;
}

#divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown.edit__fieldcol.db-field,
#divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .student-selection-combo {
    width: 380px !important;
}

#divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown.select__criteria.db-field,
#divSchoolSchedule .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
#divSchoolSchedule .comments-container .matching-criteria-fields .select__criteria {
    width: 280px !important;
}

#divSchoolSchedule .comments-container .matching-criteria-fields .enter__value {
    width: 600px !important;
}

#divSchoolSchedule .comments-container .db__grade-levels .app__dropdown .k-dropdownlist {
    width: var(--space-400px) !important;
}

#divSchoolSchedule #divbatchAddSchedule #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 535px) !important;
}

#gridBatchAddScheduleList .k-no-data td .k-grid-norecords-template {
    position: absolute !important;
    top: -17px;
    left: var(--space-0px);
}
#divBatchScheduleButtons.app-button__dropdown .dropdown-menu { right: -2px !important; }
#divbatchAddSchedule .ap-gridbody.app-pt-0 {
    padding-top: var(--space-0px) !important;
}
#divbatchAddSchedule .step2-select-stud {
    margin: var(--space-0px) !important;
    padding: var(--space-0px) !important;
}
#divbatchAddSchedule .fn-confirm-schedule-batch {
    background: var(--brand-default-light-background);
    margin-top: var(--space-0px) !important;
}
#divbatchAddSchedule .batch-add-schoedule-content { min-height: calc(100vh - 300px); }
#divAddDropCourseSectionBatch #divAddDropCourseSectionBatch .comments-container:has(.batch-course-section-wrap) {
    padding: var(--space-0px) !important;
    background: transparent !important;
}
/* school Schedule - Batch add Schedule - Ends */
    
#grdCourseSectionDetails.app-kgrid__container .k-grid-content table td { position: relative; }
#grdCourseSectionDetails.app-kgrid__container .k-grid-content table td .study-required { position: absolute; font-weight: normal; left: var(--space-16px); font-size: var(--global-text-size-xxxxl); top: 11px; }
/* school demographic Household screen ends here */

/* Exports - Common Specifications Starts*/
.excelwizard__section #common_spec__mode {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(var(--app-height) - var(--header-height) - 56px);
}
#ulReportType li:last-child {
    margin-right: var(--space-0px) !important;
}
.excelwizard__container .common-spec__section {
    overflow-y: auto;
    height: calc(100vh - 200px);
}
/* Exports - Common Specifications Ends*/

/*Grades -> Reports -> Grades Main Screen Starts*/
#divHasReports .app-box-light-blue-bg:hover, #divReportsTileSchoolIncident .app-box-light-blue-bg:hover {
    border: 2px solid var(--global-border-blue) !important;
    border-left: var(--space-5px) solid var(--global-border-blue) !important;
}
.grades-left-col {
    width: 260px;
}

.grades-right-col {
    width: calc(100% - 280px);
}

.grades-btn-rotate {
    transform: rotate(180deg);
}

.arrow-btn-size {
    height: var(--space-16px);
    width: 18px;
}

.grades-templates-box-selected {
    background: var(--brand-dim-blue-bg);
    border-left: var(--space-5px) solid var(--global-form-container-border) !important;
    border: 1px solid var(--global-form-container-border);
    padding-right: var(--space-12px);
    height: 68px;
    padding-top: 9px !important;
}

.view__jobs-container .app-kgrid__container tr:nth-child(odd),
.view__jobs-container .app-kgrid__container tr:nth-child(even),
.view__jobs-container .app-kgrid__container tr:hover,
.view__jobs-container .app-kgrid__container .k-master-row.k-selected {
    background: none !important;
}

.grades-date-tile{
    height:215px;
}

.view__jobs-container .app-kgrid__container .k-grid-content.k-auto-scrollable {
    border: 1px solid var(--global-light-grey-border-color);
    min-height: calc(100vh - 405px);
    max-height: calc(100vh - 405px);
}

#divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 405px);
}

.grades-templates-box-selected .grades-templates-box-selected-text {
    color: var(--global-blue-border) !important;
}

#gridJobsList.app-kgrid__container .k-grid-header th.k-header:nth-child(2),
#gridJobsList.app-kgrid__container td span,
#gridJobsList.app-kgrid__container .k-grid-content-locked td span, #gridJobsList.app-kgrid__container .k-grid-content td.action-col {
    padding-left: var(--space-10px) !important;
}
#gridJobsList.app-kgrid__container .k-grid-header th.k-header{
    padding-right:var(--space-10px) !important;
}
#gridJobsList.app-kgrid__container .k-grid-content table td:nth-child(8) {
    padding-left: var(--space-40px) !important;
}

#gridJobsList.app-kgrid__container .k-grid-content table td:nth-child(9) {
    padding-left: var(--space-80px) !important;
}
/*Grades -> Reports -> Grades Main Screen Starts*/
/*School -> Grades -> Blue Info Tooltip Box Starts*/
.blue-tooltip__popup__triangle:before, .blue-tooltip__popup__triangle:after {
    position: absolute;
    border-top: var(--space-8px) solid transparent;
    border-bottom: var(--space-8px) solid transparent;
    content: "";
    left: 28px;
    transform: rotate(270deg);
}

.blue-tooltip__popup__triangle:before {
    z-index: 9999;
    margin-top: -2px;
    border-left: var(--space-8px) solid var(--global-bluish-border);
}

.blue-tooltip__popup__triangle:after {
    z-index: 999;
    margin-top: -3px;
    border-left: var(--space-8px) solid var(--global-light-blue-color);
}

.blue-tooltip-box .app__tooltip .dropdown-menu {
    background-color: var(--brand-bluish-bg);
    border: 1px solid var(--global-light-blue-color);
    right: -88px;
    box-shadow: 0px 3px 6px var(--global-box-shadow-color);
}

.blue-tooltip-box .app__tooltip .dropdown-menu li a, .blue-tooltip-box .allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a, .blue-tooltip-box .app__dropdownmenulist .dropdown-menu li a:hover {
    background-color: var(--brand-default-light-background) !important;
}

.blue-tooltip-box .app__tooltip .dropdown-menu li:not(:first-child) {
    border-right: 1px solid var(--global-hr-border-color) !important;
    border-left: 1px solid var(--global-hr-border-color) !important;
    border-bottom: 1px solid var(--global-hr-border-color) !important;
}

    .blue-tooltip-box .app__tooltip .dropdown-menu li a {
        height: auto !important;
        border-bottom: var(--space-0px) !important;
    }

.blue-tooltip-box-header {
    background-color: var(--brand-main-backgroundcolor-indicator);
}

.blue-tooltip-box {
    left:-20px;
}

    .blue-tooltip-box .app__tooltip .dropdown-menu li:nth-child(2) {
        border-top-left-radius: var(--space-0px) !important;
        border-top-right-radius: var(--space-0px) !important;
    }

.blue-tooltip-box .marking-period-date{
    width: 63px !important;
    min-width: 63px !important;
}
/*School -> Grades -> Blue Info Tooltip Box Ends*/
/*School -> Grades -> Create Report Template Starts*/
.school-report-template { min-height: 659px; }
.report_cards_board .templates-page-height { height: calc(100vh - 190px); }
.report_cards_board .grid__searchbox .allGrids__SearchBox{ width:300px; }
/*School -> Grades -> Create Report Template Ends*/
/*School -> Grades -> Create Report Popup Starts*/
.template-container {
    position: relative;
    display: inline-block;
   
}
#divReportTempletsSelection .template__boxhuddle .template-container:not(:last-child) {
    margin-right: 80px;
}
    .template-container:not(.template-selected)::before {
    content: "";
    position: absolute;
    inset: -15px;
    border-radius: var(--global-border-radius);
    border: 2px solid transparent;
    background-color: transparent;
    z-index: 0;
    pointer-events: none;
    transition: border 0.3s ease-out, background-color 0.3s ease-out;
}

.template-container:not(.template-selected):hover::before {
    border: 2px solid var(--global-form-container-border);
    background-color: var( --brand-light-blue-background);
}

    .template-container.template-selected::before {
        content: "";
        position: absolute;
        inset: -15px;
        border-radius: var(--global-border-radius);
        background: repeating-linear-gradient(to right, var(--global-orange-border) 0 var(--space-10px), transparent var(--space-5px) var(--space-16px)), repeating-linear-gradient(to bottom, var(--global-orange-border) 0 var(--space-10px), transparent 1px 18px), repeating-linear-gradient(to left, var(--global-orange-border) 0 var(--space-10px), transparent var(--space-5px) 17px), repeating-linear-gradient(to top, var(--global-orange-border) 0 var(--space-10px), transparent 1px 18px), var(--brand-light-orange);
        background-position: top, right, bottom, left;
        background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
        background-repeat: no-repeat;
        z-index: 0;
    }

.template-container img {
    position: relative;
    z-index: 1;
    display: block;
}

.school-report-template-bullet {
    list-style: none;
    padding-left: 1.5em;
}

.school-report-template-bullet li {
    position: relative;
    margin-bottom: 0.5em;
}

.school-report-template-bullet li::before {
    content: '';
    position: absolute;
    left: -1.5em;
    top: 0.4em;
    width: var(--space-8px);
    height: var(--space-8px);
    background-color: black;
    border-radius: 50%;
}
/*School -> Grades -> Create Report Popup Ends*/

/*School -> Grades -> Report Tile Starts*/
.report-banner {
    position: relative;
    background-color: var(--global-medium-purple-color);
    padding: var(--space-10px) var(--space-0px) var(--space-10px) var(--space-30px);
    border-radius: var(--global-border-radius) var(--global-border-radius) var(--global-border-radius) var(--space-0px);
    width: calc(100% + 30px);
    z-index: 2;
    margin-left: -30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, var(--opacity-two));
}

.report-banner::after {
    content: "";
    position: absolute;
    top: 100%;
    left: var(--space-0px);
    width: var(--space-0px);
    height: var(--space-0px);
    border-left: var(--space-10px) solid #7D4E9E;
    border-top: var(--space-10px) solid transparent;
    transform: rotate(180deg);
}
/*School -> Grades -> Report Tile Ends*/
/*School -> Grades -> Receive Grades Starts*/
#divSchoolReportCards .receive-grades .main-content-cntnr.approval__center, #divSchoolReportCards .approval__center .holdingbin_section { height: calc(100vh - 217px); }
#divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 511px) !important; }
#divSchoolReportCards .receive-grades #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 549px) !important; }
#divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 433px) !important; }
/*School -> Grades -> Receive Grades Ends*/
/* Grades -  Report screen Starts */
.app-kpopup__container:has(#divReportTemplateView) .k-window-titlebar.k-hstack {
    border-radius: var(--space-0px) !important;
}
.app-kpopup__container:has(#divReportViewer) {
    height: 100% !important;
    border-radius: var(--space-0px) !important;
}
#divReportViewer{
    padding:var(--space-0px);
}
.grade-report-content-wrap {
    height: calc(100% - 81px);
}

.stud-search-lists {
    border-right: 1px solid var(--global-light-blue-bdr);
    height: calc(100% - 109px);
}

.stud-search-lists li {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-three));
}

.stud-search-lists li:hover {
    background-color: var(--brand-grid-background);
}

.stud-search-lists li.active {
    background: var(--brand-fade-highlight-background);
    position: relative;
}

.stud-search-lists li.active:before {
    background: var(--brand-editor-color);
    left: var(--space-0px);
    top: var(--space-0px);
    height: 100%;
    content: "";
    position: absolute;
    width: var(--space-5px);
}

.warning-info {
    background: var(--brand-light-orange);
    border: 1px solid var(--global-orange-border);
    height: 38px;
}
.report__templatesection {
    width: calc(100% - 400px);
    overflow:auto;
}
.report__templatesection #document-row { width: 100%; display: table; }
.report__templatesection #document-row #print-area-main { height: calc(100vh - 200px); }

.school-report-sidebar.app__sidebar .leftbox__grid .k-grid-content {
    height: calc(var(--app-height) - 240px) !important;
    overflow-y: auto;
}
#grdReportCardStudentList .k-grid-header {
    display: none;
}

.report-email-view-screen .div-attached-file{
    min-height: auto;
}

.report-email-view-screen .app-perview-contact {
    height: calc(100vh - 600px);
}

#divEmailRecipients #divRecipients #gridRecipients.app-kgrid__container .k-grid-content {
    height: calc(100% - 40px) !important;
}
/* Grades - Report screen Ends */
/*Setup center starts here*/
.app__sidebar.toggle_grid__section {
    position: absolute;
    z-index: 9999;
    left: var(--space-80px);
    top: 120px;
}
#divFloatingSideBar.app__sidebar .single-student__filter__box {
    height:auto;
}
.app__tabstrip #tabstripAttendanceCodes ul.k-reset.k-tabstrip-items,
.app__tabstrip #tabstripAttendanceCodes ul.k-reset.k-tabstrip-items:last-child:after,
.app__tabstrip #tabstripIncidentCodes ul.k-reset.k-tabstrip-items:last-child:after,
.app__tabstrip #tabstripIncidentCodes ul.k-reset.k-tabstrip-items,
#gridncidentCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridLocationCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:before {
    background: none !important;
}
#divSetupCenter #gridAttendanceCodesList .k-grid-content {
    height: calc(100vh - 409px)!important;
}
#divSetupCenter #gridAttendanceSummaryCodesList .k-grid-content {
    height: calc(100vh - 369px) !important;
}
#gridAttendanceCodesList.app-kgrid__container .k-grid-header,
#gridncidentCodesList.app-kgrid__container .k-grid-header {
    height: var(--space-80px) !important;
}
#gridAttendanceCodesList.app-kgrid__container .k-column-title,
#gridAttendanceCodesList .k-grid-header tr th {
    padding-right: var(--space-10px) !important;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:last-child .k-link span {
    white-space: normal;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-last-child(2),
#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-last-child(3),
#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-last-child(4),
#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-last-child(5),
#gridncidentCodesList .k-grid-header tr:first-child th:nth-child(5),
#gridncidentCodesList .k-grid-header tr:first-child th:last-child {
    text-align: center;
    border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th .k-grid-filter,
#gridncidentCodesList .k-grid-header tr:first-child th .k-grid-filter {
    top: 21px;
}
#gridAttendanceCodesList .k-grid-header th:before,
#gridncidentCodesList .k-grid-header th:before{
    display: none;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:not(:last-child),
#gridAttendanceCodesList .k-grid-header tr:nth-child(2) th,
#gridncidentCodesList .k-grid-header tr:first-child th:not(:last-child),
#gridncidentCodesList .k-grid-header tr:nth-child(2) th,
#gridncidentCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridLocationCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child) {
    border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:first-child,
#gridAttendanceCodesList .k-grid-header tr:first-child th:last-child,
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:last-child,
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:last-child,
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:nth-last-child(2),
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:nth-last-child(2) {
    border-right: none !important;
}
#gridAttendanceSummaryCodesList .k-grid-header th:first-child:before{
    content:none;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:first-child, #gridAttendanceCodesList .k-grid-content td:first-child,
#gridAttendanceSummaryCodesList .k-grid-header th:first-child, #gridAttendanceSummaryCodesList .k-grid-content td:first-child,
#gridActionCodesList.app-kgrid__container td.app-pl-20, #gridServedCodesList.app-kgrid__container td.app-pl-20, #gridncidentCodesList.app-kgrid__container td.app-pl-20 {
    padding-left: var(--space-20px) !important;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-child(2), #gridAttendanceCodesList .k-grid-content td:nth-child(2),
#gridAttendanceSummaryCodesList .k-grid-header th:nth-child(2), #gridAttendanceSummaryCodesList .k-grid-content td:nth-child(2) {
    padding-left: var(--space-10px) !important;
}
#divFloatingSideBar.app__sidebar .leftbox__grid .k-grid-content {
    height: calc( var(--app-height) - (var(--header-height) + var(--setup-center-filter-box))) !important;
}
#divFloatingSideBar .app-input__search-box .image-search {
    left: var(--space-15px);
}
#divFloatingSideBar .app-input__search-box input.search-input, #divFloatingSideBar .app-input__search-box input.search-input:hover, #divFloatingSideBar .app-input__search-box input.search-input:focus {
    padding-left: var(--space-40px);
}
#divSetupCenter .app__tabstrip .k-tabstrip .k-content.k-active{
    padding-top:var(--space-10px);
}

#gridAttendanceCodesList .k-grid-content td:nth-child(3) {
    text-align: center;
    padding-right: var(--space-15px) !important;
}

#gridAttendanceSummaryCodesList .k-grid-content td:nth-child(4){
    text-align: center;
    padding-left:var(--space-40px) !important;
}

#gridAttendanceCodesList .k-grid-content td.grid-text-align {
    text-align: right;
    padding-right: var(--space-10px) !important;
}

#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-last-child(5) {
    padding-left: var(--space-0px) !important;
}

#gridAttendanceCodesList .k-grid-header-wrap, #gridAttendanceCodesList .k-grid-header, #gridAttendanceCodesList.app-kgrid__container.k-widget,
#gridAttendanceSummaryCodesList .k-grid-header-wrap, #gridAttendanceSummaryCodesList .k-grid-header, #gridAttendanceSummaryCodesList.app-kgrid__container.k-widget,
#gridCustomIncidentFieldList .k-grid-header-wrap, #gridCustomIncidentFieldList .k-grid-header, #gridCustomIncidentFieldList.app-kgrid__container.k-widget {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}
.setup-center-box{
    min-width:485px;
}

#gridncidentCodesList.app-kgrid__container td:nth-child(2),
#gridActionSummaryCodesList.app-kgrid__container td:nth-child(2),
#gridLocationCodesList.app-kgrid__container td:nth-child(2),
#gridActionCodesList.app-kgrid__container td:nth-child(2),
#gridServedCodesList.app-kgrid__container td:nth-child(2) {
    padding-left: var(--space-0px) !important;
    text-align: center;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-child(2),
#gridncidentCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridActionCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridServedCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridLocationCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridActionCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child,
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child,
#gridServedCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child,
#gridLocationCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child {
    border-right: 2px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#gridAttendanceSummaryCodesList .k-grid-header tr:first-child th:nth-child(2):before {
    width: 2px;
}
#gridncidentCodesList colgroup col:first-child {
    min-width: var(--space-65px) !important;
}
/*Setup center ends here*/
/*Setup center - Add Attendance Code Modal Starts here*/
#divAttEditAttendanceCode .app__dropdown .k-input, .k-widget.k-input {
    border: 1px solid var(--global-dropdown-border) !important;
}
#divAddEditTileSpec .app__datepicker .k-datepicker:hover, #divAddEditTileSpec .app__datepicker .k-datepicker:focus-within {
    border: none !important;
}
#divAttEditAttendanceCode .app__dropdown .k-combobox-clearable .k-icon.k-i-x:before, #divAddEditIncidentCode #IncidentCode td .k-combobox-clearable .k-icon.k-i-x:before {
    background: url(../Images/AdminPlus/close-black-small.svg) no-repeat center;
    content: "";
}
#divAttEditAttendanceCode .app__dropdown .k-combobox-clearable .k-clear-value, #divAddEditIncidentCode #IncidentCode .k-combobox-clearable .k-clear-value {
    position: absolute;
    right: -30px;
    opacity: 1;
}

#grdSetupCenterList .k-grid-content.k-auto-scrollable{
    overflow: auto;
}

#gridAttendanceSummaryCodesList.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(6):before {
    display: none;
}

#divSCAttendanceSummaryCodes .view__optionlist.app__dropdown.app__dropdownmenulist {
    position: absolute;
    left: var(--space-0px);
}

#divSCAttendanceSummaryCodes .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu {
    z-index: 999999 !important;
    display: block;
    margin-top: 6px !important;
}

#divSCAttendanceSummaryCodes .tooltip__popup__triangle:after, #divSCAttendanceSummaryCodes .tooltip__popup__triangle:before{
    left:7px;
}

.summary-register-codebox .app__dropdown .app-height-35{
    height:var(--space-35px) !important;
}

.add-attendance-code-grey-box-height {
    max-height: calc(100vh - 250px);
}
/*Setup center - Add Attendance Code Modal Ends here*/

/*Setup center - Attendance Summary Code tooltip Starts here*/
#gridAttendanceSummaryCodesList .divContactViewPopup {
    left: 52px;
}
#gridAttendanceSummaryCodesList .divContactViewPopup.tooltipTop {
    top: -82px !important;
    left: 7px;
}
#gridAttendanceSummaryCodesList .divContactViewPopup.tooltipTop .tooltip__popup__triangle:before {
    margin-top: 73px;
}
#gridAttendanceSummaryCodesList .divContactViewPopup.tooltipTop .tooltip__popup__triangle:after {
    margin-top: 74px;
}
/*Setup center - Add Attendance Code Modal Ends here*/
/*Setup -> Alternate Calendar , New alternative Calendar Name & Set Rule Popup Starts*/
.alternate-calendars-screen-height {
    height: calc(100vh - 265px);
}

.alternate-calendars-grid .k-grid-content.k-auto-scrollable {
    border: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four));
}

.attendance-calendars:not(:first-child) {
    margin-top: var(--space-20px);
}

.alternate-calendars-grid .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu{
    width:var(--space-350px) !important;
}

#divFloatingSideBar .k-grid-content.k-auto-scrollable{
    overflow-y: auto;
}

.alternate-calendars-grid .app-kgrid__container .k-grid-header-wrap thead tr th.k-header:first-child:before,
#gridAttendanceSummaryCodesList.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(6):before,
#gridDailyPatternList .k-grid-content .k-dirty-cell .k-dirty, #gridAlternatingDaysPatternList .k-grid-content .k-dirty-cell .k-dirty {
    display: none;
}

.alternate-calendars-grid #gridAlternateCalendarList .k-grid-content {
    max-height: calc(100vh - 350px) !important;
    height: auto !important;
    min-height: calc(100vh - 350px) !important;
}

#gridAlternateCalendarList .k-grid-content td:nth-child(4) {
    text-align: center;
    padding-left: var(--space-50px) !important;
}
#divACExistingStudentStaff .period-attendance-popup .comments-container { height: calc(100vh - 408px); }
#divACExistingStudentStaff .batch-entry-select-students { height: calc(100vh - 413px); }
#divACExistingStudentStaff .period-attendance-popup .comments-container .batch-entery__popup { height: calc(100% - 40px); }
#divACExistingStudentStaff .batch-entry-select-students .batch-entery__popup { height: calc(100% - 83px); }
#gridDailyPatternList.app-kgrid__container .k-grid-content td, #gridDailyPatternList.app-kgrid__container td,
#gridAlternatingDaysPatternList.app-kgrid__container .k-grid-content td, #gridAlternatingDaysPatternList.app-kgrid__container td {
    padding-top: var(--space-0px) !important;
    padding-bottom: var(--space-0px) !important;
}

#gridDailyPatternList.app-kgrid__container .membershipeditable,
#gridAlternatingDaysPatternList.app-kgrid__container .membershipeditable {
    height: var(--space-30px);
    border-radius: var(--global-border-radius);
    align-items: center;
    padding-left:var(--space-10px);
}

#gridDailyPatternList.app-kgrid__container .k-grid-content td:last-child, #gridDailyPatternList.app-kgrid__container td:last-child,
#gridAlternatingDaysPatternList.app-kgrid__container .k-grid-content td:last-child, #gridAlternatingDaysPatternList.app-kgrid__container td:last-child {
    padding-right: var(--space-30px) !important;
}

#gridDailyPatternList .k-grid-content.k-auto-scrollable,
#gridAlternatingDaysPatternList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 397px) !important;
}

#divSetRule {
    max-height: calc(100vh - 198px);
}
#grdAlternateCalendarDayView.app-kgrid__container .k-grid-header {
    height: var(--space-80px) !important;
}
#grdAlternateCalendarDayView .k-grid-header tr:first-child th .k-grid-filter {
    top: 21px;
}
#grdAlternateCalendarDayView .k-grid-content {
    height: calc(100vh - 419px) !important;
}
#grdAlternateCalendarDayView .k-grid-header tr:nth-child(2) th,
#grdAlternateCalendarDayView .k-grid-header tr:first-child th:not(:last-child) {
    border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#grdAlternateCalendarDayView.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before {
    display: none !important;
}
#grdAlternateCalendarDayView .k-grid-header tr:first-child th:nth-last-child(1) {
    text-align: center;
    border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#grdAlternateCalendarDayView .k-grid-header tr:nth-child(2) th:last-child {
    border-right: none !important;
}
.alternate-calendars-grid .k-grid-header thead th:first-child, .alternate-calendars-grid .k-grid-header, .viewEditAttendanceCalendar-popup .k-grid-header thead th:first-child, .viewEditAttendanceCalendar-popup .k-grid-header, .viewEditAttendanceCalendar-popup {
    border-top-left-radius: var(--global-border-radius);
}
.alternate-calendars-grid .k-grid-header thead th:last-child, .alternate-calendars-grid .k-grid-header, .viewEditAttendanceCalendar-popup .k-grid-header thead th:last-child, .viewEditAttendanceCalendar-popup .k-grid-header, .viewEditAttendanceCalendar-popup {
    border-top-right-radius: var(--global-border-radius);
}
/*Setup -> Alternate Calendar , New alternative Calendar Name & Set Rule Popup Ends*/

/*Alternate Calendars > Assign calendar stop grade levels menuitem starts */
.assign-calendar-grade-level-right-part {
    max-height: calc(100vh - 327px);
    overflow-y: auto !important;
}
.set-rule__help-box {
    max-height: calc(100vh - 350px);
    overflow-y: auto !important;
}
.matching-contact-table,
.assign-calendar-grade-level-table table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
    overflow: hidden;
}

.assign-calendar-grade-level-table th:first-child,
.assign-calendar-grade-level-table td:first-child {
    width: 15%;
}

.assign-calendar-grade-level-table th:last-child,
.assign-calendar-grade-level-table td:last-child {
    width: 85%;
}
.matching-contact-table thead,
.matching-contact-table tbody,
.assign-calendar-grade-level-table thead,
.assign-calendar-grade-level-table tbody {
    display: block;
    width: 100%;
}

.assign-calendar-grade-level-table tbody {
    max-height: calc(100vh - 325px);
    overflow-y: auto;
}
    .matching-contact-table thead tr,
    .matching-contact-table tbody tr,
    .assign-calendar-grade-level-table thead tr,
    .assign-calendar-grade-level-table tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
.matching-contact-table th, .matching-contact-table td,
.assign-calendar-grade-level-table th, .assign-calendar-grade-level-table td {
    padding: var(--space-0px) var(--space-10px);
}

.assign-calendar-grade-level-table td {
    border-left: 1px solid var(--global-grid-border);
    border-bottom: 1px solid var(--global-grid-border);
}

.assign-calendar-grade-level-table td:last-child {
    border-right: 1px solid var(--global-grid-border);
}

.assign-calendar-grade-level-table tbody tr:first-child td {
    border-top: 1px solid var(--global-grid-border);
}

.assign-calendar-grade-level-table tbody tr:nth-child(even) {
    background-color: var(--brand-component-lightblue-background);
}

.assign-calendar-grade-level-table tbody tr:hover {
    background-color: rgba(var( --brand-table-row-background), var(--opacity-three)) !important;
}

.assign-calendar-grade-level-table th:first-child::before {
    height: var(--space-25px);
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-8px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}
.assign-calendar-grade-level-table .app__dropdown .k-dropdownlist {
    height: var(--space-30px) !important;
    width: 365px !important;
}

#gridAlternateCalendarStudentList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 476px) !important;
}
/*Alternate Calendars > Assign calendar stop grade levels menuitem Ends */
/*Setup center - Attendance Summary Code tooltip Ends* here/

/*Setup center - Incident Codes - all tabs  starts*/
#gridncidentCodesList .k-grid-header-wrap, #gridncidentCodesList .k-grid-header, #gridncidentCodesList.app-kgrid__container.k-widget,
#gridActionCodesList .k-grid-header-wrap, #gridActionCodesList .k-grid-header, #gridActionCodesList.app-kgrid__container.k-widget,
#gridActionSummaryCodesList .k-grid-header-wrap, #gridActionSummaryCodesList .k-grid-header, #gridActionSummaryCodesList.app-kgrid__container.k-widget,
#gridLocationCodesList .k-grid-header-wrap, #gridLocationCodesList .k-grid-header, #gridLocationCodesList.app-kgrid__container.k-widget,
#gridServedCodesList .k-grid-header-wrap, #gridServedCodesList .k-grid-header, #gridServedCodesList.app-kgrid__container.k-widget {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}

#gridncidentCodesList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 404px) !important;
}

#gridActionCodesList .k-grid-content.k-auto-scrollable,
#gridActionSummaryCodesList .k-grid-content.k-auto-scrollable,
#gridLocationCodesList .k-grid-content.k-auto-scrollable,
#gridServedCodesList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 364px) !important;
}

#gridActionCodesList.app-kgrid__container td.grid-text-align,
#gridServedCodesList.app-kgrid__container td.grid-text-align {
    text-align: right;
    padding-right: var(--space-20px) !important;
}

#gridncidentCodesList.app-kgrid__container td:nth-child(3) {
    padding-left: var(--space-15px) !important
}

#divSetupCenter .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
    background: var(--brand-tabs-component-background) !important;
}

.setup_Center .app__tabstrip .k-tabstrip .k-content {
    background: var(--brand-component-secondary-background) !important;
    padding: var(--space-10px) var(--space-16px) !important;
    border: none !important;
}
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header th.k-header:nth-child(6), #gridncidentCodesList .k-grid-header tr:nth-child(2) th:last-child {
    border-right: none !important;
}

#gridActionSummaryCodesList .app-pl-20,
#gridLocationCodesList .app-pl-20 {
    padding-left: var(--space-20px) !important;
}

#divAddEditActionServedCode .app__dropdown.logic-disable-enable span.k-combobox {
    border: 1px solid var(--global-input-border-color) !important;
}
#divAddEditActionServedCode .k-input.k-combobox .k-clear-value .k-icon:before {
    background: url(../Images/AdminPlus/close-black-small.svg) no-repeat;
    content: "";
}
#divAddEditActionServedCode .k-input.k-combobox { overflow: visible; }
#divAddEditActionServedCode .k-input.k-combobox .k-clear-value {
    right: -30px;
    position: absolute;
    opacity: 1;
}
/*Setup center - Incident Codes - all tabs  ends*/
/*Setup Center -> Custom Incident Category Tables starts*/
#divSetupCenter .custom-incidents-grid #gridCustomIncidentFieldList .k-grid-content {
    max-height: calc(100vh - 490px) !important;
    height: auto !important;
}

.custom-incidents-grid #gridCustomIncidentFieldList .k-grid-header th:nth-child(2) {
    padding-left: var(--space-30px) !important;
}

.custom-incidents-category-table .calendar__display .left__border {
    width: 3px;
}

.custom-incidents-category-table .custom-incidents-page-height {
    height: calc(100vh - 260px);
}

.custom-incidents-category-table .validation-list-box {
    min-height: calc(100vh - 360px);
}

.custom-incidents-category-table .notes-div-height {
    min-height: var(--space-48px);
}

#gridCustomIncidentValidatedList .k-grid-toolbar,
#gridValidatedList .k-grid-toolbar {
    padding: var(--space-5px) var(--space-20px);
}

#gridCustomIncidentValidatedList .inputSearch,
#gridValidatedList .inputSearch {
    left: var(--space-35px);
}

#gridCustomIncidentValidatedList.app-table tr:first-child td,
#gridValidatedList.app-table tr:first-child td,
#gridContactRelationshipList.app-table tr:first-child td,
#gridContactSuffixList.app-table tr:first-child td {
    border-top: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
}

#gridCustomIncidentFieldList .grid-text-align-right {
    text-align: right;
    padding-right: var(--space-10px) !important;
}

#gridCustomIncidentFieldList table thead th, #gridCustomIncidentFieldList table tbody td {
    padding-left: var(--space-10px) !important;
    padding-right: var(--space-10px) !important;
}

.custom-incidents-category-table .notes-data-value-width {
    min-width: calc(100% - 84px);
}

#gridCustomIncidentValidatedList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 555px) !important;
    max-height: calc(100vh - 555px) !important;
}

#gridCustomIncidentValidatedList .k-grid-header-wrap.k-auto-scrollable {
    border-right: none;
}

#gridCustomIncidentFieldList.app-kgrid__container table {
    border: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
    border-top: none !important;
    border-bottom: none !important;
}

#gridValidatedList button.drag-handle, #gridValidatedList button.drag-handle .k-icon {
    width: 100%;
    padding: var(--space-0px);
}

#gridCustomIncidentFieldList button.drag-handle {
    width: auto;
    margin-left: auto;
    padding-right: var(--space-5px) !important;
}

    #gridCustomIncidentFieldList button.drag-handle :before,
    #grdCSTSelectedSkills button.drag-handle :before {
        content: url(/Images/AdminPlus/scroll-dots.svg);
        position: relative;
    }

#gridCustomIncidentFieldList.app-kgrid__container .k-grid-content td .k-button.app-pr-0 {
    padding-right: var(--space-0px) !important;
}

#gridValidatedList button.drag-handle :before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: var(--space-10px);
    top: var(--space-0px);
    position: relative;
    left: var(--space-0px);
}

#gridCustomIncidentFieldList.app-kgrid__container .k-grid-content table td.app-pl-20 {
    padding-left: var(--space-20px) !important;
}
/*Setup Center -> Custom Incident Category Tables ends*/
/* Student - Student Tile - tooltip fix for check mark Starts */
#divStudNotVerified, #divStaffNotVerified {
    position: absolute;
    z-index: 9;
    top: 26px;
    left: var(--space-50px);
    white-space: nowrap;
}
#divStudNotVerified .tooltip__popup__triangle, #divStaffNotVerified .tooltip__popup__triangle {
    left: var(--space-70px);
}
#divStudNotVerifiedOptions, #divStaffNotVerifiedOptions {
    z-index: 9;
    top: var(--space-20px);
    position: relative;
    left: -17px;
}
#divStudNotVerifiedOptions .contact-popup__triangle, #divStaffNotVerifiedOptions .contact-popup__triangle  {
    position: relative;
    top: -13px;
    left: -6px;
}
/* Student - Student Tile - tooltip fix for check mark Ends */

/*No of attendance period screen starts here*/
.default-local-rotaion-screen-height, .attendance-period-screen-height, .schedule-rotaion-screen-height {
    height: calc(100vh - var(--space-200px));
}
.default-local-rotaion-screen-height .default-local-rotaion-content-wrap, .attendance-period-screen-height .attendance-period-content-wrap, .schedule-rotaion-screen-height .schedule-rotaion-content-wrap {
    height: calc(100% - 60px);
}
#gridCalenderSettings .k-grid-content {
    max-height: 360px !important;
    height: auto !important;
}
/*No of attendance period screen ends here*/

/*row color-in kendo grid selection starts*/
.app-kgrid__container tr.k-master-row.k-selected, .app-kgrid__container tr.k-alt.k-master-row.k-selected,
.app-kgrid__container table[data-role="selectable"] tr.k-master-row.k-selected, .app-kgrid__container table[data-role="selectable"] tr.k-alt.k-master-row.k-selected,
.app-kgrid__container .k-master-row.k-selected:hover, .app-kgrid__container .k-alt.k-master-row.k-selected:hover,
.app-kgrid__container table[data-role="selectable"] tr.k-master-row.k-selected:hover, .app-kgrid__container table[data-role="selectable"] tr.k-alt.k-master-row.k-selected:hover,
.app-table tr.k-master-row.k-selected, .app-table tr.k-alt.k-master-row.k-selected,
.app-table tr.k-master-row.k-selected:hover, .app-table tr.k-alt.k-master-row.k-selected:hover
{
    background-color: var(--brand-row-highlite) !important;
}
/*row color-in kendo grid selection ends*/
/*Students > Contacts > Matching contacts popup UI - Starts*/
.matching-contact .app-d-flex.app-position-relative > .matching-contact-detail:first-child::before {
    height: 100%;
    margin: var(--space-0px) var(--space-20px)
}
.matching-contact .app-d-flex.app-position-relative > .matching-contact-detail:first-child::before,
.matching-contact .matching-contact-table thead tr.app-h-40px th:not(:last-child)::before,
.matching-contact .app-d-flex.app-position-relative > .matching-contact-info:first-child::before {
    width: 1px;
    background: var(--global-input-border-color);
    top: var(--space-0px);
    right: var(--space-0px);
    content: "";
    position: relative;
    float: right;
}

.matching-contact .matching-contact-table thead tr.app-h-40px th:not(:last-child)::before {
    height: var(--space-25px);
}
.matching-contact .app-d-flex.app-position-relative > .matching-contact-info:first-child::before {
    height: var(--space-20px);
    margin: var(--space-0px) var(--space-20px);
}
.matching-contact .vertical-divider {
    width: 1px;
    height: var(--space-20px);
    background-color: var(--global-input-border-color);
    margin: var(--space-0px) var(--space-10px);
}
.matching-contact .width-full {
    width: 100%;
}

.matching-contact-table th:first-child,
.matching-contact-table .matching-contact-table-row-data td:first-child {
    width: 15%;
}

.matching-contact-table th:nth-child(2),
.matching-contact-table .matching-contact-table-row-data td:nth-child(2) {
    width: 60%;
}

.matching-contact-table th:last-child,
.matching-contact-table .matching-contact-table-row-data td:last-child {
    width: 25%;
}

.matching-contact-table thead {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}

.matching-contact-table tbody {
    max-height: calc(100vh - 325px);
    overflow-y: auto;
}

.matching-contact-table tbody tr.matching-contact-table-row-detail:not(:last-of-type) {
    border-bottom: 1px solid var(--global-grid-border);
}
/*Students > Contacts > Matching contacts popup UI - Ends*/

/* SC - Libraries - Incident Codes - Add Incident Code Modal - Starts */
#IncidentCode td .k-input.k-combobox {
    height: var(--space-30px);
    margin: 3px var(--space-0px);
    width: var(--space-400px);
    overflow: visible;
}
.app-kgrid__container #IncidentCode .k-input.k-combobox .k-button { padding-right: var(--space-15px) !important; }
#IncidentCode td .k-input.k-combobox .k-button { height: 30px !important; }
/* SC - Libraries - Incident Codes - Add Incident Code Modal - Ends */

/*School -> Demographics -> Contacts With Same Primary E-Mail Screen Starts*/
.same-primaryemail-screen-top-header {
    border: 1px solid var(--global-border-light);
    border-bottom: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
.same-primaryemail-screen-dropdown .k-button-solid-base,
.same-primaryemail-screen-dropdown .k-picker .k-input-button,
.same-primaryemail-screen-dropdown .k-picker,
.same-primaryemail-screen-dropdown .k-picker.k-focus,
.same-primaryemail-screen-dropdown .k-picker:focus,
.same-primaryemail-screen-dropdown .k-picker:focus-within {
    height: var(--space-40px) !important;
}
.same-primaryemail-screen-dropdown {
    border: 1px solid var(--global-border-light);
    border-top: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
#gridSameContactFieldMatched .k-grid-content colgroup col.k-hierarchy-col {
    width: auto !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content table td.k-hierarchy-cell {
    overflow: visible !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid {
    width: 100% !important;
    border: none !important;
    border-bottom: none !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-row td:not(:last-child) {
    border-right: 1px solid var(--global-standard-grey-border);
}
#gridSameContactFieldMatched,
#gridSameContactFieldMatched .k-grid-header,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header-wrap {
    border-top-left-radius: var(--global-border-radius) !important;
    border-top-right-radius: var(--global-border-radius) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table:first-of-type {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content table > tbody > tr:last-child > td,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row td,
#gridSameContactFieldMatched.app-kgrid__container tr.k-detail-row > td.k-detail-cell{
    border-bottom: none !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-cell .k-widget table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: var(--space-0px) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-cell .k-widget table tbody,
#gridSameContactFieldMatched .k-detail-cell .k-widget table tbody,
#gridSameContactFieldMatched .k-detail-cell .k-widget tbody tr:last-child,
#gridSameContactFieldMatched .k-detail-cell .k-widget table tbody tr:last-child td:last-child {
    border-bottom-right-radius: var(--space-0px) !important;
    border-bottom-left-radius: var(--space-0px) !important;
}
#gridSameContactFieldMatched.app-kgrid__container tbody tr:first-child {
    width: 100% !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
    height: calc(100vh - 435px) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-row td.k-detail-cell {
    padding: var(--space-0px) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content .k-grid tr.k-master-row td:nth-child(2),
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header th:nth-child(2) {
    padding-left: var(--space-40px) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content .k-grid tr.k-master-row td:nth-child(n+3),
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header th:nth-child(n+3) {
    padding-left: var(--space-10px) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row td:nth-child(2),
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content .k-grid tr.k-master-row td:last-child {
    padding-left: var(--space-20px) !important;
}
#gridSameContactFieldMatched .k-detail-row .k-grid .k-grid-header,
#gridSameContactFieldMatched tr.k-detail-row td.k-hierarchy-cell,
#gridSameContactFieldMatched.app-kgrid__container .k-master-row .k-hierarchy-col,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-last-child(2):before,
#gridSameContactFieldMatched.app-kgrid__container .k-hierarchy-cell.k-header,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header colgroup .k-hierarchy-col,
#gridSameContactFieldMatched.app-kgrid__container .k-master-row .k-hierarchy-cell,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content colgroup .k-hierarchy-col {
    display: none !important;
}

#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row:nth-child(odd), #gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row:nth-child(odd):hover {
    background-color: rgba(var(--brand-table-row-background), var(--opacity-two)) !important;
}

#gridSameContactFieldMatched.k-grid tr:hover {
    background-image: none !important;
}
/*School -> Demographics -> Contacts With Same Primary E-Mail Screen Ends */

/*School -> Demographics -> Household not in Sync Screen Starts*/
.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid.household-not-in-sync-grid {
    width: 100%;
    border: none !important;
    border-bottom: none !important;
}

#gridHHFieldsNotInSync.app-kgrid__container .k-grid-content table td.k-hierarchy-cell {
    overflow: visible !important;
}

.household-area-scroll {
    height: calc(100vh - 362px);
}

.household-area-scroll .app-down-arrow-grid table tr.k-master-row{
    background-color: var(--brand-lightish-grey-bg) !important;
}

.household-not-in-sync-inner-grid .app-kgrid__container .td-padding {
    padding-left: var(--space-10px) !important;
    height:var(--space-40px) !important;
}

.household-not-in-sync-inner-grid .app-kgrid__container .td-padding-student-city{
    padding-left:var(--space-20px) !important;
}

.household-not-in-sync-grid .app-br-grey.app-bl-grey {
    border-right: 1px solid var(--global-standard-grey-border);
}

.white-tooltip__popup__triangle:before, .white-tooltip__popup__triangle:after {
    position: absolute;
    border-top: var(--space-8px) solid transparent;
    border-bottom: var(--space-8px) solid transparent;
    content: "";
    left: -180px;
    transform: rotate(270deg);
    z-index: 9999;
    margin-top: 9px;
    border-left: var(--space-15px) solid var(--brand-default-light-background);
}

.white-tooltip-box .app__tooltip .dropdown-menu {
    background-color: var(--brand-default-light-background);
    left: -205px;
    border: none;
    top: var(--space-15px);
    width: 650px !important;
}

.white-tooltip-box .household-sync-popup:last-child .app-dim-light-blue-border-bottom {
    border-bottom: none;
}

#gridHHFieldsNotInSync.app-kgrid__container .k-grid-header-wrap colgroup .k-hierarchy-col {
    width: var(--space-0px) !important;
}

#gridHHFieldsNotInSync.app-kgrid__container .k-grid-header-wrap colgroup col:nth-child(2),
#divHHNotInSyncDetails .app-kgrid__container table colgroup col:nth-child(1) {
    width: 152px !important;
}

#gridHHFieldsNotInSync.app-kgrid__container .app-pl-50{
    padding-left:var(--space-50px) !important;
}

#gridHHFieldsNotInSync.app-kgrid__container table colgroup col:nth-child(2){
    width:100% !important;
}

#divHHNotInSyncDetails .app-kgrid__container table colgroup col:nth-child(2) {
    width: var(--space-50px) !important;
}

#gridHHFieldsNotInSync.app-kgrid__container th.k-header:nth-child(2) > .k-link {
    margin-left: var(--space-10px) !important;
}
#gridHHFieldsNotInSync .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 442px) !important;
}

.household-sync-white-border {
    border: 1px solid var(--global-border-light) !important;
    border-top: none !important;
}

.household-screen-top-header {
    border: 1px solid var(--global-border-light) !important;
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two)) !important;
}

.blue-box-tooltip-scroll {
    max-height: calc(100vh - 413px);
}

#gridHouseholdsNotInSyncList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 413px);
    min-height: calc(100vh - 413px);
}

#divSchoolDemographics #divHousholdNotInSyncMessage #warningfade {
    top: 200px;
}

#gridHHFieldsNotInSync .k-grid-content colgroup col.k-hierarchy-col {
    width: auto !important;
}
/*School -> Demographics -> Household not in Sync Screen Ends*/

/*School- demographic-school information screen starts*/
#divHouseholdsInSchool .school__info__section { height: calc(100vh - 328px) !important; }
/*School- demographic-school information screen ends*/

/*Students > Contacts > Matching contacts popup UI - Starts*/
.matching-contact-address { max-height: var(--space-200px); }
/*Students > Contacts > Matching contacts popup UI - Ends*/

/* Setup Center - Libraries - Student Demographics */
#divStudentStaffDemographicFieldOptions .single-student__filter__box {
    background-color: var(--brand-container-darkblue-backgroud);
    width: var(--space-400px);
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}
#divDdlDemographicPagesList.app__dropdown, #divDdlDemographicPagesList.app__dropdown .k-dropdownlist {
    width: 100% !important;
}
#grdDemographicsPageFieldsList .k-grid-header { display: none; }
#grdDemographicsPageFieldsList .k-grid-content { height: calc(100vh - 326px) !important; }
#grdDemographicsPageFieldsList.k-grid tr {
    cursor: pointer;
    color: var(--global-text-color);
    font-size: var(--global-text-size);
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight);
    background: var(--brand-default-light-background);
}
#grdDemographicsPageFieldsList.k-grid td {
    border: none;
    border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-three));
    line-height: 26px;
    white-space: nowrap;
}
#grdDemographicsPageFieldsList .k-master-row.k-selected {
    background: var(--brand-row-highlite) !important;
}
#grdDemographicsPageFieldsList.k-grid .k-grid-content tr.k-master-row.k-selected td:nth-child(2) { box-shadow: inset var(--space-5px) 0 0 0 var(--brand-editor-color); }
#grdDemographicsPageFieldsList.k-grid td:last-child span { position: relative; }

#grdDemographicsPageFieldsList.k-grid td .lib-page-color {
    height: var(--space-20px);
    width: var(--space-20px);
    background: var(--brand-orangeLight-bg);
    border-radius: 50%;
    position: relative;
    top: 3px;
}
    #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-NonRead:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Pets:before,
    #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Admissions:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-OneRoster:before {
        background: var(--brand-demographics-tab-three) !important;
    }
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Health2:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-E-Mail:before,
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Page13:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-HealthInf:before {
    background: var(--brand-demographics-tab-four) !important;
}
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-MAPAssess:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Transport:before {
    background: var(--brand-demographics-tab-five) !important;
}
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Favourites:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Misc:before {
    background: var(--brand-demographics-tab-one) !important;
}
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-BasicInfo:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Activities:before,
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-SpecialEd:before {
    background: var(--brand-orangeLight-bg) !important;
}

#grdDemographicsPageFieldsList.k-grid td:nth-child(3) {
    padding-left: var(--space-0px) !important;
}
#grdStudentValidatedList .k-toolbar.k-grid-toolbar, #grdStaffValidatedList .k-toolbar.k-grid-toolbar { padding: 2px var(--space-20px); border-bottom: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four)) !important; }
#grdStudentValidatedList .k-grid-content td, #grdStaffValidatedList .k-grid-content td {
    border-left: var(--space-0px) !important;
}
#grdStudentValidatedList .k-grid-content tr:last-child td, #grdStaffValidatedList .k-grid-content tr:last-child td {
    border-bottom: var(--space-0px) !important;
}
.properties-field-wrap { height: calc(100vh - 156px); }
#grdStudentValidatedList .k-grid-content, #grdStaffValidatedList .k-grid-content { height: calc(100vh - 746px) !important; }
#grdStudentValidatedList .k-toolbar.k-grid-toolbar img.inputSearch, #grdStaffValidatedList .k-toolbar.k-grid-toolbar img.inputSearch { position: absolute; top: var(--space-10px); left: var(--space-10px); }
.properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235 { width: 235px !important; }
/* Setup Center - Libraries - Student Demographics Ends */
/*master contacts screen starts*/
#grdMasterContacts .viewContactName.master {
    height: var(--space-40px);
}
#divAddContactView .master__contactnamesec {
    margin-top: var(--space-0px) !important;
    height: 100% !important;
}
#divAddContactView .master__contactnamesec .app-card-body {
    height: calc(100vh - 420px) !important;
}
#divAddContactView .master__contactnamesec #gridContactStudentLinkedGrid .k-grid-content {
    max-height: calc(100vh - 475px) !important;

}
#divAddContactView .master__contactnamesec .k-grid-norecords-template {
    min-height: var(--space-150px);
}
#divAddContactView .master__relationsec .contactName {
    padding: var(--space-5px) var(--space-15px) var(--space-5px) var(--space-15px) !important;
}
#divAddContactView .master__relationsec #lblViewRelation, #divAddContactView .master__relationsec .profile__wrappper {
    display: none;
}
#divAddContactView .master__relationsec .gFields {
    height: calc(100% - 64px) !important;
}
/*master contacts screen ends*/

/*School -> Demographics > Contacts With No Primary E-Mail Screen Starts*/
#gridNoEailContactMatched.app-kgrid__container .k-grid-content {
    height: var(--space-200px) !important;
}
    #gridNoEailContactMatched.app-kgrid__container .k-grid-header th.k-header:nth-child(n+3), #gridNoEailContactMatched.app-kgrid__container .k-grid-content tr.k-master-row td:nth-child(n+3) {
        padding-left: var(--space-10px) !important;
    }
#gridNoEailContactMatched.app-kgrid__container .k-grid-header th.k-header:nth-child(2), #gridNoEailContactMatched.app-kgrid__container .k-grid-content tr.k-master-row td:nth-child(2) {
    padding-left: var(--space-20px) !important;
}
#gridNoEailContactMatched.app-kgrid__container tr:nth-child(odd),
#gridNoEailContactMatched.app-kgrid__container tr:nth-child(even),
#gridNoEailContactMatched.app-kgrid__container tr:hover {
    background-color: rgba(var(--brand-table-row-background), 0) !important;
    background-image: none !important;
}
.no-primaryemail-screen-dropdown {
    border: 1px solid var(--global-border-light);
    border-top: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
.no-primaryemail-screen-top-header {
    border: 1px solid var(--global-border-light);
    border-bottom: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
#divNoPrimaryEmailDetailsBlock .k-grid-content table colgroup col:nth-child(7) {
    width: var(--space-300px) !important;
}
#divNoPrimaryEmailDetailsBlock .k-grid-header table colgroup col:last-child,
#divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-header th:last-child,
#divNoPrimaryEmailDetailsBlock .k-grid-content table colgroup col:last-child,
#divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content td:last-child {
    min-width: var(--space-200px) !important;
    white-space: nowrap;
}
#divNoPrimaryEmailDetailsBlock .app-kgrid__container tr:hover {
    background-image: none !important;
    background-color: rgba(var(--brand-table-row-background), 0.03) !important;
}
/*School -> Demographics > Contacts With No Primary E-Mail Screen Ends*/
/* Setup Center - Custom Incident Category Tables - update list modal starts */
#gridValidatedList .k-grid-header th:first-child {
    display: flex;
}

#gridValidatedList .k-grid-header {
    background-image: none !important;
}

#gridValidatedList.app-table .k-grid-content td, #gridValidatedList.app-table td, #gridValidatedList.app-table .k-selected td {
    padding-left: var(--space-10px) !important;
}

#gridValidatedList button.drag-handle {
    width: 36%;
    padding-right: var(--space-0px) !important;
}

.custom-incidents-category-table .app__dropdown .k-dropdownlist.app-height-40, .custom-incidents-category-table .app__dropdown.app-height-40 {
    height: var(--space-40px) !important;
}

#gridValidatedList .k-grid-header .k-header:nth-last-child(2):before {
    display: none !important;
}

#gridValidatedList .k-grid-content table td:nth-last-child(2) {
    border-right: none !important;
}

#gridValidatedList .k-grid-content {
    height: 240px !important;
}

#gridValidatedList .k-grid-content td .k-button.k-button-flat:focus::after {
    opacity: 0 !important;
}

#divValidatedList .app-disabled-dark-grey-btn {
    background: var(--brand-grey-shade-bg) !important;
    color: var(--global-dark-grey-color)
}

#gridValidatedList.app-table .k-grid-header th.k-header {
    padding: var(--space-5px) var(--space-0px);
}

#gridValidatedList .k-grid-header tr th:first-child, #gridValidatedList .k-grid-header {
    border-top-left-radius: var(--global-border-radius);
}

#gridValidatedList .k-grid-header tr th:nth-child(2), #gridValidatedList .k-grid-header {
    border-top-right-radius: var(--global-border-radius);
}

.disabled-section {
    pointer-events: none;
    opacity: var(--opacity-five);
}

#divMultiEntryTooltip {
    position: absolute;
    z-index: 9;
    top: 176px;
    left: 186px;
    white-space: nowrap;
}

#divMultiEntryTooltip2 {
    position: absolute;
    left: -23px !important;
    top: 22px !important;
}

.drag-handle {
    transition: opacity 0.2s ease;
    cursor: move;
}

.drag-handle.disabled {
    opacity: var(--opacity-five);
    pointer-events: none;
    cursor: not-allowed;
}

#gridValidatedList .k-dirty {
    border-style: none !important;
}

.hint-item {
    background: rgba(52, 152, 219, 0.85) !important;
    color: var(--global-text-light);
    padding: var(--space-12px) var(--space-20px);
    border-radius: 6px;
    font-weight: 500;
    border: 2px solid rgba(255, 255, 255, var(--opacity-three));
    backdrop-filter: blur(var(--space-5px));
    -webkit-backdrop-filter: blur(var(--space-5px));
    box-shadow: 0 var(--space-4px) var(--space-15px) rgba(0, 0, 0, var(--opacity-two));
}

#gridCustomIncidentFieldList .k-button::after {
    box-shadow: none;
}
/* setup center - Custom Incident Category Tables - update list modal ends */

/* Setupcenter - settings - fullnameformat screen starts */
.settings_fullnameformat_height { height: calc(100% - 60px) !important; }
.fullnameformat-screen-height { height: calc(100vh - 200px) !important;}
/* Setupcenter - settings - fullnameformat screen ends */

/*Common Code for Search Toolbar , arranging the order Inside Grid Starts*/
#grdDemographicsPageFieldsList.k-grid, #grdSuperDBAvailableFields.k-grid, #grdPortfolioAvailableFields.k-grid,
#grdContactAvailableFields.k-grid, #grdAvailableFields.k-grid, #grdAvailableLunchCodes.k-grid {
    display: flex;
    flex-direction: column;
}

#grdDemographicsPageFieldsList .k-grid-header, #grdSuperDBAvailableFields .k-grid-header,
#grdPortfolioAvailableFields .k-grid-header, #grdContactAvailableFields .k-grid-header,
#grdAvailableFields .k-grid-header, #grdAvailableLunchCodes .k-grid-header {
    order: 1;
}

#grdDemographicsPageFieldsList .k-grid-toolbar, #grdSuperDBAvailableFields .k-grid-toolbar,
#grdPortfolioAvailableFields .k-grid-toolbar, #grdContactAvailableFields .k-grid-toolbar,
#grdAvailableFields .k-grid-toolbar, #grdAvailableLunchCodes .k-grid-toolbar {
    order: 2;
}

#grdDemographicsPageFieldsList .k-grid-content, #grdSuperDBAvailableFields .k-grid-content,
#grdPortfolioAvailableFields .k-grid-content, #grdContactAvailableFields .k-grid-content,
#grdAvailableFields .k-grid-content, #grdAvailableLunchCodes .k-grid-content {
    order: 3;
}
/*Common Code for Search Toolbar , arranging the order Inside Grid Ends*/

/* Setupcenter - Libraries - School Information screen starts */
#divSetupCenter .school__info__section { height: calc(100vh - 265px) !important; }
/* Setupcenter - Libraries - School Information screen ends */

/*SSO-STARTS*/
.sso__popover {
    width: 450px;
    left: -410px;
    top: var(--space-40px);
    display:none;
}
.sso__popover .sso__close-btn {
    right: var(--space-20px);
    top: var(--space-20px);
}
/*SSO-ENDS*/
/*Library-globalfield screen starts*/
#gridContactGlobalLocalFieldList table thead th, #gridContactGlobalLocalFieldList table tbody td {
    padding-left: var(--space-10px) !important;
    padding-right: var(--space-10px) !important;
}
#gridContactGlobalLocalFieldValidatedList .k-grid-toolbar {
    padding: var(--space-5px) var(--space-20px);
}
#gridContactGlobalLocalFieldValidatedList .inputSearch {
    left: var(--space-35px);
}
#gridContactGlobalLocalFieldValidatedList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 495px) !important;
    max-height: calc(100vh - 495px) !important;
}
#gridContactGlobalLocalFieldList.app-kgrid__container .k-grid-content table td.app-pl-20 {
    padding-left: var(--space-20px) !important;
}
#gridContactGlobalLocalFieldList .k-button::after {
    box-shadow: none;
}
#gridContactGlobalLocalFieldList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 342px) !important;
    height: auto !important;
}
.custom-incidents-category-table #divValidatedListGrid.contact__localglobalscreen {
    min-height: calc(100vh - 325px);
}
#gridContactGlobalLocalFieldList .validation-image-button {
    padding-right: var(--space-0px) !important;
}
/*Library-globalfield screen ends*/

/* Setupcenter - library - contact relationship, Salutaion , Suffix screen starts */
.setupcenter_lib_contactrelationship {
    height: calc(100vh - 200px);
}
#btnAddNewContactRelationship.app-disabled-dark-grey-btn,
#btnAddNewContactSuffix.app-disabled-dark-grey-btn,
#btnAddNewContactSalutation.app-disabled-dark-grey-btn {
    background: var(--brand-grey-shade-bg) !important;
    color: var(--global-dark-grey-color) !important;
}
#gridContactRelationshipList .k-grid-content, #gridContactSalutationsList .k-grid-content, #gridContactSuffixList .k-grid-content {
    min-height: calc(100vh - 435px) !important;
    max-height: calc(100vh - 435px) !important;
    overflow: auto !important
}
#gridContactRelationshipList.app-table .k-grid-header .k-header .k-link,
#gridContactSalutationsList.app-table .k-grid-header .k-header .k-link,
#gridContactSuffixList.app-table .k-grid-header .k-header .k-link,
#gridPortfolioCategoriesList.app-table .k-grid-header .k-header .k-link {
    line-height: normal;
}
.app-grey-border.app-border-right-none:focus {
    border-right: none !important;
}
/* Setupcenter - library - contact Salutaion screen ends */
#gridPortfolioCategoriesList .k-grid-content {
    height: calc(100vh - 390px) !important;
}
/* Setupcenter - Contact relationship, Salutaion , Suffix screen ends */
#gridContactSalutationsList .k-grid-content {
    max-height: calc(100vh - 385px) !important;
    min-height: calc(100vh - 385px) !important;
    overflow-y: auto !important;
    height: calc(100vh - 385px) !important;
}
/* Setupcenter - library - contact Salutaion screen ends */

/*School - Schedule - Courses & Sections starts*/

#grdCourseDetails .k-grid-content,
.app-course-gridbody #gridSections .k-grid-content {
    max-height: calc(100vh - 405px) !important;
    min-height: calc(100vh - 405px) !important;
}
#grdCourseDetails .viewContactName{
    height: var(--space-45px);
}

.app-filter-border-none .allGridsDropdownList .dropdown-menu li {
    border-bottom: none !important;
}
    .app-filter-border-none .allGridsDropdownList .dropdown-menu li:nth-last-child(2) {
        border-bottom: 1px solid var(--global-search-placeholder-color) !important;
    }
/*Grades - View Reports - Jobs*/
.divReportViewjobsTootTip.viewjobs-tooltip-left{ left: var(--space-10px) !important; }
#gridJobsList .allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a:hover { background-color: transparent !important; }
/*Grades - View Reports - Jobs ends*/

/*School -> Schedule -> Batch Edit Section starts*/
#grdBatchEditSections .k-grid-content { min-height: calc(100vh - 406px)!important; max-height: calc(100vh - 406px)!important; }
#divAssignRoom .k-input, #divAssignRoom .k-input.k-hover, #divAssignRoom .k-input:hover,.assign-teacher-popup  .k-input,.assign-teacher-popup  .k-input:hover { border: 1px solid var(--global-dropdown-border) !important; }
.assign-teacher-popup .k-input, .assign-teacher-popup .k-input:hover, .assign-teacher-popup .app__dropdown.edit__fieldcol, #divAssignRoom .app-combo-dropdown .k-picker, .assign-teacher-popup .grid-schedule-left-part .app__dropdown, .assign-teacher-popup  .grid-schedule-right-part .app__dropdown{ height:var(--space-35px) !important; }
.assign-teacher-popup.k-window{ top:4% !important; }
.assign-teacher-popup #divSchedulerGrid{height: calc(100vh - 530px); overflow-y: auto; }
.assign-teacher-popup .grid-schedule-left-part{margin-right:var(--space-30px);}
.batch-add-schedule-view .household-screen-top-header{ border: none;}
.batch-add-schedule-view .grid-top-header-border { border: none; border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two));}
.assign-teacher-popup .grid-schedule-left-part label,.assign-teacher-popup  .grid-schedule-right-part label{margin-right:var(--space-10px); font-family:var(--global-font-family-semibold);}
#grdBatchEditSections.hide-last-divider .k-grid-header thead tr th.k-header:nth-last-child(2)::before{ display: none !important; }
/*School -> Schedule -> Batch Edit Section ends*/

/*Schools -> Schedule - Manage courses and section starts*/
#divSchoolSchedule .school-schedule-cover #divCourseSection.app-course-section .school-schedule-tabs.app-schoolschedule-tabs-height .k-tabstrip-content {
    height: calc(100vh - 465px) !important;
}
#divSchoolSchedule .school-schedule-cover #divCourseSection.app-course-section.app-grid-courseview .school-schedule-tabs.app-schoolschedule-tabs-height
.k-tabstrip-content {
    height: calc(100vh - 550px) !important;
}
/*Schools -> Schedule - Manage courses and section ends*/

/*Multi student payment screen starts*/
#tableBatchInvoiceCharges.stud-view-dummy-table.period-table tbody tr td {
    padding: 3px 20px;
}

#tableBatchInvoiceCharges.stud-view-dummy-table.period-table tbody tr.active {
    background-color: var(--brand-row-highlite) !important;
}

#tableBatchInvoiceCharges.stud-view-dummy-table .amount-input {
    border-color: var(--global-dropdown-border) !important;
}

#tableBatchInvoiceCharges tbody {
    height: calc(100vh - 563px);
    overflow-y: auto;
}

#divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    min-height: calc(100vh - 478px);
    max-height: calc(100vh - 478px);
    overflow: auto;
}

#divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
    min-height: calc(100vh - 430px);
    max-height: calc(100vh - 430px);
    overflow: auto;
}

#divInvoiceChargeBatchEntry .first-step-container.comments-container .batch-entery__popup {
    min-height: calc(100vh - 430px);
    max-height: calc(100vh - 430px);
    overflow: auto;
}
/*Multi student payment screen ends*/
#gridContactSalutationsList .k-grid-content {
    max-height: calc(100vh - 385px) !important;
    min-height: calc(100vh - 385px) !important;
    overflow-y: auto !important;
    height: calc(100vh - 385px) !important;
}
/* Setupcenter - library - contact Salutaion screen ends */
/*Approval centre admission returning student popup starts*/
#grdAdmissionsReturningStudents .k-grid-content {
    height: calc(100vh - 400px) !important;
}
#divAdmissionsReturningStudent .stud__foundinfo {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
    top: -24px;
    width: calc(100% - 70px);
    position: absolute;
    z-index: 1;
    left: 20px;
}
#divAdmissionsReturningStudent .app-pr-10, #divAdmissionsReturningStudent .app-kgrid__container.no-filter .k-grid-header th.k-header {
    padding-right: 10px !important;
}

#divAdmissionsReturningStudent .app-pl-45{
    padding-left:45px !important;
}

#divAdmissionsReturningStudent .app-height-40{
    height:40px !important;
}
/*Approval centre admission returning student popup ends*/

/*Batch processing table UI starts*/
.app-w-100.app__dropdown.batchentry__tabledropdown .k-dropdownlist {
    width: calc(100% - 25px) !important;
    margin-left: 10px;
}

#btnAdd, #btnEdit, #btnDelete {
    border: 2px solid var(--global-border-light);
}

    #btnAdd:hover, #btnEdit:hover, #btnDelete:hover {
        border: 2px solid var(--global-border-blue) !important;
    }



#divEditRecordSelection #grdSuperDbRecords .k-grid-content {
    height: calc(100vh - 562px) !important;
}

#divSuperDbEditRecord #tblEditSuperDbFields tbody {
    height: calc(100vh - 510px);
}

#divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
    height: calc(100vh - 432px) !important;
}



#divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    height: calc(100vh - 475px) !important;
    overflow: auto;
}

#divSuperDbAddRecord #tblEditSuperDbFields tbody {
    height: calc(100vh - 515px);
}

#divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
    height: calc(100vh - 432px) !important;
}


#divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
    height: calc(100vh - 562px) !important;
}

#studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
#staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
    height: calc(100vh - 645px) !important;
}
/*#divSuperDbBatchEntry{
    overflow-y:hidden;
}*/

#tblEditSuperDbFields .value-cell.hidden {
    visibility: hidden;
    pointer-events: none;
}

#tblEditSuperDbFields .erase-checkbox-label {
    display: none;
    position: relative !important;
}

#tblEditSuperDbFields .erased-hidden {
    display: none !important;
}

#tblEditSuperDbFields .erase-placeholder,
.rights-placeholder {
    padding: 0;
    display: flex;
    align-items: center;
    height: 35px;
}

    #tblEditSuperDbFields .erase-placeholder input[readonly],
    .rights-placeholder input[readonly] {
        background: #fff;
        border-radius: var(--global-border-radius) !important;
        -moz-border-radius: var(--global-border-radius) !important;
        border: 1px solid var(--global-dropdown-border) !important;
        padding: 6px 8px;
        width: 100%;
        color: var(--global-text-color);
        box-sizing: border-box;
        height: 35px;
        margin: 0;
        opacity: 1;
        box-shadow: none;
        cursor: text;
    }

#tblEditSuperDbFields .k-combobox.app-height-35.app-combo-dropdown {
    padding: 0 0 0 12px !important;
}

#tblEditSuperDbFields .k-datepicker.k-input {
    padding: 0 0 0 3px !important;
}

#tblEditSuperDbFields .erase-checkbox-label input[type="checkbox"]:disabled + .check-mark {
    border-color: #ccc !important;
    box-shadow: none !important;
    cursor: default;
}

#tblEditSuperDbFields .erase-checkbox-label[disabled],
#tblEditSuperDbFields .erase-checkbox-label input[type="checkbox"]:disabled ~ span {
    color: #999;
    cursor: default;
}

#tblEditSuperDbFields .field-checkbox {
    position: relative !important;
}

.app__dropdown.batchentry__tabledropdown .k-dropdownlist.app-blue-border-highlight {
    border: 2px solid var(--global-form-container-border) !important;
}
/*Batch processing table UI ends*/
/*Grades - Reports - New UI Design Starts*/
#gradesReportsToggle .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'Jobs';
    opacity:1;
    right:12px;
}

#gradesReportsToggle .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    left: 95px;
    width: 60px;
    opacity:1;
}

#gradesReportsToggle .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    left: 0;
}

#gradesReportsToggle .app__toggle .app__togglebutton .toggle__knobs:before {
    width: 90px;
}

.reports-right-side-contents .label-default {
    top:4px;
}
/*Batch processing table UI ends*/
/*Schools -> Schedule - Manage courses and section starts*/
#divSchoolSchedule .school-schedule-cover #divCourseSection.app-course-section .school-schedule-tabs.app-schoolschedule-tabs-height .k-tabstrip-content { height: calc(100vh - 465px) !important; }
#divSchoolSchedule .school-schedule-cover #divCourseSection.app-course-section.app-grid-courseview .school-schedule-tabs.app-schoolschedule-tabs-height.k-tabstrip-content { height: calc(100vh - 550px) !important; }
/*Schools -> Schedule - Manage courses and section ends*/
.fullname-format.student-reports-settings {
    height: auto;
}

/*Admission settings tooltip code starts here*/
.adm-settings-tooltip .tooltip__popup__triangle:before,
.adm-settings-tooltip .tooltip__popup__triangle:after {
    right: -20px !important;
    left: auto !important;
}

.adm-settings-tooltip .tooltip__content {
    right: 37px;
    top: 25px;
}
/*Admission settings tooltip code ends here*/
/*Demographic import screen starts here*/
#gridContactFileContent .k-grid-content {
    height: calc(100vh - 662px);
    overflow: auto;
}

#gridContactFileContent.app-kgrid__container .k-grid-header {
    height: 120px !important;
}

#gridContactFileContent.app-kgrid__container .k-grid-header th.k-header {
    color: var(--global-text-light);
}

#gridContactFileContent.app-kgrid__container .k-grid-content td,
#gridContactFileContent.app-kgrid__container td,
#gridContactFileContent.app-kgrid__container .k-grid-header th.k-header {
    padding-left: var(--space-10px) !important;
    padding-right: var(--space-10px) !important;
}

#gridContactFileContent .file-content-label.import-disabled-btn {
    background: var(--brand-default-light-background);
    border: none;
}

#gridContactFileContent .file-content-btn.import-disabled-btn {
    border: none;
    background: url(../Images/AdminPlus/three-dots-black.svg) no-repeat center var(--brand-default-light-background);
}

#gridContactFileContent .file-content-label {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
    font-size: var(--global-text-size);
    letter-spacing: 0.16px;
    border-radius: var(--global-border-radius);
    height: var(--space-30px);
    width: 143px;
    color: var(--global-text-color);
    float: left;
    margin-top: 2px;
    padding-left: var(--space-10px);
    line-height: var(--space-30px);
    margin-right: var(--space-5px);
    max-width: 143px;
    padding-right: var(--space-5px);
}
#gridContactFileContent colgroup col:first-child {
    width: 165px !important;
}
#gridContactFileContent .file-content-btn {
    width: var(--space-30px);
    height: var(--space-30px) !important;
    background: url(../Images/AdminPlus/three-dots-blue.svg) no-repeat center var(--brand-default-light-background);
    min-width: var(--space-30px);
    margin-top: 2px;
}

#gridContactFileContent.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before,
#gridContactFileContent.app-kgrid__container .app-table thead tr th.k-header:not(:last-child):before,
#gridContactFileContent.app-kgrid__container .k-grid-header-locked thead tr th.k-header:last-child:before {
    height: var(--space-40px);
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-0px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}

#gridContactFileContent.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:after,
#gridContactFileContent.app-kgrid__container .app-table thead tr th.k-header:after,
#gridContactFileContent.app-kgrid__container .k-grid-header-locked thead tr th.k-header:after {
    height: 1px;
    width: 100%;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: var(--space-0px);
    right: var(--space-0px);
    content: "";
    position: absolute;
}

#gridContactFileContent.app-kgrid__container .k-button, #gridPastGrades .k-button-solid-primary {
    padding-right: var(--space-15px) !important;
}
#gridContactFileContent .file-content-dropdown .k-dropdownlist {
    border: 1px solid var(--global-process-inprogress-boxshadow) !important;
}
#gridContactFileContent .file-content-dropdown .k-dropdownlist,
#gridContactFileContent .file-content-dropdown .k-icon-button {
    background-color: var(--brand-advance-payment-bg) !important;
    height: var(--space-30px) !important;
}
#gridPreviewContentGrid .k-grid-content {
    height: calc(100vh - 400px);
}

.import-screen-height {
    height: calc(100vh - 410px);
}
#mappingGrid .k-grid-content {
    min-height: calc(100vh - 545px);
    max-height: calc(100vh - 545px);
}
.import__testresult .box-green {
    background-color: #d8f4d8 !important;
}

.import__testresult .box-orange {
    background-color: #ffe5cb !important;
}

.import__testresult .box-red {
    background-color: #ffd8d8 !important;
}

.contact-import-map-fields {
    min-height: calc(100vh - 410px);
}

.result__loader {
    background: linear-gradient( 90deg, rgba(255,255,255,0.1) 33%, /* soft white */
    rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.1) 66% );
    background-size: 300% 100%;
    border-radius: 4px;
    animation: l1 1s infinite linear;
    height: 35px;
    width: 60px;
}

@keyframes l1 {
    0% {
        background-position: right
    }
}

.contacts-rights-data{
    max-height: calc(100vh - 260px);
}

.contacts-right-margin-bottom:not(:last-child){
    margin-bottom:20px;
}

.contacts-right-margin-bottom:last-child{
    border-bottom: none;
    padding-bottom: 0 !important;
}

#importFileSelection #selectFileButton {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.mapping-area-scroll {
    height: calc(100vh - 410px);
}

#importFileSelection .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle {
    left: 0;
    top: 0;
}

#importFileSelection .schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu {
    transform: translate(-50px, 0px);
}

.contacts-import-hover {
    left: 1px;
    top: 50px;
}

.contacts-import-hover.allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu{
    z-index: 1 !important;
    transform: translateX(-110px);
}

.contact-settings-btn {
    padding: 0 8px !important;
}

.app-greyish-box-shadow {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.10);
}

#gridContactFileContent.app-kgrid__container .k-grid-content td:not(:last-child) {
    border-right: 1px solid rgba(var( --brand-table-row-background), var(--opacity-four));
}

.import-File-Selection .ap-readonly .k-input-value-text, .import-File-Selection .ap-readonly .k-input-button.k-button > .k-button-icon, .import-File-Selection .ap-readonly .k-input-button > .k-button-icon, .import-File-Selection .ap-readonly .import-disabled-img, .import-File-Selection .ap-readonly .import-disabled-text {
    opacity: var(--opacity-seven);
}

#divPKMapping span.k-combobox {
    border: 1px solid var(--global-dropdown-border);
}
/*Demographic import screen Ends here*/

/*Import Screen -> Contact Rights Popup Starts*/
#gridDefaultLocalFields .k-grid-header {
    height: 80px;
}

#gridDefaultLocalFields .k-grid-header thead tr:first-child th:nth-child(2), #gridDefaultLocalFields .k-grid-header thead tr:first-child th:nth-child(3){
    white-space: break-spaces;
    text-align: center;
}

#gridDefaultLocalFields .contacts-right-border-bottom {
    text-align: center;
    border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}

#gridDefaultLocalFields.app-kgrid__container .contacts-right-border {
    border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}

#gridDefaultLocalFields.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:not(:last-child):before {
    width: 0;
}

#gridDefaultLocalFields.app-kgrid__container .k-grid-content.k-auto-scrollable {
    min-height: calc(100vh - 359px);
    max-height: calc(100vh - 359px);
}

#gridDefaultLocalFields.app-kgrid__container .k-grid-content table td:not(:first-child) {
    padding-left: 0 !important;
    text-align: center;
}

#gridDefaultLocalFields.app-kgrid__container thead th, #gridDefaultLocalFields.app-kgrid__container tbody tr td,
#contactAnalysisMappingGrid.app-kgrid__container thead th:not(:first-child), #contactAnalysisMappingGrid.app-kgrid__container tbody tr td:not(:first-child) {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#contactAnalysisMappingGrid.app-kgrid__container thead th:first-child, #contactAnalysisMappingGrid.app-kgrid__container tbody tr td:first-child{
    padding-left:20px !important;
    padding-right:20px !important;

}
#contactAnalysisMappingGrid .unmapped-cell {
    right: 11px;
    height: 25px;
    background-color: rgba(var(--global-orangish-bg), var(--opacity-two));
    padding: 0px 10px;
    display: block;
    border: 1px solid var(--global-process-inprogress-boxshadow);
}
/*Import Screen -> Contact Rights Popup Ends*/
#contactAnalysisMappingGrid .k-grid-content.k-auto-scrollable {
    min-height: calc(100vh - 410px);
    max-height: calc(100vh - 410px);
}

#grdContactAnalyseLog .k-grid-content.k-auto-scrollable {
    min-height: calc(100vh - 280px);
    max-height: calc(100vh - 280px);
}

#gridPreviewContentGrid.app-kgrid__container tr:nth-child(odd),
#gridPreviewContentGrid.app-kgrid__container tr:nth-child(even),
#gridPreviewContentGrid.app-kgrid__container tr:hover {
    background: none !important;
}

.import-template-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu {
   min-width: min-content !important;
   transform: translateX(80px);
}

.import-template-tooltip .tooltip__popup__triangle:before {
    margin-top: -14px;
    left: 64px;
}

.import-template-tooltip .tooltip__popup__triangle:after {
    margin-top: -15px;
    left: 64px;
}
/*Admission settings tooltip code ends here*/

/*School-incident-Edit student incidents screen starts*/
#gridEditStudentIncidents .k-grid-content {
    height: calc(100vh - 358px) !important;
}
#gridEditStudentIncidents .k-grid-header thead tr th.k-header:first-child:before {
    content: none;
}
#divSelectStudentView .app__dropdown .search__students-col input.k-input-inner {
    padding-left: var(--space-40px) !important;
}
#gridEditStudentIncidents.app-kgrid__container .k-grid-content tr > td:first-of-type,
#gridEditStudentIncidents.app-kgrid__container tr > td:first-of-type,
#gridEditStudentIncidents.app-kgrid__container .k-grid-content-locked > td:first-of-type {
    padding-left: 20px !important;
}
/*School-incident-Edit student incidents screen ends*/

/*Demographic report screen Starts*/
#divDemographicsReports #gridSchoolDemographicsReportsDetail .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 405px)!important;
    max-height: calc(100vh - 405px);
}
#gridSchoolDemographicsReportsDetail .contact-popup__triangle:after {
    margin-left: 74px;
    margin-top: 0;
}
#gridSchoolDemographicsReportsDetail .allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    margin-top: 5px !important;
}
#gridSchoolDemographicsReportsDetail .allGridsDropdownList.app__dropdownmenulist .ContactsDropdownMenu {
    left: 55px;
}
#divHasReportsTileSchoolDemographics .app-box-light-blue-bg:hover {
    border: 2px solid var(--global-border-blue) !important;
    border-left: var(--space-5px) solid var(--global-border-blue) !important;
}
/*Demographic report screen Ends*/

/*Schedule Batch Edit AssignRoom Toggle Design starts*/

#assignRoomToggle .app__toggle .app__togglebutton {
    width: 350px !important;
}

#assignRoomToggle .app__toggle .app__togglebutton .toggle__knobs:before {
    width: 120px !important;
    left: var(--space-8px);
}

#assignRoomToggle .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    width: 198px !important;
    left: 140px;
    background-color: var(--brand-default-light-background);
    opacity: 1;
}

#assignRoomToggle .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    left: var(--space-15px);
    width: 105px !important;
}

#assignRoomToggle .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'From Demographic Field';
    right: var(--space-20px);
    font-size: var(--global-text-size);
    opacity: 1;
}
    
#assignRoomToggle .app__toggle .app__togglebutton .layer, #assignRoomToggle .toggle__knobs {
    max-width: 350px;
}
/*Schedule Batch Edit AssignRoom Toggle Design ends*/

/*SC-Settings-address layout screen starts*/
.setupcenter_addresslayout {
    height: calc(100vh - 200px);
}
.app-input input.input__box.app-height-30 {
    height: var(--space-30px) !important;
}
#gridContactAddressLayout td.k-focus,
#gridContactAddressLayout .k-grid-header th.k-focus {
    box-shadow: none;
}
.setupcenter_addresslayout .addresslayout__mainsection {
    min-height: calc(100% - 60px);
    max-height: calc(100% - 60px);
    overflow-y: auto;
}
#gridContactAddressLayout .k-dirty-cell .k-dirty {
    display: none;
}
#gridContactAddressLayout tr td:first-child::before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: var(--space-10px);
    top: -3px;
    position: relative;
    left:-5px;
}
#gridContactAddressLayout thead .checkbox-label {
    padding-left: 22px;
}
#gridContactAddressLayout.app-kgrid__container tr:last-child td {
    border-bottom: none!important;
}
#gridContactAddressLayout .contact-address-layout__inputbox{
    width:calc(100% - 39px);
}
/*SC-Settings-address layout screen ends*/
/* Setupcenter - Settings - Default Local Field Value - Starts*/
#setupcenterDefaultLocalFields .k-grid-header tr:nth-child(2) th:not(:last-child),
#setupcenterDefaultLocalFields .k-grid-header tr:first-child th:not(:last-child) {
    border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}

#setupcenterDefaultLocalFields .k-grid-header tr:first-child th:nth-child(4) {
    text-align: center;
    border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}

#setupcenterDefaultLocalFields.app-kgrid__container .k-grid-header .k-header:not(:last-child):before {
    display: none;
}

#setupcenterDefaultLocalFields .k-grid-header tr th:not(:first-child) {
    text-align: center;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#setupcenterDefaultLocalFields .k-grid-header tr th:first-child,
#setupcenterDefaultLocalFields tbody tr td:first-child {
    padding-left: 20px !important;
}

#setupcenterDefaultLocalFields tbody tr td > label.checkbox-label {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#setupcenterDefaultLocalFields.app-kgrid__container .k-grid-header {
    height: 80px !important;
}

#setupcenterDefaultLocalFields .k-grid-header tr:first-child th:nth-child(2) .k-link,
#setupcenterDefaultLocalFields .k-grid-header tr:first-child th:nth-child(3) .k-link {
    white-space: normal;
}

#setupcenterDefaultLocalFields .k-grid-content {
    height: calc(100vh - 380px) !important;
}

#setupcenterDefaultLocalFields.app-kgrid__container .k-grid-content.k-auto-scrollable {
    overflow-y: auto !important;
}

.default-local-field-screen-height {
    height: calc(100vh - 265px);
}

.checkbox-label.green-tick input:checked ~ .check-mark {
    background-color: var(--brand-main-action-color);
}

.default-local-field-value-help-box {
    max-height: calc(100vh - 327px);
    overflow-y: auto !important;
}


/* Setupcenter - Settings - Default Local Field Value - Ends*/
/* -------------------School Schedule - manage course section - LinkedSkills - starts------------------- */
#divCSTCourseSelection .course-dept-list.app__dropdown .k-dropdownlist {
    width: var(--space-400px) !important;
}
.app__dropdown .k-dropdownlist.searchin-dropdown {
    width: var(--space-150px) !important;
}
#grdCSTAvailableSkills.k-grid.gridStyle .k-grid-content {
    height: calc(100vh - 530px) !important;
}
#grdCSTSelectedSkills.k-grid.gridStyle .k-grid-content {
    height: calc(100vh - 480px) !important;
}
.drag-handle.k-button.k-button-flat.drag_btn_pr {
    padding-right: var(--space-10px) !important;
}

#grdCSTAvailableSkills.app-kgrid__container .k-grid-content table td,
#grdCSTSelectedSkills.app-kgrid__container .k-grid-content table td {
    white-space: normal !important;
    word-wrap: break-word !important;
}
/* -------------------School Schedule - manage course section - LinkedSkills - ends------------------- */

/*School-lunch count UI Starts*/
.lunch-counts .stud-view-dummy-table thead tr th:nth-child(2):before {
    background: var(--brand-modal-grid)!important;
}

#grdLunchCountDetails .k-grid-content {
    height: calc(100dvh - 497px) !important;
    overflow-y:auto;
}
#grdLunchCountTotals .k-grid-content.k-auto-scrollable,
#grdLunchCountTotals.app-kgrid__container .k-grid-content-locked {
    height: calc(100dvh - 400px) !important;
    overflow-x: scroll;
}

#grdLunchCountTotals.app-kgrid__container tr:nth-child(odd),
#grdLunchCountTotals.app-kgrid__container tr:nth-child(even),
#grdLunchCountTotals.app-kgrid__container tr:hover {
    background: none !important;
}

#divLunchCountTotals .app-kgrid__container .k-grid-content td {
    padding-right: 20px !important;
}
#divLunchCounts thead {
    display: table;
    width: 100%;
    table-layout: fixed;
}

#divLunchCounts  tbody {
    display: block;
    max-height: 260px; 
    overflow-y: auto;
    overflow-x: hidden;

}

#divLunchCounts tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}
#grdLunchCountTotals.app-kgrid__container td {
    border-bottom: 1px solid var(--global-hr-border-color) !important;
    padding-right: 10px !important;
}
/*School-lunch count UI Ends*/

/*Setup center lunch codes starts here*/
#gridLunchCode .k-grid-content.k-auto-scrollable {
    max-height: calc(100dvh - 345px) !important;
}
/*Setup center lunch codes ends here*/

/*SC-Household contact screen UI Starts*/
.student-reports-settings .settings_householdfields {
    height: calc(100vh - 200px) !important;
}
.settings_householdfields .householdfields_section {
    height: calc(100% - 60px) !important;
}
#gridStudentHHFieldList .k-grid-content {
    max-height: calc(100dvh - 412px)!important;
}
.app-input input.input__box.app-height-30 {
    height: var(--space-30px) !important;
}
#gridStudentHHFieldList .household-td-height {
    height: 44px;
}
.setup-houselhod-screen .household-screen-right-box {
    max-height: calc(100dvh - 300px);
}
#gridStudentHHFieldList .householdfield__inputbox {
    width: calc(100% - 53px);
}
/*SC-Household contact screen UI Ends*/
/* SC- Libraries - skills screen starts*/
#btnManageSkillsExcel.app-button.img-action-btn, #btnManageSkillsPrint.app-button.img-action-btn {
    min-width: var(--space-40px) !important;
    padding: 0 !important;
}

#gridManagedSkillsList.app-kgrid__container .k-grid-content{
    height: calc(100vh - 475px) !important;
}

.skills_help_skilllinked .help-box {
    height: calc(100vh - 390px) !important;
}

.skills_help_skilllinked .skill-description-box {
    height: calc(100vh - 532px) !important;
}

.gradepool_dropdown .app__dropdown .k-dropdownlist{
    width: 500px !important;
}

#gridManagedSkillsList .k-grid-header-wrap .k-header:nth-child(2)::before {
    display: none !important;
}
#scmanageSkills_box .course-search-input{
    width: 300px !important;
}

.skill_courses,.skill_boxes,.skil_standards { flex: 1; }

#divLinkedCourses #gridLinkedCourses.app-kgrid__container .k-grid-content,
#divLinkedSkillBox #gridLinkedSkillBoxes.app-kgrid__container .k-grid-content,
#divLinkedStandards #gridLinkedStandards.app-kgrid__container .k-grid-content{
    height: calc(100dvh - 550px) !important;
}

/* SC- Libraries - skills screen ends*/
/*Setup center lunch codes ends here*/
/*SC-Settings-address layout screen ends*/
/*School -> Incidents -> Reports Starts*/
#gridSchoolIncidentsReportsDetail .k-grid-content.k-auto-scrollable { min-height: calc(100vh - 408px); max-height: calc(100vh - 408px); }  
#divIncidentsReportTempletsSelection.incident-report-selection { max-height: calc(100vh - 225px); }
/*School -> Incidents -> Reports Ends*/

/*Setup Center - Libraries - Block Rotation Starts*/
.setupcenter_addresslayout .block-rotation-height { min-height: calc(100% - 60px); max-height: calc(100% - 60px); overflow-y: hidden; }
.block-rotation-edit-mode .schedule-rotation-height{height: calc(100dvh - 352px);}
.schedule-rotation-height{height: calc(100dvh - 308px); overflow-y: hidden;}
.block-rotations-cell-editor { width: 55px; }  
.block-rotations-time-editor { width: 125px; }  
.block-rotations-header-editor{ min-width: 90%; max-width:90%; min-height: 37px; height: 37px;}  
.block-rotations-day-header-editor{ width: 65px; }   
.schedule-rotation .table-header-space{width:13px;}
.schedule-rotation .block-rotation-border:last-child { border-right: 1px solid var(--global-blue-bg-soft-border); }
.schedule-rotation .block-rotation-border { border-left: 1px solid var(--global-blue-bg-soft-border); border-bottom: 1px solid var(--global-blue-bg-soft-border); }  
.schedule-rotation .corner, .schedule-rotation .day-header , .schedule-rotation .table-header-space{ background: var(--brand-schedule-cell-first-header-color); }  
.schedule-rotation .period-header { background: var(--brand-schedule-first-cell-color); }  
.schedule-rotation .cell { height: 89px; }
.block-rotations-header-editor:focus-visible{outline: none;}
.block-rotation-edit-mode .block-table-rotation tbody { max-height: calc(100dvh - 392px); }  
.block-table-rotation tbody { max-height: calc(100dvh - 348px); }  
/*Setup Center - Libraries - Block Rotation Ends*/

:root {
    /*************************************Breakpoints************************************/
    --breakpoint-xs: 320px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    /*************************************Grid System variables************************************/
    /* Grid columns */
    --grid-columns: 12;
    --grid-gutter: 1rem;
    /* Container widths */
    --container-max-width: 1440px;
    --container-padding: var(--space-16px);
    /* Grid breakout sizes */
    --grid-sm: var(--breakpoint-sm);
    --grid-md: var(--breakpoint-md);
    --grid-lg: var(--breakpoint-lg);
    --grid-xl: var(--breakpoint-xl);

}
/**************************************Font-Resize *******************************************************/
@media (min-width:1281px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 420px) !important;
        max-height: calc(100vh - 420px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/

    body, html {
        font-size: var(--global-text-size-xs);
    }
}

@media (min-width:1400px) {
    body, html {
        font-size: var(--global-text-size-sm);
    }
}

@media (min-width:1600px) {
    body, html {
        font-size: var(--global-text-size);
    }
}

@media (min-width: 1900px) {
    body, html {
        font-size: var(--global-text-size);
    }
}

@media (min-width: 3840px) {
    body, html {
        font-size: var(--global-text-size-xl);
    }
}
/**************************************Font-Resize *********************************************************************************/

@media (min-width:1280px) and (max-width:1529.98px) {
    #divCourseAdvancedSearch #grdCourseDetails .k-grid-content {
        max-height: calc(100vh - 435px) !important;
        min-height: calc(100vh - 435px) !important;
    }
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Starts*/
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown.edit__fieldcol.db-field,
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .student-selection-combo,
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown.select__criteria.db-field,
    #divSchoolSchedule .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
    #divSchoolSchedule .comments-container .matching-criteria-fields .select__criteria {
        width: 280px !important;
    }

    #divSchoolSchedule .comments-container .matching-criteria-fields .enter__value {
        width: 400px !important;
    }
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Ends*/
    #gridMyReportsList colgroup col:first-child{
        width:150px !important;
    }
    .tab-mr-ml {
margin: var(--space-0px) 20px;
    }
    #grdStudentContacts .viewContactName, #gridContactStudentLinkedGrid .k-grid-content table tbody tr {
        height: 40px;
    }
    #divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 415px) !important;
        min-height: calc(100vh - 415px) !important;
    }

    #divNarrativesView.expanded .narratives-scroll {
        height: calc(100vh - 425px);
    }
    /*All Screens 125% to 150% Fixes Starts*/
    .school-report-template {
        min-height: calc(100vh - 225px);
        height: calc(100vh - 225px);
    }
    #divDemographicsBatchEntry .batch-entery__popup#option4Div .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 380px !important;
    }
    #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px) !important;
        max-height: calc(100vh - 333px) !important;
    }
    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 375px);
        max-height: calc(100vh - 375px);
    }
    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup#option3Div {
        min-height: auto;
        max-height: max-content;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        height: auto !important;
        overflow-x: visible !important;
        overflow-y: clip !important;
    }
    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period, #DailyAttendanceBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup {
        min-height: calc(100vh - 329px);
        max-height: calc(100vh - 329px);
    }
    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 374px);
        max-height: calc(100vh - 374px);
    }
    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
    }

    #PeriodAttendanceBatchEntry.overflow-none, #DailyAttendanceBatchEntry.overflow-none, #divDemographicsBatchEntry.overflow-none,
    #divInvoiceChargeBatchEntry.overflow-none {
        overflow-y: hidden;
    }
    .enter-period-attendance.comments-container .batch-entery__popup {
        overflow: auto;
        max-height: calc(100vh - 333px);
    }
    #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
    }
    .scheduleyear-indicator {
        padding: 5px 8px 5px 20px;
        width: 155px;
    }

    .scheduleyear-indicator .tab-schedule-year-0{
margin-left: var(--space-0px) !important;
    }
    
    #divSectionRosters #divRosters #gridRosters .k-grid-content {
        max-height: calc(100vh - 400px) !important;
    }
    .edit-section-modal #divSectionAddEdit #divSectionDetailsContent, .edit-section-modal #divSectionAddEdit #divCustomContent #tabExtendedSectionTable.k-tabstrip .k-tabstrip-content {
        height: calc(100vh - 287px) !important;
    }
    .batch-entry-staff-attendance, .batch-entry-student-attendance {
        max-height: calc(100vh - 293x);
        overflow-y: auto;
    }
    #DailyAttendanceQuickEntrySettings .batch-entry-student-attendance {
        max-height: auto;
        overflow-y: visible;
    }
    .batch-entery__popup .attendance__comments.comments-note-area {
        height: min-content !important;
    }

    .batch-entry-data-height .app-radio label {
        margin-right: 25px;
    }

    .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable, .batch-entery__popup #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entery__popup #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 476px) !important;
    }

    .batch-entry-data-height {
        overflow-y: auto;
        max-height: calc(100vh - 284px);
    }

    #grdSelectedStudentList .k-grid-content, #grdSelectedStaffList .k-grid-content {
        max-height: calc(100vh - 420px) !important;
    }

    #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 470px) !important;
    }

    #gridIncidentCodesDetails .k-grid-content {
        max-height: calc(100vh - 360px) !important;
    }
    #divContactGridWindow #grdContactsDetailsSection .k-grid-content {
        max-height: calc(100vh - 300px) !important;
    }
    .invoice__summary li {
        line-height: 20px;
    }
    #divAddDropCourseSection #grdCourseSection.app-kgrid__container .k-grid-content {
        height: calc(100vh - 420px) !important;
    }

    #divAddDropCourseSection .course-section-content {
        min-height: calc(100vh - 225px);
    }
    #divStudentDetails .student__image-container:hover .overlay__add-image {
        height: 208px !important;
        width: 155px;
left: var(--space-0px) !important;
    }
    #gridAllSchoolHousehold .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 380px) !important;
    }

    #grdProcessAnalyseLog .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 300px) !important;
    }
    #courseSectionPopup .course-section-details {
        max-height: calc(100vh - 423px);
        overflow: auto;
    }
    #gridContactSearch .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 390px) !important;
    }
    #pastGradesCourseDetailsPopup .course-section-height {
        height: calc(100vh - 345px);
        overflow-y: auto;
    }

    .viewContacts-class-hover {
        margin-bottom: -6px;
    }

    #pastGradesCourseDetailsPopup .course-section-details {
        height: max-content;
    }

    #pastGradesCourseDetailsPopup .tab-pb-0 {
padding-block: var(--space-0px) !important;
    }

    .course-section-content {
        min-height: calc(100vh - 220px);
    }

    #divAddDropCourseSection .course-section-content .app-dropdown-search + #divSearchCourse + #divScheduleGridSection #grdCourseSection.app-kgrid__container .k-grid-content {
        height: calc(100vh - 453px) !important;
    }

    #grdFromAStudentSection .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 420px) !important;
    }

    #divAddDropCourseSectionBatch #grdFromAStudentSection .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 530px) !important;
    }

    #divAddDropCourseSection #divAddDropCourseSection .comments-container {
        height: calc(100% - 90px);
    }

    #gridCalender .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 260px) !important;
    }
    .app-radio {
        line-height: 22px;
    }
    .right__div-expanded.right__section #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 464px) !important;
    }

    #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll,
    #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll,
    #divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll,
    #grdSelectedFields .k-grid-content.k-auto-scrollable,
    #grdSelectedLunchCodes .k-grid-content.k-auto-scrollable,
    .tab-outstanding-settings #grdAvailableFields .k-grid-content.k-auto-scrollable, #divFastServedOutstandingPenaltySettings #grdAvailableFields .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 240px) !important;
    }

    .right__section #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 500px) !important;
    }

    #divEmailTab #dvtxtEmailEditor {
        height: calc(100vh - 316px) !important;
    }
    #dvEmailEditor #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 470px) !important;
    }
    .div-rosters-popup #gridRosters .k-grid-content.k-auto-scrollable, .manage-payment-modal .app-kgrid__container .k-grid-content.k-auto-scrollable, #gridManageAdvancePayment.k-grid-content.k-auto-scrollable {
        height: calc(100vh - 390px) !important;
    }
    #divAddContactView.k-window-content .app__tabstrip .k-tabstrip .k-content.k-active {
        max-height: calc(100vh - 250px) !important;
    }
    #divAdmissionSettings .tab-mar-top-0 {
margin-top: var(--space-0px) !important;
    }
    .school__edit-attendance .attendance__grid__value {
        width: auto;
    }
    .school__edit-attendance .attendance__grid__content {
        width: 100%;
    }
    #grdDemographicLogs.app-kgrid__container, #gridCalender, #grdFieldSelectionPopup, #courseSectionPopup .course-tab-h-auto,
    #grdSuperDbBatchEntryLogs.app-kgrid__container {
        height: auto !important;
    }
    #grdStudyHallInfo .k-grid-content.k-auto-scrollable, .comments-note-area {
        height: calc(100vh - 290px) !important;
    }
    #divAddDropCourseSection #divAddDropCourseSection, .exsisting-course-popup .comments-container, .emailSubjectBlock.email-subjec-block .app-sent-view-contact, .emailSubjectBlock.email-subjec-block .app-perview-contact {
        height: auto;
    }
    .enroll__scrn .tab-col-width{
        width: auto !important;
        flex: none;
    }
    .enroll__scrn .dashboard-module__enroll .app-card {
        min-width: 453px !important;
        width: 25%;
        max-width: 453px;
    }
    .enroll__scrn .enroll__third-container, .enroll__scrn .enroll__last-container{
        margin-top: 20px;
    }
    .section-analyze-file {
        height: max-content !important;
    }
    #grdAvailableFields .k-grid-content.k-auto-scrollable, #grdStaffMembersFields .k-grid-content.k-auto-scrollable{
        height: calc(100vh - 280px) !important;
    }

    #grdLookupViewAvailableFields .k-grid-content.k-auto-scrollable, #grdLookupViewSelectedFields .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }

    #gridContactStudentLinkedGrid .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 220px) !important;
    }

    #PortfolioCategoryGrid .k-grid-content td:last-child button {
        padding-left: 11px !important;
    }

    .demographics-batch-entry .comments-container .batch-entery__popup {
        max-height: calc(100vh - 333px);
        min-height: calc(100vh - 333px);
        overflow: auto;
    }

    #divStaffDemographicFields .edit-approval-center-data,
    #divStudentDemographicFields .edit-approval-center-data,
    #divStaffDemographicFields .edit-acd input[name="EnrollmentCenter"],
    #divStudentDemographicFields .edit-acd input[name="EnrollmentCenter"] {
        width: 225px !important;
    }

    .tab-import-from-file, #gridFileContent .k-grid-content {
        height: calc(100vh - 150px) !important;
    }

    #divSchoolDemographics #divEnrollmentTab .tab-import-from-file {
        height: calc(100vh - 205px) !important;
    }

    .tab-width-search-bar {
        width: 270px !important;
    }

    #importFileSelection #gridFileContent.app-kgrid__container .k-grid-content {
        overflow-y: auto !important;
        height: max-content !important;
    }

    .demographics-contact-tile .tab-w-max {
        width: max-content !important;
    }

    .tab-advanced-course-min-height {
        min-height: calc(100vh - 325px);
    }

    #gridApCourseList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 415px) !important;
    }

    #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 445px) !important;
    }

    #grdDemographicLogs .k-grid-content.k-auto-scrollable, .tab-course-link-list-popup .k-grid-content.k-auto-scrollable, .tab-course-prerequistes-popup .k-grid-content.k-auto-scrollable, #gridFastServedLogDetails .k-grid-content.k-auto-scrollable,
    #grdSuperDbBatchEntryLogs .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }

    #grdFieldSelectionPopup .k-grid-content.k-auto-scrollable,
    #gridCalenderSettings .k-grid-content.k-auto-scrollable,
    #gridDailyAttendanceBatchEntryLogs .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 300px) !important;
    }
    #divSentEmails .schedule-later .app-sent-view-contact {
        height: calc(100vh - 505px);
    }
    #divSentEmails .emailSubjectBlock {
        height: calc(100vh - 344px);
    }
    .emailSubjectBlock {
        height: calc(100vh - 412px);
    }
    .comments-container .batch-entery__popup {
        min-height: calc(100vh - 375px);
    }
    .blue-tooltip-box .app__tooltip .dropdown-menu {
        right: -138px;
    }
    #single-student__mode #divSchedule .tab-divListView .k-grid-content {
        height: calc(100vh - 585px) !important;
    }

    #single-student__mode #divSchedule .tab-divListView.expanded .k-grid-content, #divGetStudentDetails #gridAllSchoolHousehold .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 380px) !important;
    }
    #divSchoolSchedule #divSchedule .tab-divListView .k-grid-content {
        height: calc(100vh - 410px) !important;
    }

    .edit-student-details-popup .app__tooltip.app__dropdownmenulist .dropdown-menu {
        left: 20px;
    }

    #divPreviousMarkingPeriodEditor {
        height: calc(100vh - 357px);
    }

    #divAddPhoto #divPicture #kendoUploadImage .jrac_viewport {
        max-height: calc(100vh - 200px) !important;
    }

    #divSingleStudentTab #divBilling .tab-divListView.expanded .ap-gridbody.billing-grid {
        max-height: calc(100vh - 368px);
    }

    #divChargesAddEdit .add-charge-data, #divPaymentsAddEdit .add-payment-data {
        max-height: calc(100vh - 225px);
        overflow: auto;
    }

    #divContactAddNew .addnew__contactsection {
        max-height: calc(100vh - 295px);
        overflow: auto;
    }

    #gridHousingMatchingContactList .k-grid-content.k-auto-scrollable,
    #gridLastnameMatchingContactList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 294px) !important;
    }

    #copyallcontact .addcontact__helpbox {
        height: 250px;
    }

    .contact-tabcontent {
        min-height: auto;
    }

    #divSchoolDailyAttendance .dailyAttendance-tab table tr td:first-child, #divAttendanceListView .k-grid-content tbody tr td:nth-child(1), #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 20px !important;
    }

    .attendance-entries-data {
        max-height: calc(100vh - 355px);
        overflow: auto;
    }

    .assign-teacher-popup #divSchedulerGrid{ height: auto;}

    .edit-staff-attendance-data {
        max-height: calc(100vh - 235px);
        overflow: auto;
    }

    .edit-daily-data {
        max-height: calc(100vh - 225px);
        overflow: auto;
    }

    #divDailyAttendanceSettingsControls.editscreen,
    #divPeriodAttendanceSettingsControls.editscreen,
    #divStudentAddSettings .student-wizard,
    #divStaffAddSettings .student-wizard{
        max-height: calc(100vh - 181px);
        overflow: auto;
    }

    #divFastServedOutstandingPenaltySettings .outstanding-data {
        max-height: calc(100vh - 185px);
        overflow: auto;
    }
    #divNarrativesEditControls.comments-container {
        max-height: calc(100vh - 200px);
        overflow: auto;
    }

    #studentSelectionEmail .app__dropdown, #studentSelectionEmail .k-dropdownlist:hover, #studentSelectionEmail .k-dropdownlist:active, #studentSelectionEmail .k-dropdownlist:focus {
        width: 310px !important;
    }
    #tableBatchInvoiceCharges tbody {
        height: calc(100vh - 457px);
        overflow-y: auto;
    }

    #divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px);
        max-height: calc(100vh - 380px);
        overflow: auto;
    }

    #divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
        overflow: auto;
    }
    #divInvoiceChargeBatchEntry .first-step-container.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
        overflow: auto;
    }
    /*All Screens 125% to 150% Fixes Ends*/
    #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td {
padding: var(--space-0px) !important;
        font-size: 13px !important;
        text-align: center;
    }

    #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td.grid-column-num.app-pr-30 {
        padding-right: 23px !important;
    }

    #divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 387px);
        max-height: calc(100vh - 387px);
        overflow: auto;
    }

    #divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #divSuperDbAddRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 430px);
    }
/*    #divSuperDbBatchEntry #tblSuperDbFields tbody {
        height: calc(100vh - 430px);
    }*/
    #divEditRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 470px) !important;
    }
    #divSuperDbEditRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 415px);
    }
    #divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 467px) !important;
    }
    #divSuperDbDeleteRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 580px) !important;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 555px) !important;
    }
}

@media (min-width:1530px) and (max-width:1599.98px) {
    #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td.app-text-end {
        font-size: 13.8px !important;
    }
}

@media (min-width:1530px) and (max-width:1799.98px) {
    #divCourseAdvancedSearch #grdCourseDetails .k-grid-content {
        max-height: calc(100vh - 560px) !important;
        min-height: calc(100vh - 560px) !important;
    }
    /*All Screens 110% to 125% Fixes Starts*/
    .school-report-template {
        min-height: calc(100vh - 225px);
        height: calc(100vh - 225px);
    }
    .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 476px) !important;
    }
    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 375px);
        max-height: calc(100vh - 375px);
    }
    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
    }

    #divDemographicsBatchEntry .app-radio label, #DailyAttendanceBatchEntry .app-radio label, #PeriodAttendanceBatchEntry .app-radio label{
         margin-right:25px;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        height: auto !important;
        overflow-x: visible !important;
        overflow-y: clip !important;
    }
    .enter-period-attendance.comments-container .batch-entery__popup {
        overflow: auto;
        max-height: calc(100vh - 347px);
    }
    #pastGradesCourseDetailsPopup .course-section-height {
        height: calc(100vh - 345px);
        overflow-y: auto;
    }
    #divAddPhoto #divPicture #kendoUploadImage .jrac_viewport {
        max-height: calc(100vh - 200px) !important;
    }
    #grdLookupViewAvailableFields .k-grid-content.k-auto-scrollable, #grdLookupViewSelectedFields .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }
    #divSectionRosters #divRosters #gridRosters .k-grid-content {
        max-height: calc(100vh - 400px) !important;
    }
    .batch-entery__popup .attendance__comments.comments-note-area {
        height: min-content !important;
    }

    .batch-entery__popup #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entery__popup #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 475px) !important;
    }

    .batch-entry-data-height {
        overflow-y: auto;
        max-height: calc(100vh - 290px);
    }
    #PeriodAttendanceBatchEntry.overflow-none, #DailyAttendanceBatchEntry.overflow-none, #divDemographicsBatchEntry.overflow-none {
        overflow-y: hidden;
    }
    #PeriodAttendanceBatchEntry .app-radio label {
        margin-right: 25px;
    }
    #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 490px) !important;
    }

    #grdSelectedStudentList .k-grid-content, #grdSelectedStaffList .k-grid-content {
        max-height: calc(100vh - 425px) !important;
    }
    #divDailyAttendanceSettingsControls.editscreen, #divPeriodAttendanceSettingsControls.editscreen, #divStudentAddSettings .student-wizard, #divStaffAddSettings .student-wizard {
        max-height: calc(100vh - 181px);
        overflow: auto;
    }

    #divAddDropCourseSection #grdCourseSection.app-kgrid__container .k-grid-content,
    #grdFromAStudentSection .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 420px) !important;
    }

    #divAddDropCourseSection .course-section-content {
        min-height: calc(100vh - 420px);
    }
    #courseSectionPopup .course-section-details {
        max-height: calc(100vh - 475px);
        overflow: auto;
    }
    #divSchoolDailyAttendance .dailyAttendance-tab table tr td:first-child,
    #divAttendanceListView .k-grid-content tbody tr td:nth-child(1),
    #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 25px !important;
    }
    #divAddDropCourseSectionBatch #grdFromAStudentSection .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 530px) !important;
    }

    #divAddDropCourseSection #divAddDropCourseSection .comments-container {
        height: calc(100% - 90px);
    }

    #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 445px) !important;
    }

    #divContactAddNew .addnew__contactsection {
        max-height: calc(100vh - 313px);
        overflow: auto;
    }

    #gridHousingMatchingContactList .k-grid-content.k-auto-scrollable,
    #gridLastnameMatchingContactList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }

    .contact-tabcontent {
        min-height: auto;
    }
    #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll,
    #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll,
    #divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
        height: calc(100vh - 240px);
    }

    .div-rosters-popup #gridRosters .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 390px) !important
    }

    #gridApCourseList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 415px) !important;
    }

    #grdDemographicLogs.app-kgrid__container, #courseSectionPopup .course-tab-h-auto, #grdSuperDbBatchEntryLogs.app-kgrid__container {
        height: auto !important;
    }
    .emailSubjectBlock.email-subjec-block .app-sent-view-contact,
    .emailSubjectBlock.email-subjec-block .app-perview-contact {
        height: calc(100vh - 575px);
    }
    .emailSubjectBlock {
        height: calc(100vh - 421px);
    }
    #divSentEmails .emailSubjectBlock {
        height: calc(100vh - 370px);
    }
    #divSentEmails .schedule-later .app-sent-view-contact {
        height: calc(100vh - 560px);
    }
    .comments-container .batch-entery__popup {
        min-height: calc(100vh - 341px) !important;
        max-height: calc(100vh - 341px) !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        min-height: calc(100vh - 465px) !important;
        max-height: calc(100vh - 465px) !important;
    }
    #divbatchAddSchedule .fn-confirm-schedule-batch .batch-entery__popup {
        min-height: calc(100vh - 410px) !important;
        max-height: calc(100vh - 410px) !important;
    }

    #divbatchAddSchedule .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 596px) !important;
    }

    #divDemographicsBatchEntry .demographics-batch-entry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 341px) !important;
        max-height: calc(100vh - 341px) !important;
    }
    #importFileSelection #gridFileContent.app-kgrid__container .k-grid-content {
        overflow-y: auto !important;
        height: max-content !important;
    }

    .tab-import-from-file, #gridFileContent .k-grid-content {
        height: calc(100vh - 150px);
    }

    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 209px);
    }

    #gridDailyAttendanceBatchEntryLogs .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 300px) !important;
    }
    #tableBatchInvoiceCharges tbody {
        height: calc(100vh - 475px);
        overflow-y: auto;
    }

    #divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
    }

    #divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px) !important;
        max-height: calc(100vh - 340px) !important;
    }
    #divInvoiceChargeBatchEntry.overflow-none {
        overflow-y: hidden;
    }
    /*All Screens 110% to 125% Fixes Ends*/
    /*School Monthly Attendance View start */
    #spnCurrentMonth {
        font-size: var(--global-text-size);
    }

    .schedule-calendar-header .app-mr-15 {
        margin-right: 5px;
        width: 10px;
    }

    .schedule-calendar-header .app-ml-15 {
        margin-left: 5px !important;
    }

    .abs__tar__selection {
        top: 56.5px;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 37px;
    }
    /*School Monthly Attendance View ends */
    /*excelwizard start*/
    .include-feild .excelwizard-student-leftside {
        width: 145px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 145px) !important;
    }

    .include-feild .relationship {
        width: 300px;
    }
    /*excelwizard ends*/
    #divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 387px) !important;
        max-height: calc(100vh - 387px) !important;
    }

    #divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 345px) !important;
        max-height: calc(100vh - 345px) !important;
    }
    #divSuperDbAddRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 430px);
    }
 /*   #divSuperDbBatchEntry #tblSuperDbFields tbody {
        height: calc(100vh - 430px);
    }*/
    #divEditRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 472px) !important;
    }
    #divSuperDbEditRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 425px);
    }
    #divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 345px) !important;
        max-height: calc(100vh - 345px) !important;
        overflow: auto;
    }
    #divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 470px) !important;
    }
    #divSuperDbDeleteRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 555px) !important;
    }

}

@media (max-width:1529.98px) {
    /*excelwizard start*/
    .app__dropdown.app-w-150,
    .app__dropdown.app-w-150 .k-dropdownlist,
    .app__dropdown.app-w-150 .k-dropdownlist:hover,
    .app__dropdown.app-w-150 .k-dropdownlist:active,
    .app__dropdown.app-w-150 .k-dropdownlist:focus,
    .app__dropdown.app-w-150 .k-dropdownlist:visited,
    .app__dropdown.single-student__dropdown,
    .app__dropdown.single-student__dropdown .k-dropdownlist,
    .app__dropdown.single-student__dropdown .k-dropdownlist:hover,
    .app__dropdown.single-student__dropdown .k-dropdownlist:active,
    .app__dropdown.single-student__dropdown .k-dropdownlist:focus,
    .app__dropdown.single-student__dropdown .k-dropdownlist:visited {
        width: 150px !important;
    }

    .app__dropdown.single-student__dropdown.app-w-220,
    .app__dropdown.app-w-220 .k-dropdownlist,
    .app__dropdown.app-w-220 .k-dropdownlist:hover,
    .app__dropdown.app-w-220 .k-dropdownlist:active,
    .app__dropdown.app-w-220 .k-dropdownlist:focus,
    .app__dropdown.app-w-220 .k-dropdownlist:visited {
        width: 190px !important;
    }
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235 {
        width: 235px !important;
    }
    .excelwizard__container .card-inner__container .include-header__text {
        width: auto !important;
    }

    .include-DB-field {
        width: 498px;
    }

    .excelwizard__section .multi-select-outer .multi-select-inner-box {
        width: 100%;
    }

    .laptop-d-none {
        display: none;
    }

    .laptop-d-block {
        display: block;
    }

    .laptop-mb-5 {
        margin-bottom: 5px !important;
    }

    .laptop-mb-10 {
        margin-bottom: 10px !important;
    }

    .include-feild .excelwizard-student-leftside {
        width: 120px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 120px) !important;
    }

    .row-feild-d-block .app-pr-30 {
padding-right: var(--space-0px) !important;
    }
    /*excelwizard ends*/
    /* Batch Entry - modals Starts */
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 320px !important;
    }

    .include-feild .relationship, #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch #option4Div #filter.app__dropdown,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div #filter.app__dropdown,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div #filter.app__dropdown {
        width: 100% !important;
    }
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown .k-dropdownlist,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 96% !important;
    }
    /* Batch Entry - modals Starts */
}
/**************************************Font-Resize **********************************************************/
@media (max-width:1280px) {
    /* Setupcenter - Settings - Default Locan Field Value - Starts*/
    #gridDefaultLocalFields .k-grid-content {
        height: calc(100vh - 930px) !important;
    }

    .default-local-field-value-help-box {
        max-height: 245px;
        overflow-y: auto !important;
    }

    .default-local-field-value-right-part {
        margin-left: 0px !important;
    }

    .default-local-field-value-left-part {
        margin-right: 0px !important;
    }

    #gridDefaultLocalFields.app-kgrid__container .k-grid-header.scroll-enabled .k-grid-header-wrap {
        overflow: hidden !important;
    }

    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap {
        flex-direction: column;
        row-gap: 20px;
        justify-content: normal;
    }

    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap > div {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Setupcenter - Settings - Default Locan Field Value - Ends*/
    #importFileSelection .app__dropdown.tab-name-dropdown-width, #importFileSelection .app__dropdown .tab-name-dropdown-width {
        width: 200px !important;
    }

    #importFileSelection .tab-width-search-bar{
        width: auto;
    }
    .tab-d-flex-wrap {
        flex-wrap: wrap;
    }

    .tab-row-gap-20 {
        row-gap: 20px;
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 610px) !important;
    }
    /*    School - > Demographics - > Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 530px) !important;
    }
    /*    School - > Demographics - > No Primary E-Mail Screen Ends*/
    .white-tooltip__popup__triangle:before, .white-tooltip__popup__triangle:after {
        left: -145px;
    }

    .tab-box-height{
        height:35px !important;
    }
    #studentNewIncident .app__togglebutton .toggle__knobs .responsive-student-toogle {
        display: none !important;
    }
    .incident-grid-edit {
        height: auto;
    }
    #studentNewIncident .app__dropdown .k-dropdownlist, #studentNewIncident .app__dropdown {
        width: 200px !important;
    }
    #divSkillsAndNarrativesView.expanded .course-skills {
        height: calc(100vh - 460px);
    }

    .app-position-absolute.abs__tar__selection {
        display: table;
margin-top: var(--space-0px);
    }
    /*School Monthly Attendance View start */
    .schedule-calendar-header {
        padding: 10px 15px;
        min-height: 52px;
    }

    .tab-school-daily__attendance-first-container .app__toggle .app__togglebutton {
        margin-right: 15px
    }

    #spnCurrentMonth {
        font-size: var(--global-text-size-xxxs);
    }

    .schedule-calendar-header .app-mr-15 {
        margin-right: 5px;
        width: 7px;
    }

    .schedule-calendar-header .app-ml-15 {
        margin-left: 5px !important;
    }

    .schedule-calendar-header .app-pt-5 {
        padding-top: 1px;
    }

    .abs__tar__selection {
        top: 57px;
        z-index: 9;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 25px;
    }
    /*School Monthly Attendance View ends */
    .demographic-app__tabstrip #screenSettings span.k-dropdownlist {
        width: 120px !important;
    }

    /*excelwizard start*/
    .relationship-block .app-table .k-grid-content td, .app-table td,
    .relationship-block .app-table th.k-header {
        padding-left: 15px !important;
    }

    .include-feild .excelwizard-student-leftside {
        width: 100px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 100px) !important;
    }

    .row-feild-d-block .app-pr-30 {
padding-right: var(--space-0px) !important;
    }

    .include-DB-field {
        width: 60%;
    }

    .excelwizard__container .app__dropdown.staffStatus-dropdown,
    .excelwizard__container .app__dropdown.staffStatus-dropdown .k-dropdownlist,
    .excelwizard__container .app__dropdown.staffStatus-dropdown .k-dropdownlist:hover {
        width: 150px !important;
    }

    .excelwizard__container .app__dropdown.selectview-dropdown,
    .excelwizard__container .app__dropdown.selectview-dropdown .k-dropdownlist {
        width: 260px !important;
    }

    /*excelwizard ends*/
    #studentsViewInfo {
        min-width: 556px !important;
    }

    #divSingleStudentTab > div, #divSingleStaffTab > div {
        margin-top: 5px;
    }

    #divDemographic .multi-select-outer #grdAvailableFields .k-grid-toolbar {
        display: flex !important;
        display: -ms-flexbox !important;
    }

    .dailyAttendance__container, .schedule__container {
margin-bottom: var(--space-0px);
    }

    body, html {
        font-size: var(--global-text-size-xxs);
    }

    #page-help-popin {
        right: 135px !important;
    }

    .app__content .students__tabs-header .nav-tabs {
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
    }
    /* Staff Toggle */
    .app__header #staffToggle .student__togglebutton .layer, .app__header #staffToggle .student__togglebutton .student__knobs {
        max-width: 200px;
    }

    .app__header #staffToggle .student__togglebutton .student__checkbox:checked + .student__knobs:before {
        width: 100px;
    }
    /* End of Staff Toggle */

    /*******Daily Attendance -> Period Attendance Starts************/
    .rotation__hover {
        left: 75px;
    }
    /*******Daily Attendance -> Period Attendance Ends************/
    #divIncidents .incidents__column {
        flex-direction: column;
    }

    #divIncidents .incidents__column .summery__section {
margin-left: var(--space-0px);
    }

    #divIncidents .incidents__column .summery__section .summary__container .app-card {
margin-top: var(--space-0px);
    }

    #divIncidents .incidents__column {
        overflow-y: hidden;
        overflow-x: auto;
    }

    #divIncidents .ap-border-radius-bottom-left-right {
        height: auto !important;
    }

    .app-res-w-100, .include-feild .relationship {
        width: 100% !important;
    }

    /*setupcenter-library-contactrelationship Starts*/
 

    .app-grid-relationcontainer-ml {
        margin-right: 10px !important;
    }
    /*setupcenter-library-contactrelationship  ends*/
}

@media (max-width:1279.98px) {
    .block-rotations-header-editor, .block-rotations-time-editor {
        width: 75%;
    }
    .default-local-rotaion-screen-height {
        height: calc(100vh - 360px);
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    .tab-invoice-charge-popup{
        height: auto !important;
        top: 5% !important;
    }

    #divInvoiceChargeBatchEntry .comments-container .seperation__line{
        display: none !important;
    }

    #divInvoiceChargeBatchEntry .app__datepicker .k-i-calendar {
        background-size: 15px;
        left: 8px;
    }

    #divInvoiceChargeBatchEntry #tableBatchInvoiceCharges tbody {
        overflow-x: hidden;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    .alternate-calendars-grid colgroup col:first-child {
        width: 15% !important;
    }
    .alternate-calendars-grid colgroup col:nth-child(3){width:25% !important;}
    /*excelwizard start*/
    .excelwizard__section .card-inner.app-p-20,
    .excelwizard__section .card-inner__container.app-p-20,
    .excelwizard__container .app-card-body .card-topbg {
        padding: 8px !important;
    }
    /*excelwizard ends*/
    .alert-modal-triangle {
        left: 85%;
    }

    .app-alert-modal {
        left: -200px !important;
    }

    .collapsed__container .alert-modal-triangle, .multiple-staff__left-container .alert-modal-triangle, .multiple-student__left-container .alert-modal-triangle {
        left: 35% !important;
    }

    .collapsed__container .app-alert-modal, .multiple-staff__left-container .app-alert-modal, .multiple-student__left-container .app-alert-modal {
        left: 100px !important;
    }
}

@media (max-width:1279px) {
    .student__image-container:hover .overlay__add-image { width:100%; height:100%; }
    .excelwizard__section #btnDownload {
        display: inline-flex;
        padding: 8px;
        align-items: center;
    }

    .gpa-credit__container {
        width: 50%;
margin-top: var(--space-0px);
        padding-left: 10px !important;
padding-right: var(--space-0px) !important;
    }

    .demograhics__container {
        margin-top: 5px;
    }

    .dailyAttendance__container {
        width: 50%;
padding-right: var(--space-0px) !important;
    }

    .schedule__container, #divSingleStaffSnapshot .dailyAttendance__container {
        width: 50%;
        padding-left: 10px !important;
    }

    #divSingleStaffSnapshot .schedule__container {
padding-right: var(--space-0px);
    }

    .penalty-summary__container, #divSingleStaffSnapshot .schedule__container {
padding-left: var(--space-0px) !important;
    }

    .invoice__container {
        width: 50%;
    }

    .invoice__container .app-card {
        margin-left: 5px;
    }

    .portfolio-card {
        height: 167px;
    }

    #divSingleStaffSnapshot .portfolio-card {
        height: auto;
        width: 50%;
        padding-left: 10px !important;
padding-right: var(--space-0px);
    }

    #divSingleStaffSnapshot .demograhics__container {
        margin-top: 10px !important;
    }
}

@media (max-width:1136px) {
    #demographicsfields .demographic__settingsscreen ul.gridheader__top.tab-gridheader__top {
        align-items: start;
padding-top: var(--space-0px);
padding-bottom: var(--space-0px);
    }

    #demographicsfields .demographic__settingsscreen ul.gridheader__top.tab-gridheader__top li {
        margin-top: 10px;
        align-items: start;
    }

    #adminPlusBtns .save__button, #adminPlusBtns .abort__button, #adminPlusBtns .save__next__button {
        margin-bottom: 10px;
    }

    #adminPlusBtns button {
        min-width: auto !important;
        padding: 7px 10px !important;
    }
}

@media (max-width:1820px) {
    #divMultipleStudentsMode .app-kgrid__container .k-grid-content, #divMultipleStudentsMode .app-kgrid__container .k-grid-content-locked {
        max-height: calc(100vh - 353px) !important;
        min-height: calc(100vh - 353px) !important;
    }

    #divGrdCourseGrades.app-kgrid__container .k-grid-header th.k-header:first-child {
        min-width: 420px;
    }

    #divGrdCourseGrades.app-kgrid__container .k-grid-header th.k-header {
        min-width: 75px;
    }
    #gridncidentCodesList colgroup col:first-child {
        min-width: 70px !important;
    }
}

@media (max-width:1600px) {
    #contactAnalysisMappingGrid .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 352px);
        max-height: calc(100vh - 352px);
    }
    #gridncidentCodesList colgroup col:first-child {
        min-width: 80px !important;
    }
    #gridCustomIncidentFieldList colgroup col:first-child {
        width: 100px !important;
    }
    #gridCustomIncidentFieldList.app-kgrid__container .k-grid-content td:last-child .k-button { 
padding-right: var(--space-0px) !important;
    }
    #divAddDropCourseSectionBatch .app__dropdown, #divAddDropCourseSectionBatch .app__dropdown .k-dropdownlist,
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown, #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown .k-dropdownlist {
        width: 150px !important;
    }

    #divAddDropCourseSectionBatch .app__dropdown .app-combo-dropdown, #divAddDropCourseSectionBatch .app__dropdown:has(.app-combo-dropdown),
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown .app-combo-dropdown, #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown:has(.app-combo-dropdown) {
        width: 330px !important;
    }

    /* Enrollment - Add Student Starts */
    .addstud__houshold .household-stud-name {
        height: auto !important;
    }

    .addstud__houshold .household-id-container {
        white-space: nowrap;
        flex-wrap: wrap;
        align-items: start;
        padding: 10px !important;
        height: auto !important;
        row-gap: 10px;
    }
    #divApprovalCenterAssignHouseholdId .addstud__houshold .household-id-container { align-items: center; }

    .addstud__houshold .grid__searchbox .allGrids__SearchBox {
        width: 170px;
    }

    .app-res-w-auto {
        width: auto !important;
    }

    #divAssignHousehold .app-border-orangeclr .addstud__houshold .household-stud-name {
        padding: 5px 10px !important;
    }

    #divAssignHousehold .app-border-orangeclr .addstud__houshold .household-stud-name .app-button {
        white-space: nowrap;
    }

    #divAssignHousehold #gridAllSchoolHousehold .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 370px) !important;
    }
    /* Enrollment - Add Student Ends */
    /* Enrollment Dashboard Starts */
    #divEnrollmentDashboard .stud-teachers-count {
        flex-wrap: wrap;
        row-gap: 20px;
padding-bottom: var(--space-0px) !important;
    }
    /* Enrollment Dashboard End */
    /*Billing Tab */
    #divBilling .gridheader__bottom {
        display: flex;
        flex-direction: column;
    }

    #divBilling .gridheader__bottom .app-push-right {
        margin-left: auto;
        margin-top: 10px;
    }

    /* Approval Center Tooltip */
    #divIncidentsHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu, #divDailyAttendanceTabstripBin .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
        margin-top: 15px !important;
    }

    #divPlusPortalHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
        margin-top: 39px !important;
    }

    #divPeriodAttendanceGrid .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
        margin-top: -9px !important;
    }

    /*Start : Approval center scalling adjustments*/
    .tab-approval-left-btns .tab-left-container-btns .approval__btn-receive-log {
margin-left: var(--space-0px) !important;
    }

    #divSuperDb .grid__searchbox .close__icon, #divPortfolio .grid__searchbox .close__icon {
        top: 9px !important;
    }

    .generic-left__section .approval-filter.app__dropdown, .generic-left__section .approval-filter.app__dropdown .k-dropdownlist {
        width: 150px !important;
    }
    /*End: Approval center scalling adjustments*/
    #divContacts .grid__searchbox .close__icon {
        top: 9px;
    }

    #studentsViewInfo {
        min-width: 646px;
    }

    div#homeGrid {
        height: calc(100vh - 270px);
    }

    .student__data .student__key, .student__data .student__value {
        padding-right: 5px !important;
    }

    .grid__searchbox .allGrids__SearchBox {
        width: 170px;
    }

    #divMultipleStudentsMode .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 366px) !important;
        min-height: calc(var(--app-height) - 366px) !important;
    }

    #divSchedulerGrid .container {
        overflow-x: auto;
    }

    .modal-table.home-card-table tbody td {
        padding: 8px 10px;
    }

    .penalty-card h3, .penalty-card ul {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .penalty-card .penalty-summary-details > div {
        padding: 7px 10px;
    }

    .penalty-card .penalty-status li {
        margin-left: 20px;
    }

    #page-help-popin {
        right: 145px !important;
    }

    #FieldLayout .form-group {
        width: 50% !important;
    }

    #demographicsfields #FieldLayout {
        padding: 20px 40px 20px 40px !important;
    }

    .muti-header-responsive .gridheader__bottom {
        padding-top: 5px;
        height: auto;
    }

    .muti-header-responsive .gridheader__bottom > li {
        padding-top: 10px;
        margin-right: 10px;
    }

    .muti-header-responsive .gridheader__bottom > li:last-child {
margin-right: var(--space-0px);
    }

    .muti-header-responsive .gridheader__bottom .app__dropdown .k-widget, .muti-header-responsive .gridheader__bottom .app__dropdown .k-widget .k-dropdown-wrap {
        width: 100px !important;
    }

    .muti-header-responsive .gridheader__bottom .inactive-check {
        margin-left: initial;
    }

    .muti-header-responsive .gridheader__bottom .group-by, .muti-header-responsive .gridheader__bottom #divAdvancedSort, .muti-header-responsive .gridheader__bottom #divAppointment, .muti-header-responsive .gridheader__bottom #lnkSendToExcel, .muti-header-responsive .gridheader__bottom #divAdvancedSort {
margin-left: var(--space-0px) !important;
    }
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout .k-picker, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 473px) !important;
    }

    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 493px) !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab #divRotInfo.attendance-date__input {
        width: auto;
    }
}

@media (max-width:991px) {
    /* End Remove later */
    .summary-view, .attendance-statistics {
        padding-right: 10px;
    }
    /* End Remove later */
}

@media (max-width:1366px) {
    #grdMasterContacts .k-grid-content {
        height: calc(100vh - 512px) !important;
    }
    /* Billing Tab */
    #divBilling #invoiceSummary .amt__section + .app-ml-20.app-mr-20 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    #divBilling #invoiceSummary .amt__section + .app-ml-20 {
        margin-left: 10px !important;
    }

    #divBilling #invoiceSummary .amt__section .amt__box {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #divIncidents .ap-gridbody .grid-section {
        width: 100% !important;
    }

    #divIncidents .ap-gridbody .summery__section {
        width: 100% !important;
padding-left: var(--space-0px);
    }

    #divIncidents .incidents__column {
        overflow-y: hidden;
        overflow-x: auto;
        flex-direction: column;
    }

    .students__tabs-header .nav-tabs > li {
        margin-right: 20px;
    }

    .students__tabs-header .nav-tabs > li:last-child {
        margin-right: 10px;
    }

    #divMultipleStudentsMode .app__gridheader .view-options .dropdown-toggle.togle-cls {
        padding-top: 10px;
    }
    /*********Send module start**************/
    #dvEmailEditor {
        height: calc(100vh - 360px);
    }
    #dvtxtEmailEditor {
        height: calc(100vh - 362px);
    }
    #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 518px) !important;
    }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 480px) !important;
    }
    .create-template-block #dvEmailEditor {
        height: calc(100vh - 345px);
    }
    .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 347px);
    }
    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 503px) !important;
    }
    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 465px) !important;
    }
    #grdScheduledEmail .k-grid-content, #grdEmailRecipientProspectList2 .k-grid-content, #grdManageEmailTemplate .k-grid-content {
        height: calc(100vh - 325px) !important;
    }
    .email-subjec-block .app-sent-view-contact {
        height: calc(100vh - 685px);
    }
    .select-recipients-block {
        height: calc(100vh - 420px);
    }
    #studentSelectionEmail .app-grey-bg {
        height: calc(100vh - 370px);
        min-height: auto;
    }
    /*********Send module ends**************/
}

@media (max-width:1200px) {
    .properties-field-wrap .app-w-50.app-min-w-700 { width: 100% !important; min-width: auto !important; }
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235, .properties-field-wrap .app__dropdown.app-w-235 {
        width: auto !important;
        min-width: 150px;
    }
    #divStudentStaffDemographicFieldOptions .single-student__filter__box, #grdDemographicsPageFieldsList {
        width: 300px !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-70 {
    width: 60% !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-30 {
        width: 40% !important;
    }
    .k-window.app-kpopup__container:has(#divAddDropCourseSectionBatch) { width:98% !important; left:1% !important; }
    .import-File-Selection #divSaveTemplateInfo #templateNameText #templatenameForEdit.app-w-400,
    .import-File-Selection .import-select-file .app-w-350px,
    .import-File-Selection #mapkey-identify-students .app-w-250 {
        width: auto !important;
    }
    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 551px) !important;
    }

    #importFileSelection .app-w-350px {
        flex: 0 0 auto;
    }
    /*******Payment screen start*********/
    .payment-tab.app-w-100,
    .payment-tab .app-w-100,
    .payment-tab .gridheader {
        display: block;
        float: none;
        top: unset;
    }
    .payment-tab.app-w-100 {
        padding-right: 10px !important;
    }
    .payment-tab .gridheader {
        margin-bottom: 15px;
    }
    .payment-tab .advance-payment-wrap {
margin-right:var(--space-0px) !important;
        padding-left:5px !important;
        padding-right:5px !important;
    }
    /*******Payment screen ends*********/
    .app-tab-pl-0 {
padding-left: var(--space-0px) !important;
    }

    .app-tab-pr-0 {
padding-right: var(--space-0px) !important;
    }

    .app-tab-mt-15 {
        margin-top: 15px;
    }

    /* Billing Tab */
    #divBilling #invoiceSummary .amt__box {
        min-width: auto;
        display: flex;
        align-items: center;
    }

    .demographics-school-info {
        height: 434px !important;
    }

    .school__reports {
margin-right: var(--space-0px) !important;
    }

    .fast-served-sub-div-tab {
        display: block !important;
    }

    .selected-text-tab,
    .served-code-tab,
    .served-date-tab {
        margin-bottom: 10px;
    }

    .divContactAddNew, .tab-popups.k-display-inline-flex.divContactEditPopup {
        width: 98% !important;
        left: 1% !important;
    }

    .width95, #portfolio_Controls .width95.app__dropdown .k-dropdownlist {
        width: 95px !important;
    }

    .contact-name-width {
        width: calc(32% - 64.5px);
    }
    /* Attendance Tab*/
    #divStaffAttendance .tab-divListView {
        min-height: auto !important;
        max-height: inherit !important;
        overflow-x: hidden;
    }

    #divStaffDailyAttendance .dailyAttendance-tab .app-card-body {
        min-height: 320px;
        height: auto;
    }

    .attendance-statistics {
        padding-left: 10px !important;
    }

    .app-d-field-block {
        display: block !important;
    }

    /*apolf superdb code*/
    #divContacts .view__optionlist, #divContacts .app__gridheader .tab-gridheader__top .togle-cls, #divPortfolio .view__optionlist, #divPortfolio .app__gridheader .tab-gridheader__top .togle-cls {
        width: auto !important;
        display: table;
    }

        #divContacts .view__optionlist .k-icon, #divPortfolio .view__optionlist .k-icon {
            margin-left: 8px !important;
            height: auto;
        }

        #divContacts .view__optionlist .dropdown-toggle .k-icon:before, #divPortfolio .view__optionlist .dropdown-toggle .k-icon:before {
            height: 20px;
            top: -2px;
        }

    #divContacts .app__dropdown .k-dropdownlist, #divContacts .app__dropdown .k-dropdownlist:hover, #divContacts .app__dropdown, #divPortfolio .app__dropdown .k-dropdownlist, #divPortfolio .app__dropdown .k-dropdownlist:hover, #divPortfolio .app__dropdown {
        width: 130px !important;
    }

    #divContacts .gridheader__bottom, #divPortfolio .gridheader__bottom {
        display: table;
        height: auto;
padding-top: var(--space-0px) !important;
        padding-bottom: 10px !important;
        width: 100%;
    }

        #divContacts .gridheader__bottom > li, #divPortfolio .gridheader__bottom > li {
            margin-top: 10px !important;
        }

    #divPortfolio .portfolio-containsbegins-button {
        padding: 5px !important;
    }

    #divLookup .contains-begins-button {
        height: auto;
    }
    /***************Send module start******************/
    #studentSelectionEmail .app-grey-bg {
        height: calc(100vh - 410px);
        min-height: 365px;
    }

    .email-subjec-block .app-sent-view-contact {
        height: calc(100vh - 690px);
    }
    #grdScheduledEmail .k-grid-content, #grdEmailRecipientProspectList2 .k-grid-content,
    #grdManageEmailTemplate .k-grid-content {
        height: calc(100vh - 360px) !important;
    }
    #dvEmailEditor, #dvtxtEmailEditor {
        height: calc(100vh - 350px);
    }
        #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 685px) !important;
        }
        #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 508px) !important;
        }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 480px) !important;
    }
    #divManageTemplates #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 450px) !important;
    }
    .create-template-block #dvEmailEditor {
        height: calc(100vh - 330px)!important;
    }
    .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 335px) !important;
    }
        .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 488px) !important;
        }
    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 460px) !important;
    }
    /***************Send module ends******************/
    /* student batch entry modal starts */
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist {
        width: 270px !important;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display h3, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display label,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display h3, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display label {
        white-space: nowrap;
    }
    /* student batch entry modal ends */
}

@media (max-width:1099px) {
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entry-select-student-by,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entry-select-student-by {
        flex-wrap: wrap;
    }
    #divSchedule .app__dropdown .k-dropdownlist, .app__dropdown, .app__dropdown.contacts-layout-dropdown .k-dropdownlist {
        width: 130px !important;
    }

    #divSchedule .view-width.app-d-flex.app-align-items-center.app-ml-30 {
        margin-left: 10px !important;
    }

    .students__tabs-header .nav-tabs > li {
        margin-right: 8px !important;
    }

    .students__tabs-header .nav-tabs > li:last-child {
        margin-right: 5px;
    }

    #page-help-popin {
        right: 128px !important;
    }

    #divContacts .app__gridheader .tab-contact__bottom .tab-search {
        width: 110px !important;
    }

    .muti-header-responsive .gridheader__top .togle-cls {
        width: 110px;
        width: 121px;
    }
}
/************************************** PHONE **************************************************************/
/*smartphones, portrait iPhone, portrait 320x480 phones (Android) */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) and (orientation : portrait) {
}

/*smartphones, landscape iPhone, landscape 320x480 phones (Android) */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) and (orientation : landscape) {
}

/*smartphones, landscape iPhone, landscape 320x480 phones (Android):common width */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) {
    .school-name {
        width: 104px;
    }

    .add-field__row span.k-dropdown-wrap.k-state-default, .add-field__input {
        width: 500px;
    }
}
/************************************** PHONE *************************************************************/

/**************************************SMALLER TABS & IPADS****************************************************/
/*smaller tablets portrait*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) and (orientation : portrait) {
    #divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
    #gridChartDetailedView.app-kgrid__container .k-grid-content {
        height: auto !important;
    }
    /*ap.com style*/
    .demographic__settingsscreen #screenSettings .k-dropdownlist {
        width: 150px;
    }
    /*ap.com style*/
    #demographicsfields #FieldLayout input,
    #demographicsfields #FieldLayout .k-combobox,
    #demographicsfields #FieldLayout .k-input,
    #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
    #demographicsfields #FieldLayout .k-datepicker.demo-field-date,
    #demographicsfields #FieldLayout .iti__selected-flag {
        margin-bottom: 10px;
    }

    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        display: -ms-flexbox;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 20px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }
    /*header medeaquery ends*/
}

/*smaller tablets landscape*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) and (orientation : landscape) {
    /*ap.com style*/
    .demographic__settingsscreen #screenSettings .k-dropdownlist {
        width: 150px;
    }
    /*ap.com style*/
    #demographicsfields #FieldLayout input,
    #demographicsfields #FieldLayout .k-combobox,
    #demographicsfields #FieldLayout .k-input,
    #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
    #demographicsfields #FieldLayout .k-datepicker.demo-field-date,
    #demographicsfields #FieldLayout .iti__selected-flag {
        width: 60% !important;
        margin-bottom: 10px;
    }

    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        display: -ms-flexbox;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }

    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .recent__students {
        margin-right: 55px;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }
    /*header medeaquery ends*/
}

/*smaller tablets landscape:common width*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) {
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 635px) !important;
    }

    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7 {
        width: 100%;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    .white-tooltip-box .app__tooltip .dropdown-menu{
        width: 500px !important;
    }
    #divMyReports .tab-reports-display-header {
        flex-wrap: wrap;
        height: 100px;
    }

    #divMyReports .tab-create-report-btn {
        margin-top: 20px;
    }

    #divMyReports .grid__searchbox .allGrids__SearchBox {
        width: 120px;
    }

    .school-report-template {
        display: block;
        height: 659px;
    }

    #divRcTemplateview .grades-tab-width-100 {
        width: 100% !important;
    }

    #divMyReports .input-group {
        margin-left: 9px !important;
    }

    .gr-tab-mt-10 {
        margin-top: 10px;
    }
    /********School -> Dashboard Screen Starts*********/
    .tab-display-charts {
        display: block;
    }

    #divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
    #gridChartDetailedView.app-kgrid__container .k-grid-content {
        height: calc(100vh - 870px) !important;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
    /********School -> Dashboard Screen Ends*********/
    /********School -> Dashboard Screen Starts*********/
    #divManageDashboard.tab__manage-page__popup {
        width: 100%;
    }

    #divAddEditWidget .manage-page__popup.tab__manage-page__popup.dashboard-home-tile .manage-page__inner-content .manage-page__inner-content.tab__manage-page__inner-content {
        width: 745px !important;
right: var(--space-0px);
        position: absolute;
        height: calc(100vh - 40px);
    }

    #divAddWidget .tab-w-400, #divManageSetting .tab-w-400, #divWidgetEdit .tab-w-400 {
        width: 400px !important;
    }

    .app-kgrid__container #grdDashbordTilesList.k-grid .k-grid-content table td.k-command-cell[role="gridcell"], .app-kgrid__container #grdDashbordChartsList.k-grid .k-grid-content table td.k-command-cell[role="gridcell"] {
padding: var(--space-0px) !important;
    }

    .select-tiles-theme img {
        width: 164px;
    }

    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 220px);
    }

    #gridWidgetLibraryDetails.app-kgrid__container table tbody tr td:nth-child(2){
        padding-left:15px !important;
    }

    .tab-specific-width {
        width: 300px !important;
    }
    /********School -> Dashboard Screen Ends*********/
    .header__leftsec {
margin-right: var(--space-0px) !important;
        display: flex;
        width: max-content;
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
    #divSelectStudentandStaff .select-container, .tab-daily-attendance-report-header-block {
        display: grid !important;
    }

    #divSelectStudentandStaff .seperation__line {
        display: none;
    }

    #divSelectStudentandStaff .select-data-text {
        width: max-content;
    }

    #divSelectStudentandStaff.select-students-staffs .select__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .db__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels,
    .tab-daily-attendance-report-header-block .abscences-text {
        margin-bottom: 20px;
    }

    .tab-attendance-container-btns {
        position: absolute;
        top: 10px;
        right: 20px;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app__dropdown {
        width: 150px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria,
    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown {
        width: 200px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input {
        width: 250px !important;
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup {
        height: calc(100vh - 360px);
    }

    .student-reports-settings .select-students-reports-box {
        height: calc(100vh - 275px);
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-left {
        width: 35%;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-right {
        width: 65%;
    }

    .register-code-block .search-limit-box.app__dropdown,
    .register-code-block .search-limit-box.app__dropdown .k-dropdownlist,
    .register-code-block .search-limit-box .app-combo-dropdown.k-dropdownlist {
        width: 200px !important;
        margin-left:5px;
    }

    .reports-student-tab {
        height: calc(100vh - 265px);
        overflow-x: hidden;
    }

    #divSortandGenerate .tab-dropdown-width {
        width: 200px !important;
    }

    #divSortandGenerate .sort__gereration {
        height: calc(100vh - 315px);
    }

    #divSelectStudentandStaff.select-students-staffs .app-radio label,
    .student-reports-settings .app-radio label {
        line-height: 20px;
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    #demographics_wrap #demographicsfields .tab-seperation__line {
margin: var(--space-0px) 5px !important;
    }

    .demographic__settingsscreen ul.gridheader__top.tab-gridheader__top {
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    #FieldLayout .col-md-5:nth-child(even) {
padding-left: var(--space-0px) !important;
    }

    .student-left-col, .student-right-col {
        width: 50% !important;
    }

    .app__header .header__leftsec li {
padding-left: var(--space-0px) !important;
    }
    /*ap.com style*/
    .demographic__settingsscreen #screenSettings .k-dropdownlist {
        width: 150px;
    }
    /*ap.com style*/
    #divSingleStudentLookupTabs .grid__searchbox .SuperDBSearchBox {
        width: auto !important;
    }

    .header__leftsec li {
        margin-right: 5px !important;
    }

    .app__header .header__rightsec .recent__students {
        margin-right: 30px !important;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 106px;
    }

    .header__leftsec li.student__add .app__add-Student.app-ml-20 {
margin-left: var(--space-0px) !important;
    }

    .school-name {
        width: 104px;
    }

    .add-field__row span.k-dropdown-wrap.k-state-default, .add-field__input {
        width: 500px;
    }

    .student__container, .contact__container, .demograhics__container, .penalty-summary__container, .incident-summary__container {
        width: 100%;
        margin-bottom: 5px !important;
padding-right: var(--space-0px) !important;
    }

    .demograhics__container {
margin-top: var(--space-0px) !important;
    }

    .decision__container {
margin-bottom: var(--space-0px) !important;
    }

    .portfolio-card {
        margin-top: 5px !important;
    }

    .incident-summary__container {
        margin-top: 10px;
    }
    /********School -> Grades -> Reports Starts*********/
    #divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 485px) !important;
    }
    /********School -> Grades -> Reports Ends*********/
    #divDemographicsReports #gridSchoolDemographicsReportsDetail .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 485px);
    }

    .editDemographicsHeight #grdImportTemplate .k-grid-content {
        height: calc(100vh - 460px) !important;
    }
}
/**************************************SMALLER TABS & IPADS********************************************/

/**************************************NORMAL TABS & IPADS*****************************************************/
/* portrait tablets, portrait iPad, small devices*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) and (orientation : portrait) {
    .schedule-rotation-height {
        height: calc(100dvh - 420px);
    }
    .block-rotation-edit-mode .schedule-rotation-height {
        height: calc(100dvh - 470px);
    }
    .setupcenter_addresslayout .block-rotation-height {
        min-height: calc(100% - 185px);
        max-height: calc(100% - 185px);
    }
    .default-local-rotaion-screen-height {
        min-height: calc(100vh - 210px);
        max-height: calc(100vh - 210px);
    }

    #setupcenterDefaultLocalFields .k-grid-content {
        min-height: calc(100vh - 585px);
        max-height: calc(100vh - 585px);
    }

    .default-local-field-value-help-box {
        min-height: max-content;
    }
    #gridSchoolIncidentsReportsDetail .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 468px);
        max-height: calc(100vh - 468px);
    }
    /*******Demograhics -> Import: Student Contacts Data Starts*********/
    .tab-import-search.tab-width-200 {
        width: 200px !important;
    }
    .editDemographicsHeight #grdImportTemplate .k-grid-content {
        min-height: calc(100vh - 400px);
    }
    .contact-import-map-fields {
        min-height: calc(100vh - 505px);
    }
    .import-screen-height {
        height: calc(100vh - 505px);
    }

    .editDemographicsHeight .start-import-details {
        height: calc(100vh - 455px);
    }

    #gridContactFileContent .k-grid-content {
        height: calc(100vh - 750px);
    }

    .tab-area-scroll {
        height: calc(100vh - 500px);
    }

    .import__testresult.tab-mt-20 {
        margin-top: 20px;
    }

    .import__testresult{
        padding-left: 0 !important;
    }
    /*******Demograhics -> Import: Student Contacts Data Ends*********/
    .tab-grades-gridheader__top {
        display: grid;
        width: 100%;
    }

        .tab-grades-gridheader__top .tabs-grades-right-section {
            position: relative;
            left: 3%;
        }
    /*apolf code*/
    .ap-gridbody .grid-section, .ap-gridbody .summery__section {
        width: 100%;
padding: var(--space-0px);
    }
    /*apolfcode*/
    .tab-h-auto {
        height: auto !important;
    }

    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        display: -ms-flexbox;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__leftsec .student__year .app-ml-20.app__year-pick {
margin-left: var(--space-0px) !important;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }
    /*header medeaquery ends*/
    /*ap.com style*/
    .demographic__settingsscreen #screenSettings .k-dropdownlist {
        width: 150px;
    }
    /*ap.com style*/   

    /*setupcenter - settings - fullnameformat*/
       
    /*setupcenter - settings - fullnameformat*/
    .app-sc-suffi-rel-width {
        width: auto !important;
    }
    #gridManagedSkillsList.app-kgrid__container .k-grid-header table colgroup col:nth-child(3),
    #gridManagedSkillsList .k-grid-content table colgroup col:nth-child(3) {
        width: 60px !important;
    }
    #gridManagedSkillsList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridManagedSkillsList .k-grid-content table colgroup col:first-child{
        width: 50px !important;
    }
}

/* landscape tablet, landscape iPad, small devices*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) and (orientation : landscape) {
    .tab-display-charts ,.active-tab-value {
        display: block;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }
    /* 1376::after create table */
        .tab-create-table, .tab-edit-table {
        width: 700px !important;
    }
    /*    1376::after create table */
    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        display: -ms-flexbox;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }
    /*header medeaquery ends*/
    /************Contact Card Colapse Expand Starts********************/
    .collapsed__container, .student__info-container {
        height: 112px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 26px;
        display: block;
        position: relative;
    }

    .collapsed__key, .collapsed__value {
        width: 400px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    

    /*setupcenter-library-contactrelationship    */    

    .app-grid-relationcontainer-ml {
        margin-right: 10px !important;
    }
    /*setupcenter-library-contactrelationship  ends*/
}

/* landscape tablet iPad, small devices:common width*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) {
    /*******Demograhics -> Import: Student Contacts Data Starts*********/
    .tab-import-flex-wrap{
        flex-wrap:wrap;
    }

    #importFileSelection .tab-width-200 {
        width: 200px !important;
    }
    /*******Demograhics -> Import: Student Contacts Data Ends*********/
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 635px) !important;
    }

    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7, #divInvoiceChargeBatchEntry .db__student-status {
        width: 100%;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    /*School -> Demographics -> Household not in Sync Screen Starts*/
    .tab-household-sync-header {
        margin-top: 20px;
        margin-right: 20px;
    }

    .household-area-scroll {
        height: calc(100vh - 420px);
    }

    #gridHHFieldsNotInSync .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 503px) !important;
    }
    #gridHHFieldsNotInSync.app-kgrid__container table colgroup col:nth-child(2) {
        width: 100px !important;
    }
    /*School -> Demographics -> Household not in Sync Screen Ends*/
    /********School -> Grades -> Reports Starts*********/
    #divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 485px) !important;
    }
    #divDemographicsReports #gridSchoolDemographicsReportsDetail .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 485px);
    }
    .editDemographicsHeight #grdImportTemplate .k-grid-content {
        height: calc(100vh - 460px) !important;
    }
    #divMyReports .tab-reports-display-header {
        flex-wrap: wrap;
        height: 100px;
    }

    #divMyReports .tab-create-report-btn {
        margin-top: 20px;
    }

    #divMyReports .grid__searchbox .allGrids__SearchBox {
        width: 180px;
    }
    .school-report-template {
        display: block;
        height: 659px;
    }

    #divRcTemplateview .grades-tab-width-100 {
        width: 100% !important;
    }

    .gr-tab-mt-10{
        margin-top:10px;
    }
    /********School -> Grades -> Reports Ends*********/
    /********School -> Dashboard Screen Starts*********/
    .tab-header-bar {
        display: flex;
        align-items: center;
    }

    #divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
    #gridChartDetailedView.app-kgrid__container .k-grid-content {
        height: calc(100vh - 870px) !important;
    }
    .tab__manage-page__inner-content .tab-width-90 {
        width: 90px !important;
    }

    #divManageDashboard .tab-d-block{
        display: block;
    }
    #gridWidgetLibraryDetails.app-kgrid__container .k-grid-content table td:nth-child(2) {
        padding-left: 15px !important;
    }
    #divDashboardLibraryView .tab-w-80px {
        width: 80px !important;
    }

    #gridWidgetLibraryDetails .contact-popup__triangle:after{
        margin-left:-20px;
    }
    #divAddEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
        height: calc(100vh - 109px);
        overflow: auto;
        overflow-x: hidden;
    }

    .color__selectionbox .default-color-box {
        gap: 32px;
    }
    /********School -> Dashboard Screen Ends*********/
    .app-kgrid__container #grdDashbordTilesList.k-grid .k-grid-content table td.k-command-cell[role="gridcell"], .app-kgrid__container #grdDashbordChartsList.k-grid .k-grid-content table td.k-command-cell[role="gridcell"] {
padding-left: var(--space-0px) !important;
    }
    .grid__searchbox.input-group {
        width: 100%;
    }
    .grid__searchbox.input-group.dashboard-searchbox { width:auto; }
    #divMultipleStudentContact-view .grid__searchbox .tab-portfolio__search {
        width: 170px;
    }
    #divSchoolSchedule .schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap {
        left: -180px;
    }
    #divSchoolSchedule .schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle {
        left: 158px;
    }
    #divRosters .app-left-blue-container .roaster-title-wrap:nth-child(3) > div:nth-child(4) {
        padding-right: 50px;
    }
    /*****Send Module All Screen Starts*****/
    #divManageTemplates .create-template-block #dvEmailEditor {
        height: calc(100vh - 290px) !important;
    }

    #divManageTemplates .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 418px) !important;
    }

    .create-template-block #divComposeEmail #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 578px) !important;
    }
    .bulletin__multi-grid-sec .multigrid__block:nth-child(even) {
padding-left: var(--space-0px);
    }
    /*****Send Module All Screen Ends*****/
    /***Enrollment Starts***/
    #divStaffDemographicFields .edit-approval-center-data, #divStudentDemographicFields .edit-approval-center-data, #divStaffDemographicFields .edit-acd input[name="EnrollmentCenter"], #divStudentDemographicFields .edit-acd input[name="EnrollmentCenter"] {
        width: 175px !important;
    }
    #divEnterDemographics #demographicsfields #FieldLayout, #divEnterStaffDemographics #demographicsfields #FieldLayout {
padding: var(--space-0px) !important;
    }
    #divEnterStudentDetails .enrollment__enterdata, #divAssignHousehold .enrollment__enterdata, #divEnterStaffDetails .enrollment__enterdata {
        min-height: auto;
    }

    .addstud__demographic .enrollment__add-demographics {
        height: calc(100vh - 782px);
    }
    /***Enrollment Ends***/
    /***Students -> Grid Schedule Starts***/
    grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {
        margin-top: 10px;
    }

    .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
    }

    .grid-schedule-left-part{
        width: 60%;
    }

    .grid-schedule-left-part .grid-current-date{
margin-left:var(--space-0px) !important;
    }
    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
margin-bottom: var(--space-0px) !important;
        margin-left: 5px !important;
    }

    .tabHomeContent.app__gridheader.app-scrollbar-normal #tabstripSchedule .no-spacing.view-width.app-d-flex.app-align-items-center {
        display: flex !important;
    }
    /***Students -> Grid Schedule Ends***/
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    .school-schedule-all-course {
        display: block;
    }

        .school-schedule-all-course .all-course-left {
            width: 100%;
        }

    .tab-right-side-section {
        margin-top: 20px;
margin-left: var(--space-0px) !important;
    }
    .school-schedule-all-course .all-course-right {
        height: max-content;
        width:auto;
    }

    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }

    .tab-mt-15 {
        margin-top: 15px !important;
    }

    .tab-display-block{
        display: block !important;
        width:50%;
    }

    .tab-mar-10{
        margin-top:10px;
    }

    .tab-mar-0{
margin-top:var(--space-0px) !important;
    }

    #divCourseAdvancedSearch .app-input input.input__box{
        width:150px !important;
    }

    #divCourseAdvancedSearch label{
        width:26%;
    }

    #divCourseAdvancedSearch .tab-length-label {
        width: 24%;
    }

    #divCourseAdvancedSearch .tab-search-button{
        position: relative;
        left:50px;
        width:fit-content;
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {
margin-left: var(--space-0px) !important;
    }

    .tab-prerequisites-box-with-input, .tab-course-link-block {
        width: 175px;
    }

    .tab-header-block{
        display:block;
    }

    .tab-width-150 {
        width: 150px !important;
    }

    .tab-ml-0 {
margin-left: var(--space-0px);
    }

    .manage-course-buttons-header {
        display: flex;
        margin-top: 20px;
    }

    #divCourseSection label {
        margin-top: 5px;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /************Batch Entry Popup common Fix Starts************/
    .app__dropdown.edit__fieldcol, .app__dropdown.edit__fieldcol .k-dropdownlist, .app__dropdown.edit__fieldcol .k-dropdownlist:hover {
        width: 150px !important;
    }

    #DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input {
        width: 120px !important;
    }

    .tab-grid-display{
        display: grid !important;
    }

    .tab-mt-20{
        margin-top:20px;
    }

    .tab-grid-display .seperation__line{
        display: none !important;
    }

    .app-radio label{
        line-height: 20px;
    }

    .comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
    .comments-container .matching-criteria-fields .db__fields,
    .comments-container .db__grade-levels .app__dropdown .k-dropdownlist,
    .comments-container .matching-criteria-fields .app-input input,
    .comments-container .matching-criteria-fields .k-combobox.form-control {
        width: 150px !important;
    }

    .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .comments-container .matching-criteria-fields .select__criteria {
        width: 100px !important;
    }

    .staff-attendance__container.multi-value .s-name {
        min-width: auto;
    }

    .daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist {
        width: 200px !important;
    }

    .daily__attendance-bulletin-settings .app-combo-dropdown.k-combobox, .daily__attendance-bulletin-settings .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker{
        width:183px !important;
    }

    .demographics-batch-entry .comments-container .matching-criteria-fields .db__fields, .demographics-batch-entry .comments-container .matching-criteria-fields .app-input input, .demographics-batch-entry .comments-container .matching-criteria-fields .k-combobox.form-control, .demographics-batch-entry .comments-container .matching-criteria-fields .k-datepicker, .demographics-batch-entry .comments-container .matching-criteria-fields .app__dropdown .k-dropdownlist {
        width: 300px !important;
    }
    /************Batch Entry Popup common Fix Ends************/
    /************Demographics -> SuperDB Starts***********/
    #grdGenericSuperDb .k-grid-content {
        height: calc(100vh - 412px) !important;
    }
    /************Demographics -> SuperDB Ends***********/
    /*********School -> Incidents Starts**********/
    #divSchoolIncidents .approval__center .expand-collapse-arrow {
        bottom: 110px !important;
    }

    #divSchoolIncidents .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu,
    #divIncidentsHoldingBinTab .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        top: -50px !important;
        left: 10px;
    }

    #divSchoolIncidents .approval__center .incidents__screen .collapse__icon {
        top: 100px;
        right: -5px !important;
    }
    /*********School -> Incidents Ends**********/
    /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
    #divSelectStudentandStaff .select-container, .tab-daily-attendance-report-header-block {
        display: grid !important;
    }

    #divSelectStudentandStaff .seperation__line{
        display: none;
    }

    #divSelectStudentandStaff .select-data-text {
        width: max-content;
    }

    #divSelectStudentandStaff.select-students-staffs .select__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .db__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels,
    .tab-daily-attendance-report-header-block .abscences-text {
        margin-bottom: 20px;
    }

    .tab-attendance-container-btns{
        position: absolute;
        top:10px;
        right:20px;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app__dropdown {
        width: 150px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria,
    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown {
        width: 200px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input{
        width: 250px !important;
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup {
        height: calc(100vh - 360px);
    }

    .student-reports-settings .select-students-reports-box {
        height: calc(100vh - 275px);
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-left {
        width: 35%;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-right {
        width: 65%;
    }

    .register-code-block .search-limit-box.app__dropdown,
    .register-code-block .search-limit-box.app__dropdown .k-dropdownlist,
    .register-code-block .search-limit-box .app-combo-dropdown.k-dropdownlist {
        width: 200px !important;
        margin-left:5px;
    }

    .reports-student-tab {
        height: calc(100vh - 265px);
        overflow-x: hidden;
    }

    .student-reports-settings {
        height: calc(100vh - 275px);
    }

    #divSortandGenerate .tab-dropdown-width {
        width: 200px !important;
    }

    #divSortandGenerate .sort__gereration {
        height: calc(100vh - 315px);
    }

    #divSelectStudentandStaff.select-students-staffs .app-radio label,
    .student-reports-settings .app-radio label {
        line-height: 20px;
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    /******School -> Daily Attendance Starts*****/
    .app-tab-h-auto{
        height: auto !important;
    }

    .correction-messages, .nurse-dismissal {
        margin-top: 15px;
    }

    .correction-messages .app-box-shadow,
    .staff-absense .app-box-shadow{
margin-right:var(--space-0px) !important;
    }

    #divPageTitle {
        max-width: max-content !important;
    }

    .tab-school-daily__attendance-first-container {
        margin-right: 10px;
    }

    .receive-attendance .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 633px) !important;
    }

    .receive-attendance .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 513px) !important;
    }

    #divAttendanceListView .k-grid-content.k-auto-scrollable, #divStaffAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 385px) !important;
    }
    /******School -> Daily Attendance Ends*****/
    /*********School -> Period Attendance Starts***********/
    #EnterPeriodAttendance .enter__period__attendance .seperation__line{
        display: none;
    }

    #EnterPeriodAttendance .enter__period__attendance #divRotInfo.attendance-date__input{
        width: auto;
        position: relative;
        left: -25px;
        top:20px;
    }
    /*********School -> Period Attendance Ends***********/
    /*****************School Screen Starts*******************/
    #divPlusPortalHoldingBinTab .min-max-width.approval__center .collapse__icon {
        position: absolute !important;
right: var(--space-0px);
    }

    .approval__center #divPeriodAttendanceHoldingBinTab #divRotInfo.attendance-date__input {
        position: absolute;
        right: -25px;
    }

    .approval-center-page .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 597px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 434px) !important;
    }

    #divIncidentsHoldingBinTab .approval__center .expand-collapse-arrow {
        bottom: 110px !important;
    }

    .approval__center.min-max-width .incidents__screen .tab-left-container-btns {
        right: 10px;
    }

    .approval__center.min-max-width #divPlusPortalHoldingBinTab .expand-collapse-arrow .collapse__icon {
        position: absolute !important;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 400px) !important;
    }

    .approval-center-page .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        top: 25px !important;
        left: 10px;
    }

    .add-date__infobox {
        width:335px;
    }

    .tab-width-auto{
        width: auto;
    }

    .tab-cal-left-col {
        display: flex;
        align-items: center;
        width:35%;
    }

    .tab-width-max-content{
        width: max-content;
    }

    .tab-ml-10{
        margin-left:10px;
    }

    .tab-new-course-bns{
        display: flex;
        flex-direction: row-reverse;
        white-space: nowrap;
    }
    /*****************School Screen Ends*******************/
    /**************Approval Center -> Period Attendance Starts****************/
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .daily_attendance-date-field {
        right: 6px;
        top: 3px;
        width: auto;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .attendance-date__input {
        width: 91px;
margin-left: var(--space-0px);
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .k-button {
        padding: 8px 5px !important;
    }

    .approval__center .daily__attendance-page .tab-approval-left-btns .input-group,
    .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab.generic-left__section .tab-approval-left-btns .input-group {
margin-left: var(--space-0px) !important;
    }

    .approval__center.min-max-width .daily__attendance-page #divPeriodAttendanceHoldingBinTab .approval-center__header-buttons {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .approval__center.min-max-width .daily__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__nolabel,
    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__nolabel {
        padding: 5px 4px !important;
    }

    .approval__center.min-max-width .daily__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__noname,
    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__noname {
        padding: 5px 5px;
    }

    .approval__center .daily__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box,
    .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box {
        margin-top: 60px !important;
    }
    /**************Approval Center -> Period Attendance Ends****************/
    /*Start:Attendance top header responsive*/
    .staff-toogle-wrap {
        flex-direction: column;
        align-items: self-start;
    }

    .attendance__left-width {
        max-width: fit-content;
    }

    .attendance__right-width {
        width: 100%;
        padding-top: 10px;
    }

    #divDailyAttendance .grid__headline {
        width: 41%;
    }

    #divDailyAttendance .tab-seperation__line {
margin: var(--space-0px) 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .summary-view, #divSummaryView .detailed-view {
padding-right: var(--space-0px) !important;
    }
    /*End : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    .excelwizard__section #excel-wizard__mode {
        width: calc(100% - 230px);
    }

    .excelwizard__section .students__tabs-header .nav-tabs > li.active > a {
        border-bottom: 3px solid var( --global-light-color-indicator) !important;
    }
    /*Start : ADMIN Lookup*/
    .field-type-selection .tab-contact-right-position, .field-type-selection .tab-portfolio-right-position, .field-type-selection .tab-superdb-right-position {
        position: relative;
        bottom: 51px;
    }

    .tab-portfolio-right-position, .tab-contact-right-position {
        margin-right: 15px;
    }

    .field-type-selection .tab-superdb-right-position {
        right: 10px;
    }

    .field-type-selection .tab-contact-d-block, .field-type-selection .tab-portfolio-d-block, .field-type-selection .tab-superdb-d-block {
        display: flex;
        display: -ms-flexbox;
    }


    #divSuperDb .tab-superdb-mb-5 {
        margin-bottom: 5px;
    }

    .app__dropdown, .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover, .app__dropdown .k-dropdownlist:active, .app__dropdown .k-dropdownlist:focus, .app__dropdown .k-dropdownlist:visited {
        width: 94px !important;
    }

    div#homeGrid {
        height: calc(100vh - 320px);
    }

    .app-custom-pagination .k-grid-pager .k-picker {
        height: 28px !important;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 427px) !important;
        min-height: calc(var(--app-height) - 427px) !important;
    }

    #divMultipleStudentsMode #grdMultiStudentSuperDb.app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 485px) !important;
        min-height: calc(var(--app-height) - 485px) !important;
    }

    #divMultipleStudentsMode .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 471px) !important;
        min-height: calc(var(--app-height) - 471px) !important;
    }

    div#homeGrid {
        height: calc(100vh - 330px);
    }

    #divMultipleStudentsMode .view__optionlist.app__dropdown.app__dropdownmenulist {
        width: auto !important;
    }

    #divMultipleStudentsMode .tab-seperation__line {
margin: var(--space-0px) 10px;
    }

    #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-superdb__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__bottom .tab-margin-bottom {
        margin-bottom: 5px;
    }

    #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-remove-pl-10, #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-remove-pl-10 {
padding-left: var(--space-0px) !important;
    }
    /*End: ADMIN Lookup*/
    /*ADMCOM - 1409 : Email*/  

    .quick-mail__container .compose-mail__right {
        width: var(--email-right-container);
    }
   
    /*ADMCOM - 1409 : Email*/
    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }

    .portfolio-edit-table {
        width: 700px !important;
    }

    #divMultipleStudentsMode.tab-divMultipleStudentsMode .tab-app-kgrid__container .k-grid-content, #divMultipleStudentsMode.tab-divMultipleStudentsMode .tab-app-kgrid__container .k-grid-content-locked {
        max-height: calc(100vh - 384px) !important;
        min-height: calc(100vh - 384px) !important;
    }
    /* 1376::after create table */
    .tab-superdb-m-0 {
margin: var(--space-0px) !important;
    }

    .tab-superdb-pb-5 {
        padding-bottom: 5px;
    }

    .tab-create-table, .tab-edit-table {
        width: 700px !important;
    }
    /*    1376::after create table */
    .tab-superdb-search__detailbox {
        width: 104px;
        text-align: left !important;
    }

    .tab-contact__search {
        width: 180px !important;
    }

    .tab-search__detailbox {
        width: 104px;
        text-align: left !important;
    }

    .tab-notes-search__detailbox {
        width: 125px;
        text-align: left !important;
    }

    .tab-ellipsis {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .app__gridheader .grid__settings {
        margin: auto;
    }

    #divDisplayContactsData {
        overflow-x: auto;
    }

    #ShowAllContactsGrid {
        width: 200%;
    }
    /*superdb */
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: -7px;
    }

    #AdivSuperDB .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 10px;
    }

    #AdivSuperDB .tab-superDB__bottom > li:nth-of-type(2) #ABtnSuperDBExport {
        margin-left: 5px !important;
    }

    .tab-superDB__search {
        width: 97px !important;
    }

    .tab-superDB-app-button {
        padding: 6px 4px;
        min-width: 76px;
    }

    #SSuperDBAddRow {
        padding: 8px 10px !important;
        width: 75px;
    }

    .tab-superDB__top {
        position: relative;
left: var(--space-0px);
top: var(--space-0px);
        height: 111px;
    }

    .tab-superDB__top > li:nth-of-type(1) {
        position: absolute;
        bottom: 11px;
    }

    .tab-superDB__top > li:nth-of-type(2) {
        position: absolute;
        bottom: 11px;
        left: 143px;
    }

    .tab-superDB__top > li:nth-of-type(3) {
        position: absolute;
        top: 11px;
        right: 10px;
    }

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 10px 5px 5px 10px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    .tab-superDB__li {
        margin-left: 3px;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap, .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 94px !important;
    }
    .app__gridheader .tab-togle-cls-superDB {
        width: 106px;
        padding: 10px 5px 5px 10px !important;
    }
    /*notes*/
    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap, .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }

    .app__gridheader .tab-note__bottom {
        height: 111px !important;
    }
    /*portfolio*/
    .tab-portfolio-ml-5 {
        margin-left: 5px;
    }

    .grid__searchbox .tab-portfolio__search {
        width: 180px;
    }

    #divSchoolDemographics .school-demographic-genericSuperDb .grid__searchbox .allGrids__SearchBox { width:auto !important; }
    #divSchoolDemographics .school-demographic-genericSuperDb .app__dropdown.app-w-260 .k-dropdownlist,
    #divSchoolDemographics .school-demographic-genericSuperDb .app__dropdown.app-w-260 .k-dropdownlist:hover,
    #divSchoolDemographics .school-demographic-genericSuperDb .app__dropdown.app-w-260 {
        width: 230px !important;
    }

    .tab-portfolio__app-button {
        padding: 6px 10px;
        min-width: 20px;
    }

    .app-kgrid__container {
        background: var(--brand-default-light-background);
    }
    #divRosters.app-kgrid__container, #divGridNoPhoto.app-kgrid__container {
        background: var(--brand-component-secondary-background);
    }
    /*one prospect grid*/
    .btnAdd, .k-button {
padding: 8px var(--space-0px) !important;
    }

    .tab-gridheader__top, .tab-gridheader__bottom {
        position: relative;
    }

    .app__gridheader .tab-gridheader__top {
        padding: 15px 10px;
        height: auto !important;
        display: table;
        width: 100%;
    }
    .app__gridheader .tab-gridheader__top.app-d-flex { display:flex; }
    .app__gridheader .tab-gridheader__bottom {
        padding: 15px 10px;
    }

    .temporary-caret.tab-caret {
        margin-left: 30px !important;
    }

    .app__gridheader .tab-togle-cls {
        width: 113px;
        padding: 10px 5px 5px 5px;
    }

    /*one prospect grid*/
    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact-global-field__wrapper {
        width: 750px !important;
        width: 768px !important;
    }

    .add-prospect__inner-container {
        height: 421px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /* Email*/
        :root {
        --email-right-container: 260px;
    }
    /*Email*/
    /* Prospects Menu */
    .navbar-collapse.collapse {
        height: auto !important; /*
        padding-bottom: 10px;*/
        overflow: visible !important;
        box-shadow: 0px 2px 2px var(--global-kendo-table-boxshadow);
        position:absolute;
        width:100%;
    }
    .navbar-collapse.collapsing {
        transition: none !important;
        overflow: hidden;
    }

    #divDocumentViewer #divPageControls .navbar-collapse.collapse {
        position: inherit;
        box-shadow:none;
    }

    .student__value {
padding-right: var(--space-0px).6em;
    }

    .student__key {
padding-right: var(--space-0px).4em;
    }

    .navbar-toggle {
        display: block;
    }
    /************Contact Card Colapse Expand Starts********************/
    .collapsed__container, .student__info-container {
        height: 112px;
    }

    .students__tabs-header .collapse-btn-wrap {
        min-height: 50px;
padding: var(--space-0px);
    }

    .app__content .students__tabs-header .nav-tabs > li > a {
        display: block;
        text-decoration: none;
margin: var(--space-0px) !important;
        padding-top: 8px !important;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 26px;
        display: block;
        position: relative;
    }

    .collapsed__key {
        width: 100px !important;
    }

    .students__tabs-header .nav-tabs > li {
margin-right: var(--space-0px);
        width: 100%;
        width: fit-content;
    }

    .student__name {
        width: 90px !important;
    }

    .collapsed__value {
        width: 120px !important;
    }

    .vr__student {
        margin-left: 10px;
        margin-right: 5px;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .attendance-statistics {
padding-right: var(--space-0px) !important;
    }

    .snapshot-details {
        width: 33%;
    }

    .divPictures, #divAddProspectPhotoView {
        height: 550px !important;
        width: 600px !important;
    }

    .admission__resolution, #divDemographic {
        width: 600px !important;
    }

    .admission__resolution, #newWindow {
        height: auto !important;
        width: 600px !important;
    }

    .admission__resolution {
        top: 100px !important;
    }

    .decision-scroll ul {
        width: 540px;
    }

    .divPictures {
        top: 150px !important;
    }

    .student__container, .contact__container, .demograhics__container, .penalty-summary__container, .incident-summary__container {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .contact__container, .student__container, .demograhics__container, .penalty-summary__container, .deleted-card-container, .registered__correction__required-card-container, .registered-card-container, .correction__required-card-container, .sent__ap-card-container, .ascii-card-container {
padding-right: var(--space-0px) !important;
    }

    #divSnapshotPanel {
margin-top: var(--space-0px) !important;
    }
    /************Snapshot Ends********************/
    /*    Admission Tabs*/
    .school-name {
        width: 104px;
    }
    /*Graphical view*/
    .tab-graphical__view {
        padding-top: 123px;
    }

    .tab__graphical-view__top {
        width: 100%;
        padding: 15px 20px;
        display: block;
        height: 106px;
    }

    .tab-graphical-top-left__container {
        width: 100%;
        padding-bottom: 10px;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .tab-graphical-top-right__container {
        width: 100%;
        justify-content: start;
        align-items: center;
    }

    .tab-graphical-top-left__inner-container {
padding-right: var(--space-0px);
        width: 100%;
        padding-bottom: 10px;
    }

    .tab-graphical-zoom__vr {
        top: 11px;
    }

    #attendanceListview .k-tabstrip-items .k-link, #attendanceListview .k-tabstrip-items li.k-state-active span.k-link {
        padding: 7px 5px 10px 5px !important;
    }
    /*List View */
    .tab-w-200 {
        width: 200%;
    }

    .tab-app__tabstrip {
        overflow-x: auto;
    }

    /* need to remove once kendo implemented*/
    .quick-mail__container .tab-app__tabstrip {
        overflow: initial;
    }
    /* End need to remove */
    /*  Provisonal requirement  */
    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }
    /* End:   Admission Tabs*/

    #single-student__mode {
        width: calc(100% - 230px);
    }

    .single-student__filter__box, #grdSingleStaffList, #grdSetupCenterList, #grdSingleStudentList, #grdAllReportsList {
        width: 230px !important;
    }
    .setup_Center #divFloatingSideBar .single-student__filter__box, #grdSingleStaffList {
        width: 300px !important;
    }

    .app__content#single-student__mode {
        width: calc(100% - 230px) !important;
    }

    .single-student__filter__box .single-student__dropdown .k-widget .k-dropdown-wrap, .single-student__dropdown .k-widget.k-dropdown {
        width: 170px !important;
    }
    /************Add Prospect Starts*****************/
    .add-prospects-text {
        display: flex;
        display: -ms-flexbox;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 255px !important;
    }

    .add-prospect-right__inner-container {
        width: 170px !important;
        overflow-x: auto;
        height: 322px !important;
    }

    .add-prospect-left__inner-container {
        width: calc(100% - 170px);
    }

    #prospectHouseholdID {
        width: 185px;
    }

    .add-prospect__inner-container {
        height: 570px !important;
    }
    /************Add Prospect Ends*****************/
    .students__tabs-header .nav-tabs > li > a {
padding: 5px var(--space-0px) 1px 0px !important;
margin: var(--space-0px) 0 4px 0;
    }

    .students__tabs-header .nav-tabs > li.active > a, .app__content .students__tabs-header .nav-tabs > li.active > a, .app__content .students__tabs-header .nav-tabs > li > a:hover {
        border-bottom: none !important;
        color: var(--global-light-color-indicator) !important;
        font-weight: var(--gloabl-default-font-weight) !important;
    }

    .students__tabs-header .nav-tabs > li.active #tabOsSnapshot {
padding: var(--space-0px) !important;
    }

    .navbar-collapse.in {
        overflow-y: visible !important;
    }

    .students__tabs-header .nav-tabs {
        padding-right: 15px;
    }
    /* End Prospects Menu */
    /**************Send module start*****************/
    .students__tabs-header.email-tabs-header .nav-tabs > li.active > a {
        border-bottom: none !important;
    }
    /**************Send module ends*****************/
    /********All Popup's Starts***********/
    .contact-global-field__wrapper {
        top: 400px !important;
        width: 745px !important;
    }

    .map__household, .contact__address {
        top: 150px !important;
    }

    .setup__contacts {
        width: 650px !important;
        top: 400px !important;
        left: 400px !important;
    }

    .contact-salutation, .contact-setting-global-add-field__wrapper, .validateWidth__setup {
        top: 400px !important;
    }

    #btnSuperDBTableDelete {
        padding-bottom: 10px !important;
    }

    .portfolio-height {
        margin-top: 70px !important;
    }

    .portfolio__grid-header {
        position: absolute;
        top: 100px !important;
        width: 700px !important;
    }

    .portfolio__add-window {
        height: 800px !important;
        width: 700px !important;
        top: 20px !important;
    }

    .portfolio-buttons {
        padding-left: 15px !important;
    }

    .category-dropdown {
        width: 66%;
    }

    .portfolio-addcategory {
        margin-left: 10px !important;
        margin-top: 3px;
    }

    .portfolio-radiobuttons {
        margin-bottom: 10px !important;
    }

    .top-search-panel {
margin-left: var(--space-0px) !important;
    }

    #divDisplayProspects {
        position: absolute;
        width: 360px !important;
        left: 300px !important;
        top: 50px !important;
    }

    .portfolio-allignment, .portfolio-datasource {
padding-left: var(--space-0px) !important;
    }

    #portfolio_Controls > div, .portfolio-left > div {
        display: flex;
        display: -ms-flexbox;
    }

    #divUserNameGrid .k-grid-content.k-auto-scrollable.km-widget.km-native-scroller {
        height: 154px !important;
    }

    #userNameGrid {
        height: 194px !important;
    }

    .household__popup {
        width: 755px !important;
        height: 700px !important;
        top: 400px !important;
    }

    #leftHouseholdSearchbox {
        width: 160px !important;
    }

    .visible-data {
        margin-bottom: 5px !important;
    }

    .prospect__buttons {
padding-left: var(--space-0px) !important;
    }

    #EnrollmentGrid {
        margin-top: 30px !important;
    }

    .advanced-sort, .email-data, .bookmark-table, .bookmarked-details {
        display: flex;
        display: -ms-flexbox;
    }

    .sort-radio {
        width: 50%;
        float: right;
    }

    .email-template {
        width: 469px !important;
    }

    .email-name {
        width: 25%;
    }

    .bookmarked__text {
        width: 152px;
    }

    .contains-search {
        width: 87px;
        margin-left: 35px;
    }

    #divAddBookmarkedProspects #bookmarkDescription {
        width: 140px;
    }

    .bookmarked-save {
        position: absolute;
        right: 5px !important;
        margin-bottom: 10px !important;
    }

    .search-by-dropdown {
margin-top: var(--space-0px) !important;
    }

    .add-edit__task {
        top: 200px !important;
    }

    #divAddTask #txtTaskName {
        width: 571px !important;
    }

    .status-length {
        width: 8% !important;
    }

    #lblPortfolioTitle {
        position: relative;
        top: 30px !important;
    }

    .contains-btn {
        width: 85px !important;
        right: 65px;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: calc(100% - 230px) !important;
        height: calc(100vh - (var(--header-height))) !important;
        overflow-y: auto;
        position: absolute;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 143px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 291px !important;
        padding: 10px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .tasks-home-screen {
        width: 100% !important;
    }

    .tab-home__tiles-box .appointments-home-screen {
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .fixed-tiles {
        min-width: 442px !important;
        width: 100%;
    }

    .tab__manage-page__popup {
        width: 90%;
        height: 100%;
        padding: 10px;
    }

    .tab__manage-page__inner-content {
        height: 96%;
        width: calc(100% - 25px);
        right: 15px !important;
        position: absolute;
    }

    .tab__manage-page__inner-content .tab-app__tabstrip .app-kgrid__container {
        background: transparent;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .tab__manage-page__inner-content .tab-app__tabstrip .res-px-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .select-tiles-theme .filter__label, .select-charts-theme .filter__label {
        margin-right:10px;
    }

    .select-tiles-theme img {
        width: 184px;
    }

    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 220px);
    }

    .select-charts-theme img {
        width: 285px;
    }

    .save-settings, .cancel-settings {
padding: var(--space-0px) !important;
    }

    .tab__manage-page__popup .add-new-tile-button {
        margin-right: 10px !important;
    }

    .add__bookmarked-prospects {
        overflow-x: hidden;
    }
    
    .tab__manage-page__popup .home-add__btn {
        height: 12px;
margin: var(--space-0px) !important;
        padding-right: 5px !important;
    }

    .manage-home-popup.app-kgrid__container .k-grid-content table td {
        text-overflow: clip !important;
    }

    .tab__manage-page__popup .home-settings {
        width: 105px !important;
padding: 2px var(--space-0px) !important;
    }
    .bookmarked__text {
        width: 70% !important;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }

    .bookmark-helptext {
        position: absolute;
        right: 24px;
        top: 176px;
    }

    .tab-search-bookmarks {
        width: 265px !important;
    }
    /**********Home Screen Responsive Ends*******/
    .tab-add-new__tiles .add-new-tile__inner-content {
        width: 630px !important;
    }

    .tab-add-new__tiles .add-new-tile__popup {
        width: 670px !important;
    }

    .tab-add-new__tiles .tab-tiles {
padding-left: var(--space-0px) !important;
padding-right: var(--space-0px) !important;
        position: absolute;
        right: -74px;
margin-top: var(--space-0px) !important;
    }

    .add-new-tile__inner-content .seperation__line {
        display: none;
    }
    .students-bookmarks-yellow {
        top: -13px;
        right: 58px;
    }

    .prospects-bookmarks {
        top: -13px;
    }

    #divAlertWindow_wnd_title.k-window-title {
        padding-bottom: 4px;
    }

    .portfolio-add-school {
        width: 205px;
    }

    /******ADMCOM-1412 Ends***********/
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    .single-student__filter__box .app-radio label {
        margin-right: 10px;
    }

    .schedule__box #divSnapshotScheduler {
padding: var(--space-0px);
    }

    .schedule__box ul li.active {
        padding: 8px 17px 5px !important;
    }

    .schedule__box ul li {
        padding: 8px 6px 5px;
    }

    .attendance__window {
        width: 600px !important;
        left: 100px !important;
        top: 200px !important;
    }

    .alert-multi-student {
        bottom: 2px !important;
        left: 165px !important;
    }

    #FieldLayout .col-md-5:nth-child(even), .app__header .header__leftsec li {
padding-left: var(--space-0px) !important;
    }

    .app__header .header__leftsec li.app__schoolname {
        width: 30%;
    }

    .demograhics__container {
        margin-top: 5px;
    }

    .containsbegins-button {
        width: 100px;
    }

    #divSuperDb .close__img {
        margin-top: 6px;
    }

    .tab-popups.k-display-inline-flex {
        width: 80% !important;
        left: 13% !important;
    }

    .schedule__container .app-card-body {
        overflow-y: auto;
        overflow-x: hidden;
    }

    #EnterDailyAttendance .app__dropdown .k-dropdownlist, .admission__resolution, #divDemographic, 
    .daily-attendance-quick-entry .app__dropdown.quick-entry-student-name .app__dropdown .k-dropdownlist {
        width: auto !important;
    }

    .incidents__container {
        height: calc(100vh - 290px);
        overflow-y: auto;
    }

    #divGridContact .k-grid-content td, .app-kgrid__container td {
        padding-right: 10px !important;
    }
    /***********approval Center Starts************/
    .approval-center__gridheader button, .form__approvalsec button {
        min-width: 40px;
    }

    .app-button.app-button__noname span,
    .min-max-width .form__approvalsec .app-button span,
    .form__approvalsec .app-button span, .approve-form-btn,
    .approval__center.min-max-width .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        display: none;
    }

    .approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        background: var(--brand-tabs-component-background) !important;
    }

    .min-max-width.approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        display: none;
    }

    .min-max-width.approval__center .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        background: none !important;
    }

    .min-max-width.approval__center .settings-btn,
    .min-max-width.approval__center .approve-btn {
        margin-top: 10px;
    }

    .min-max-width.approval__center #divGradesHoldingBinTab .approve-btn {
margin-top: var(--space-0px);
    }

    .min-max-width.approval__center .hamburger-menu {
        display: block;
    }

    .approval__center .form-name-info {
        bottom: 40px;
        left: -45px;
        position: absolute;
    }

    .min-max-width.approval__center .collapse__icon {
        position: absolute;
        top: 50px;
    }

    .approval-center-right-data {
        display: grid;
    }

    .approval-center-right-data div {
        padding-bottom: 5px;
    }

    .approval-center-right-data .approval-center-forms {
margin-left: var(--space-0px) !important;
    }

    .approval-center-forms-checkbox {
        width: 100%;
    }

    .overview__screen .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 89px;
    }

    .generic__formtabstrip .k-icon-button.k-tabstrip-prev {
top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .generic-left__section {
        width: 40%;
    }

    .approval__center.min-max-width .right__section {
        width: 60%;
    }

    .approval__center.min-max-width .toggle__knobs,
    .approval__center .toggle__knobs,
    .approval__center.min-max-width .toggle__checkbox {
        width: 50%;
    }

    .approval__center.min-max-width .form-name-info {
        bottom: 70px;
left: var(--space-0px);
    }

    .approval__center.min-max-width #divButtons > div:first-child {
margin-left: var(--space-0px);
    }

    .approval__center.min-max-width .form__approvalsec {
        min-height: 100px;
    }

    .approval__center .port-folio-data-cntnr {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .approval__center .port-folio-data-cntnr .contact-card-cntnr {
padding: var(--space-0px) !important;
    }

    .generic-left__section .k-tabstrip .k-content.k-active {
        padding-top: 15px;
    }

    .hamburger-menu span {
        display: block !important;
    }

    .approval__center.min-max-width .approval__btn-receive-log {
        margin-top: 10px;
    }

    #divGradesHoldingBinTab.generic-left__section .approval__btn-receive-log {
margin-top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items {
        top: -10px;
    }

    .approval__center.min-max-width .forms-name-right-container {
        width: 43%;
    }

    .approval__center.min-max-width .forms-name-last-container {
        width: 60%;
    }

    .approval-admissions-page .approval__center.min-max-width .forms-name-last-container {
        width: 100%;
    }

    .form__approvalsec .app-primary-btn__img {
margin: var(--space-0px);
    }

    .approval__center.min-max-width .reg__form {
        margin-top: 10px;
    }

    .wizzard-app__content.app__content .students__tabs-header .nav-tabs {
        display: flex !important;
    }

    .wizzard-app__content .seperation__line {
        display: none;
    }

    .app__menubar .side__menubar li a#ExcelWizardMenu {
        height: 65px !important;
    }

    .card-inner__container .include-header__text {
        width: 80px;
    }

    .approval__center.min-max-width .tab-left-container-btns .app-primary-btn-container {
        margin-left: 5px;
    }

    .approval__center.min-max-width .approval-center__gridheader {
margin-bottom: var(--space-0px) !important;
    }

    .approval__center.min-max-width .tab-left-container-btns {
        margin-bottom: 10px;
        position: relative;
        right: 10px;
    }

    .approval__center.min-max-width .seperation__line {
margin: var(--space-0px) 15px;
    }

    .approval__center .form__approvalsec {
        padding: 20px;
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 450px);
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 450px);
    }

    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 445px) !important;
    }

    .generic__formtabstrip .k-icon-button.k-tabstrip-next {
top: var(--space-0px) !important;
    }

    .approval__center .app__toggle .app__togglebutton {
        position: absolute;
        bottom: 15px;
    }

    .approval__center.min-max-width .app__togglebutton {
        position: absolute;
        bottom: 20px !important;
    }

    .approval__center .tab-left-container-btns {
        padding-top: 40px;
    }

    .approval-admissions-page .approval__center .tab-left-container-btns {
padding-top: var(--space-0px);
    }

    .approval__center.min-max-width .tab-left-container-btns,
    .approval__center .tab-left-container-btns.incidents-left-container-btns {
padding-top: var(--space-0px);
    }

    .approval__center .approval-formdropdown {
        top: -10px;
padding: 20px var(--space-0px);
    }

    .approval__center.min-max-width .approval-formdropdown {
padding: var(--space-0px);
    }

    .approval__center .approval__btn-receive-log {
margin-left: var(--space-0px) !important;
    }

    .approval__center.min-max-width .approval__btn-receive-log {
        margin-left: 10px !important;
    }

    .approval__center .expand__icon,
    .approval__center expand-collapse-arrow {
        position: absolute;
    }

    .approval__center .expand-collapse-arrow {
        position: relative;
        bottom: 110px;
    }

    .approval__center .expand__icon {
        position: absolute;
        top: 60px;
right: var(--space-0px);
    }

    .penalty-card {
margin-top: var(--space-0px);
    }

    .incident-summary__container {
        margin-bottom: 10px !important;
    }

    .approval__center.min-max-width .approvalcntr-forms-sec__last-content,
    .approval__center.min-max-width .approvalcntr-forms-sec__first-content {
        width: auto;
    }

    .approval__center .plusportals-left-tab-header-buttons .approval__btn-receive-log,
    .approval__center .plusportals-left-tab-header-buttons .approval__btn-print-form,
    .approval__center .plusportals-left-tab-header-buttons .approval__btn-delete-form,
    .approval__center .plusportals-left-tab-header-buttons .approval__btn-receive-form {
        margin-left: 5px !important;
    }

    .approval__center.min-max-width .plusportals-left-tab-header-buttons .approval__btn-receive-log,
    .approval__center.min-max-width .plusportals-left-tab-header-buttons .approval__btn-print-form,
    .approval__center.min-max-width .plusportals-left-tab-header-buttons .approval__btn-delete-form,
    .approval__center.min-max-width .plusportals-left-tab-header-buttons .approval__btn-receive-form {
        padding-left: 10px;
    }
    /***********approval Center Ends************/
    /*Start : approval center responsive : plus portal*/
    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 86px;
    }

    .approval__center .approval-center__global .form-name-info {
        top: 2px !important;
        left: auto !important;
        right: 5px !important;
        position: absolute;
    }

    .approval__center .approval-center__global .form__approvalsec {
        position: relative;
    }

    .approval__center .approval-center__global .toggle__knobs, .approval__center .approval-center__global .toggle__knobs, .approval__center.min-max-width .toggle__checkbox {
        width: 100%;
    }

    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 70px;
    }
    /*End : approval center responsive : plus portal*/
    /********Attendance Tab Toogle Button Starts********/
    .tab-attendance-toggle.app__toggle .app__togglebutton .layer, .app__header .app__toggle .app__togglebutton .toggle__knobs {
        max-width: 180px !important;
    }

    .tab-attendance-toggle.app__toggle .app__togglebutton .toggle__knobs:after {
        right: 105px;
    }

    .tab-attendance-toggle.app__toggle .app__togglebutton .toggle__knobs:before {
        width: 80px;
    }

    .tab-attendance-toggle.app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        left: -3px;
    }

    .tab-attendance-toggle.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 72px;
        width: 104px;
    }
    /********Attendance Tab Toogle Button Ends********/
    /***********Approval Center Daily Attendance Starts************/
    .daily_attendance-date-field {
        position: absolute;
        top: 35px;
        width: 220px;
    }
    /*********Approval Center -> Incidents Starts**********/
    .approval__center.min-max-width .incidents-column-box-outer .tab-approval-left-btns {
margin-top: var(--space-0px);
    }

    .incidents-right-container .form__approvalsec-ul {
        height: auto;
    }

    #divDailyAttendenceSettingsInfo {
        margin-top: 45px;
    }

    .approval__center .incidents-left-container-btns .tab-approve-form-btn {
        min-width: auto;
        padding: 5px 8px;
    }

    .approval__center .incidents-left-container-btns .tab-approve-form-btn .icon-name {
        display: none;
    }

    .approval__center.min-max-width .incidents-left-container-btns .expand-collapse-arrow {
        position: absolute;
        bottom: 55px;
right: var(--space-0px);
    }

    .approval__center .incidents-left-container-btns .expand-collapse-arrow {
        bottom: 55px;
        right: -7px;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 415px) !important;
    }
    /*********Approval Center -> Incidents Ends**********/

    /*********School -> Daily Attendance Starts***********/
    .tab-school-daily__attendance-second-container,
    .tab-school-daily__attendance-third-container,
    .tab-school-daily__attendance-last-container {
        padding-left: 10px !important;
        margin-top: 15px;
    }

    .tab-school-daily__attendance-first-container,
    .tab-school-daily__attendance-second-container,
    .tab-school-daily__attendance-third-container,
    .tab-school-daily__attendance-last-container {
        padding-right: 10px !important;
    }
    /*********School -> Daily Attendance Ends***********/
    .summary__container .app-card {
        margin-top: 20px;
    }

    .summery__section {
margin-left: var(--space-0px) !important;
    }
    /*setupcenter-library-contactrelationship    */
    #divContactRelationshiptable.app-grid-relationcontainer, #divContactSuffixtable.app-grid-relationcontainer {
        width: 100% !important;
    }

    .app-grid-relationcontainer-ml {
        margin-right: 10px !important;
    }
    .app-sc-suffi-rel-width {
        width: auto !important;
    }
    /*setupcenter-library-contactrelationship  ends*/
}

/**************************************SMALLER DESKTOP********************************************************/
@media only screen and (min-device-width :992px) and (max-device-width : 1024.98px) and (orientation : portrait) {
    .block-rotation-edit-mode .schedule-rotation-height .block-table-rotation tbody {
        max-height: calc(100dvh - 500px);
    }

    .schedule-rotation-height .block-table-rotation tbody {
        max-height: calc(100dvh - 455px);
    }

    .block-rotation-edit-mode .schedule-rotation-height, .schedule-rotation-height {
        height: auto;
    }
    /* Setupcenter - Settings - Default Locan Field Value - Starts*/
    #gridDefaultLocalFields .k-grid-content {
        height: 830px !important;
    }

    .default-local-field-value-help-box {
        max-height: 200px;
        overflow-y: auto !important;
    }

    .default-local-field-value-right-part {
        margin-left: 0px !important;
    }

    .default-local-field-value-left-part {
        margin-right: 0px !important;
    }

    .default-local-rotaion-screen-height {
        height: calc(100vh - 200px);
    }

    #gridDefaultLocalFields.app-kgrid__container .k-grid-header.scroll-enabled .k-grid-header-wrap {
        overflow: hidden !important;
    }

    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap {
        flex-direction: column;
        row-gap: 20px;
        justify-content: normal;
    }

    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap > div {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Setupcenter - Settings - Default Locan Field Value - Ends*/
    .contact-import-map-fields {
        min-height: calc(100vh - 455px);
    }
    .editDemographicsHeight .start-import-details {
        height: calc(100vh - 420px);
    }

    #gridContactFileContent .k-grid-content {
        height: calc(100vh - 708px);
    }

    .tab-area-scroll {
        height: calc(100vh - 467px);
    }

    .import__testresult.tab-mt-20 {
        margin-top: 20px;
    }

    .import__testresult {
        padding-left: 0 !important;
    }

    .tab-area-scroll .tab-port-w-100 {
        width: 100% !important;
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 933px) !important;
    }
    /*    School - > Demographics - > Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 855px) !important;
    }
    /*    School - > Demographics - > No Primary E-Mail Screen Ends*/
    #divMyReports .grid__searchbox .allGrids__SearchBox {
        width: 250px;
    }
    .tab__manage-page__popup.dashboard-home-tile {
        width: 895px !important;
    }
    #divManageSetting .tab__manage-page__popup.dashboard-home-tile {
        width: 800px !important;
    }

    #grdDashbordTilesList .k-grid-content .k-command-cell, #grdDashbordChartsList .k-grid-content .k-command-cell {
padding-left: var(--space-0px) !important;
    }

    #divWidgetEdit .manage-page__inner-content {
        right: auto !important;
        width: auto !important;
    }

    #divSchoolDemographics.tab-content {
        height: calc(100vh - 142px);
    }

    .editDemographicsHeight #grdImportTemplate .k-grid-content {
        height: calc(100vh - 435px) !important;
    }

    .attendance-date__input button#Date, .linking-tab-dropdown-width, .linking-tab-dropdown-width .tab-spec-width {
        width: 200px;
    }

    #divSchoolSchedule .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 429px) !important;
    }

    #divSchoolSchedule .approval__center .collapsed__div.generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 406px) !important;
    }

    #divSchoolLookupTabs .receive-incidents.approval__center .collapsed__div.generic-left__section #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 395px) !important;
    }

    #divLineSchedule .app__gridheader ul{
        margin-top: 70px !important;
    }

    #grdImportTemplate .k-grid-content {
        height: calc(100vh - 370px) !important;
    }

    #divStaffDemographicFields .edit-approval-center-data, #divStudentDemographicFields .edit-approval-center-data, #divStaffDemographicFields .edit-acd input[name="EnrollmentCenter"], #divStudentDemographicFields .edit-acd input[name="EnrollmentCenter"] {
        width: 245px !important;
    }

    #demographicsfields #FieldLayout {
padding: var(--space-0px) !important;
    }

    .approval__online-forms .right__section-inner-content .approval_center__panel-section, .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 460px) !important;
    }

    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 489px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content, .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content, .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 430px) !important;
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 405px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content, .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content, .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content, .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 394px) !important;
    }

    .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 576px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 560px) !important;
    }

    .approval-center-page .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 565px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 443px) !important;
    }

    .approval-center-page .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 420px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 360px) !important;
    }

    .approval-center-page .approval__center.min-max-width .incidents__screen #divIncidentsHoldingBinTab.generic-left__section .hamburger-menu {
        top: -60px !important;
        left: 10px;
    }
    /*** School -> Manage Course & Sections Starts***/
    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 240px) !important;
    }
    .tab-blue-container-div .tab-description-div {
        width: 100% !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }
    .school-schedule-cover .tab-header-block, .school-schedule-cover .tab-header-block {
        display: flex;
    }

    .school-schedule-all-course {
        display: block;
    }

        .school-schedule-all-course .all-course-left {
            width: 100%;
        }

    .tab-right-side-section {
        margin-top: 20px;
margin-left: var(--space-0px) !important;
    }

    .school-schedule-cover .tab-search-input-width {
        width: max-content !important;
    }

    #divCourseAdvancedSearch #divSearchCourseList #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 900px) !important;
    }
    #divCourseDetailsView #anrCoursePrerequisites {
        margin-top: 22px !important
    }

    .tab-prerequisites-box-with{
        margin-top:20px !important;
    }

    .prerequisites-tab-button-position.course-prerequisites {
        margin-top: 31px !important;
    }

    #divCourseDetailsView #anrCourseLink {
        margin-top: 32px !important;
    }

    .school-schedule-all-course .all-course-right {
        height: min-content;
        width: auto;
    }
    /*** School -> Manage Course & Sections Ends***/
    /***Students -> Grid Schedule Starts***/
    .tab-mar-top-10, #divCourseDetailsView .studentDataEntry ,.grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {
        margin-top: 10px;
    }

    .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
        width: 53%;
    }

    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
margin-bottom: var(--space-0px) !important;
        margin-left: 5px !important;
    }

    .grid-schedule-right-part .add-scheduled-btns {
        float: left;
    }

    .grid-schedule-left-part {
        width: 47%;
    }

    .tab-margin-0, .tab-manage__courselink-box, .tab-manage__courselink-input-box, .grid-schedule-left-part .grid-current-date {
margin-left: var(--space-0px) !important;
    }
    /***Students -> Grid Schedule Ends***/
    /*****Send Module All Screen Starts*****/
    .app-w-tab-100 {
        width: 100% !important;
    }
    .excelwizard__container form {
        height: calc(100vh - 200px);
    }

    .excelwizard__section #excel-wizard__mode .app-card {
        height: auto !important;
    }
    .app-mb-tab-15 {
        margin-bottom: 15px;
    }
    .app-flex-column-tab {
        flex-direction: column;
    }
    /*****Send Module All Screen Ends*****/
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    .tab-header-block {
        display: block;
    }

    .tab-width-150 {
        width: 150px !important;
    }

    .school-schedule-all-course .all-course-left {
        width: 100%;
    }

    .tab-prerequisites-box-with-input, .tab-course-link-block {
        width: 175px;
    }

    .tab-button-position {
        position: relative;
        top: 20px;
    }

    .tab-pl-10 {
        padding-left: 10px !important;
    }

    .tab-prt-10 {
        padding-right: 10px !important;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    #grdCalendarView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 455px) !important;
    }

    #divNarrativesView.expanded .narratives-scroll {
        height: calc(100vh - 495px) !important;
    }

    #divSchoolDailyAttendance .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 646px) !important;
    }

    #divSchoolDailyAttendance .approval-center-page .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 426px) !important;
    }

    #gridSchoolDailyAttendanceList {
        width: auto !important;
    }

    .bulletin__multi-grid-sec .multigrid__block:nth-child(even) {
padding-left: var(--space-0px);
    }

    .nurse-dismissal{
        margin-top:20px;
    }
    
/********School -> Reports -> Generate -> Daily Attendance Report Starts********/
    #divSelectStudentandStaff .select-container, .tab-daily-attendance-report-header-block {
        display: grid !important;
    }

        #divSelectStudentandStaff.select-students-staffs .select__grade-levels,
        #divSelectStudentandStaff.select-students-staffs .db__grade-levels,
        #divSelectStudentandStaff.select-students-staffs .view__grade-levels,
        .tab-daily-attendance-report-header-block .abscences-text {
            margin-bottom: 20px;
        }

    .tab-attendance-container-btns {
        position: absolute;
        top: 10px;
        right: 20px;
    }

    #divSelectStudentandStaff .seperation__line {
        display: none;
    }

    .reports-student-tab {
        height: calc(100vh - 260px);
    }

    .student-reports-settings .select-students-reports-box {
        height: calc(100vh - 275px);
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup {
        height: calc(100vh - 360px);
    }

    #divSortandGenerate .sort__gereration {
        height: calc(100vh - 320px);
    }

    #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
        width: 54%;
    }

    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .single-student__dropdown,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .app__dropdown.single-student__dropdown .k-dropdownlist,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .app__dropdown.single-student__dropdown .k-dropdownlist:hover {
        width: 440px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input {
        width: 350px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
        width: 42%;
    }

    .register-code-block .search-limit-box.app__dropdown,
    .register-code-block .search-limit-box.app__dropdown .k-dropdownlist,
    .register-code-block .search-limit-box .app-combo-dropdown.k-dropdownlist,
    .register-code-block .search-limit-box {
        width: auto !important;
        margin-left:5px;
    }

    .select-tiles-theme img {
        width: 190px;
    }

    #divDashboardThemeView.dashboard-scroll{
        height:calc(100vh - 240px);
    }

    #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll{
        overflow: auto;
    }

    .register-code-block .tab-search-box-input, #divAddWidget .manage-page__inner-content, #divAddWidget .manage-page__popup, #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app__dropdown {
        width: auto !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria,
    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown {
        width: 200px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input {
        width: 250px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .app-radio label,
    .student-reports-settings .app-radio label {
        line-height: 20px;
    }

    .student-reports-settings {
        height: calc(100vh - 275px);
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    /***School -> Period Attendance Starts***/
    .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 660px) !important;
    }

    .period-attendance-dashboard .receive-attendance .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 500px) !important;
    }

    #divPeriodAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 378px) !important;
    }
    /***School -> Period Attendance Ends***/
    #FieldLayout .col-md-5:nth-child(even) {
        padding-left: 00px !important;
    }

    #FieldLayout .form-group {
        width: 100% !important;
margin-top: var(--space-0px);
    }

    .approval__center.min-max-width .daily__attendance-page .daily_attendance-date-field,
    .approval__center.min-max-width .period__attendance-page .daily_attendance-date-field {
        top: 10px;
right: var(--space-0px);
    }

    .approval__center.min-max-width .daily__attendance-page .attendance-date__input,
    .approval__center.min-max-width .period__attendance-page .attendance-date__input {
        width: 150px;
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .period__attendance-page .expand__icon {
        left: -35px;
        top: 55px;
    }

    .approval__center .daily__attendance-page .expand-collapse-arrow,
    .approval__center .period__attendance-page .expand-collapse-arrow {
        bottom: 50px;
        left: 5px;
    }

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 500px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 350px) !important;
    }
    /***********Approval Center Daily Attendance Ends************/
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 468px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content, .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 445px) !important;
    }

    .approval__plus-portal .approval_center__panel-section.demographic__panel {
        height: auto;
    }

    #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 545px) !important;
    }

    .approval__center.min-max-width #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 515px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 450px) !important;
    }

    /*******Daily Attendance -> Period Attendance Starts************/
    .approval__center.min-max-width .rotation__hover {
        left: 63px;
    }
    /*******Daily Attendance -> Period Attendance Ends************/
}
/**************************************SMALLER DESKTOP********************************************************/
/* low-res laptops and desktops portrait*/
@media only screen and (min-device-width :992px) and (max-device-width : 1024.98px) and (orientation : portrait) {
    #gridSchoolIncidentsReportsDetail .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 468px);
        max-height: calc(100vh - 468px);
    }
    /*******Demograhics -> Import: Student Contacts Data Starts*********/
    .import-screen-height {
        height: calc(100vh - 470px);
    }
    /*******Demograhics -> Import: Student Contacts Data Ends***********/
    /********School -> Dashboard Screen Starts*********/
    .tab-display-charts {
        display: block;
    }

    #divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
    #gridChartDetailedView.app-kgrid__container .k-grid-content {
        height: calc(100vh - 870px) !important;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
    /********School -> Dashboard Screen Ends*********/
    #divAddWidget .tab-w-400, #divManageSetting .tab-w-400 {
        width: 400px !important;
    }
    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 680px) !important;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap, .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__add-Student {
        width: 130px !important;
    }
    /*header medeaquery ends*/
    /***********Approval Center Daily Attendance Starts************/
    #formPlusPortal .approval__center.min-max-width .generic-left__section .hamburger-menu,
    #frmDailyAttendance .approval__center.min-max-width .generic-left__section .hamburger-menu {
        top: -20px !important;
    }

    .approval__center .tab-left-container-btns.incidents-left-container-btns {
top: var(--space-0px);
    }

    .approval__center .incidents-column-box-outer .expand-collapse-arrow {
bottom: var(--space-0px);
    }

    .approval__center.min-max-width .incidents-column-box-outer .hamburger-menu {
margin-top: var(--space-0px) !important;
    }

    .min-max-width.approval__center .approval__online-forms .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after,
    .approval__online-forms .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 80px;
    }

    .approval__center #divHoldingBinTab.incidents-column-box-outer .k-grid-content {
        height: calc(100vh - 426px) !important;
    }
}
/* low-res laptops and desktops landscape*/
@media only screen and (min-device-width :992px) and (max-device-width : 1024px) and (orientation : landscape) {
    .schedule-rotation-height {
        height: calc(100dvh - 425px);
    }
    .block-rotation-edit-mode .schedule-rotation-height {
        height: calc(100dvh - 475px);
    }
    .setupcenter_addresslayout .block-rotation-height {
        min-height: calc(100% - 185px);
        max-height: calc(100% - 185px);
    }

    /* Setupcenter - Settings - Default Locan Field Value - Starts*/
    #gridDefaultLocalFields .k-grid-content {
        height: calc(100vh - 615px) !important;
    }

    .default-local-field-value-help-box {
 
        overflow-y: auto !important;
    }
    #setupcenterDefaultLocalFields .k-grid-content {
        min-height: calc(100vh - 585px);
        max-height: calc(100vh - 585px);
    }
    .default-local-field-value-right-part {
        margin-left: 0px !important;
    }

    .default-local-field-value-left-part {
        margin-right: 0px !important;
    }

    #gridDefaultLocalFields.app-kgrid__container .k-grid-header.scroll-enabled .k-grid-header-wrap {
        overflow: hidden !important;
    }

    .default-local-rotaion-screen-height {
        height: calc(100vh - 200px);
        overflow: auto;
    }
    /* Setupcenter - Settings - Default Locan Field Value - Ends*/
    #gridSchoolIncidentsReportsDetail .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 468px);
        max-height: calc(100vh - 468px);
    }
    .import-screen-height, .mapping-area-scroll {
        height: calc(100vh - 455px);
    }

    #gridContactFileContent .k-grid-content {
        height: calc(100vh - 701px);
    }

    #contactAnalysisMappingGrid .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 600px);
        max-height: calc(100vh - 600px);
    }

    .editDemographicsHeight .start-import-details {
        height: calc(100vh - 405px);
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 445px) !important;
    }
    /*    School - > Demographics - > Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 370px) !important;
    }
    /*    School - > Demographics - > No Primary E-Mail Screen Ends*/
    /********School -> Grades -> Reports Starts*********/
    .school-report-template {
        display: block;
        height: 540px;
        min-height: 540px;
    }

    #divRcTemplateview .grades-tab-width-100 {
        width: 100% !important;
    }
    #divMyReports .grid__searchbox .allGrids__SearchBox {
        width: 170px;
    }
    /********School -> Grades -> Reports Ends*********/
    #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 440px) !important;
    }
    .tab-blue-container-div .tab-description-div {
        width: 100% !important;
margin-right: var(--space-0px) !important;
    }

    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 220px) !important;
margin-right: var(--space-0px) !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }

    #divCourseAdvancedSearchBlock .tab-search-input-width {
        width: max-content !important;
    }
    /********School -> Dashboard Screen Starts*********/
    .tab-display-charts {
        display: block;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }

    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }

    #divAddEditWidget .manage-page__popup.tab__manage-page__popup .tab-ml-20 {
        margin-left: 20px;
    }

    #divAddEditWidget .manage-page__popup.dashboard-home-tile.tab__manage-page__popup {
        width: 90% !important;
    }

    #divAddEditWidget .manage-page__popup.dashboard-home-tile .manage-page__inner-content .manage-page__inner-content {
        width: 890px !important;
        position: relative;
    }

    #divAddEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
        height: calc(100vh - 140px);
    }
    /********School -> Dashboard Screen Ends*********/
    /***School-> Schedule Starts***/
    .school-schedule-all-course {
        display: block;
    }

        .school-schedule-all-course .all-course-left {
            width: 100%;
        }

    .tab-right-side-section {
        margin-top: 20px;
margin-left: var(--space-0px) !important;
    }
    .tab-header-block {
        display: block;
    }

    .school-schedule-all-course .settings__dropdown {
        margin-top: 12px !important;
    }

    .tab-ml-0 {
margin-left: var(--space-0px);
    }

    .manage-course-buttons-header {
        display: flex;
        margin-top: 20px;
    }

    .manage-course-sections-tile {
        padding-left: 10px !important;
        margin-top: 10px;
    }

    .school-schedule-all-course .all-course-right {
        height: max-content;
        width: auto;
    }
    /***School-> Schedule Ends***/
    /***Students -> Grid Schedule Starts***/
    .grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {
        margin-top: 10px;
    }

    .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
        width: 50%;
    }

    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
margin-bottom: var(--space-0px) !important;
        margin-left: 5px !important;
    }

    .grid-schedule-right-part .add-scheduled-btns{
        float:left;
    }

    .grid-schedule-left-part {
        width: 100%;
    }

        .grid-schedule-left-part .grid-current-date {
margin-left: var(--space-0px) !important;
        }
    /***Students -> Grid Schedule Ends***/
    /*****Send Module All Screen Starts*****/
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 440px) !important;
    }
    #divManageTemplates .create-template-block #dvEmailEditor {
        height: calc(100vh - 290px) !important;
    }

    #grdScheduledEmail .k-grid-content, #grdEmailRecipientProspectList2 .k-grid-content, #grdManageEmailTemplate .k-grid-content {
        height: calc(100vh - 325px) !important;
    }

    #divManageTemplates .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, #divManageTemplates .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #divManageTemplates .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #divManageTemplates .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 418px) !important;
    }

    #dvEmailEditor {
        height: calc(100vh - 310px);
    }

    #dvEmailEditor #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 467px) !important;
    }

    .create-template-block #dvEmailEditor #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 447px) !important;
    }

    #divSchoolSchedule .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 467px) !important;
    }

    #divSchoolSchedule .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 605px) !important;
    }
    /*****Send Module All Screen Ends*****/
    /***Enrollment Starts***/
    #divStaffDemographicFields .edit-approval-center-data, #divStudentDemographicFields .edit-approval-center-data {
        width: 175px !important;
    }

    #divEnterDemographics #demographicsfields #FieldLayout {
padding: var(--space-0px) !important;
    }

    #divEnterStudentDetails .enrollment__enterdata, #divAssignHousehold .enrollment__enterdata {
        min-height: auto;
    }

    .addstud__demographic .enrollment__add-demographics{
        height: auto;
    }

    #divEnterStaffDemographics #demographicsfields #FieldLayout{
padding: var(--space-0px) !important;
    }

    #divStaffDemographicFields .edit-acd input[name="EnrollmentCenter"], #divStudentDemographicFields .edit-acd input[name="EnrollmentCenter"] {
        width: 230px;
    }

    .tab-height-auto {
        height: auto !important;
    }
    /***Enrollment Ends***/
    /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
    #divSelectStudentandStaff .select-container, .tab-daily-attendance-report-header-block {
        display: grid !important;
    }

    #divSelectStudentandStaff.select-students-staffs .select__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .db__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels,
    .tab-daily-attendance-report-header-block .abscences-text {
        margin-bottom: 20px;
    }

    .tab-attendance-container-btns {
        position: absolute;
        top: 10px;
        right: 20px;
    }

    #divSelectStudentandStaff .seperation__line {
        display: none;
    }

    .reports-student-tab {
        height: calc(100vh - 210px);
    }

    .student-reports-settings .select-students-reports-box {
        height: calc(100vh - 235px);
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup {
        height: calc(100vh - 320px);
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup#option2Div {
        height: calc(100vh - 240px);
        min-height: auto;
    }

    #divSortandGenerate .sort__gereration {
        height: calc(100vh - 280px);
    }

    #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
        width: 54%;
    }

    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .single-student__dropdown,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .app__dropdown.single-student__dropdown .k-dropdownlist,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .app__dropdown.single-student__dropdown .k-dropdownlist:hover {
        width: 440px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input {
        width: 350px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
        width: 42%;
    }

    .register-code-block .search-limit-box.app__dropdown,
    .register-code-block .search-limit-box.app__dropdown .k-dropdownlist,
    .register-code-block .search-limit-box .app-combo-dropdown.k-dropdownlist,
    .register-code-block .search-limit-box {
        width: 300px !important;
        margin-left:5px;
    }

    .register-code-block .tab-search-box-input {
        width: auto !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app__dropdown {
        width: 150px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria,
    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown {
        width: 200px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input {
        width: 250px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .app-radio label,
    .student-reports-settings .app-radio label {
        line-height: 20px;
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }
    /*header medeaquery ends*/
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    /***********Approval Center Daily Attendance Starts************/
    #formPlusPortal .approval__center.min-max-width .generic-left__section .hamburger-menu,
    #frmDailyAttendance .approval__center.min-max-width .generic-left__section .hamburger-menu {
        top: -20px !important;
    }
    /***********Approval Center Daily Attendance Ends************/
}

@media only screen and (min-device-width :1025px) and (max-device-width : 1100px) and (orientation : landscape) {
    .schedule-rotation-height {
        height: calc(100dvh - 465px);
    }

    .block-rotation-edit-mode .schedule-rotation-height {
        height: calc(100dvh - 515px);
    }

    .setupcenter_addresslayout .block-rotation-height {
        min-height: calc(100% - 185px);
        max-height: calc(100% - 185px);
    }
    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap {
        height: calc(100vh - 300px);
    }
    .default-local-rotaion-screen-height {
        height: calc(100vh - 200px);
    }
    .tab-display-charts {
        display: block;
    }

    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1199px) {
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default , #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    /**************Send module start*****************/
    .app-pl-land-0 {
padding-left: var(--space-0px) !important;
    }

    #divEmailLookupTabs,
    #divEnrollmentLookupTabs {
        height: calc(var(--app-height) - var(--header-height) - 50px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #divSchoolDemographics #divEnrollmentLookupTabs {
        height: calc(var(--app-height) - var(--header-height) - 125px);        
    }
    /**************Send module ends*****************/
}
/* low-res laptops and desktops landscape:common width*/
@media only screen and (min-width :992px) and (max-width : 1024.98px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 750px) !important;
        max-height: calc(100vh - 750px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7 {
        width: 100%;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: auto !important;
        min-height: calc(100vh - 628px);
    }

    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    #divAddEditTileSpec .tab-width-max-content {
        width: max-content;
    }

    #divAddEditTileSpec .tab-width-380 {
        width: 380px !important;
    }

    #divDashboardLibraryView .tab-w-80px {
        width: 100px !important;
    }

    .tab__manage-page__inner-content {
        right: -2px;
    }

    #divAddWidget .widget-add-edit-field.tab-width-200, .select-students-by-saved-view .tab-width-200,
    .select-staff-by-saved-view .tab-width-200{
        width: 200px;
    }

    .select-students-by-grade-levels .tab-width-150 {
        width: 150px;
    }

    #divAddWidget .select-staff-by-type .tab-width-170, .select-staff-by-type .tab-width-170 {
        width: 170px;
    }

    #divAddWidget .select-staff-status .tab-width-195,
    .select-staff-status .widget-add-edit-field {
        width: 195px !important;
    }

    .select-fields-box {
        min-width: 400px;
    }

    .tab__manage-page__popup {
        width: 800px !important;
    }

    .tab-width-350 {
        width: 350px !important;
    }

    #divCourseSection label {
        margin-top: 5px;
    }

    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }

    .tab-mt-15 {
        margin-top: 15px !important;
    }

    .tab-display-block {
        display: block !important;
        width: 47%;
    }

    .tab-mar-10 {
        margin-top: 10px;
    }

    .tab-mar-0 {
margin-top: var(--space-0px) !important;
    }

    #divCourseAdvancedSearch .app-input input.input__box {
        width: 240px !important;
    }

    #divCourseAdvancedSearch label {
        width: 26%;
    }

    #divCourseAdvancedSearch .tab-length-label {
        width: 25%;
    }

    #divCourseAdvancedSearch .tab-search-button {
        position: relative;
        left: 74px;
    }

    #divCourseAdvancedSearch #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 600px) !important;
    }

    #divCourseAdvancedSearch .app__dropdown.app-w-400px {
        width: auto !important;
    }

    .tab-header-block {
        display: block;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /*****************School Screen Starts*******************/
    #school_mode .demographic__panel {
        height: calc(100vh - 400px);
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 460px) !important;
    }

    #divGridFSStudentsIncident .k-grid-content {
        height: calc(100vh - 612px) !important;
    }
    .approval__center #divIncidentsHoldingBinTab .expand-collapse-arrow {
bottom: var(--space-0px);
    }

    .app__dropdown.edit__fieldcol, .app__dropdown.edit__fieldcol .k-dropdownlist, .app__dropdown.edit__fieldcol .k-dropdownlist:hover {
        width: 240px !important;
    }

    #DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input {
        width: 220px !important;
    }

    .tab-grid-display {
        display: grid !important;
    }

    .tab-mt-20 {
        margin-top: 20px;
    }

    .tab-grid-display .seperation__line {
        display: none !important;
    }

    .app-radio label {
        line-height: 20px;
    }

    .comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
    .comments-container .matching-criteria-fields .db__fields,
    .comments-container .db__grade-levels .app__dropdown .k-dropdownlist,
    .comments-container .matching-criteria-fields .app-input input,
    .comments-container .matching-criteria-fields .k-combobox.form-control {
        width: 250px !important;
    }

    .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .comments-container .matching-criteria-fields .select__criteria {
        width: 100px !important;
    }

    .staff-attendance__container.multi-value .s-name {
        min-width: auto;
    }
    .daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist, .daily__attendance-bulletin-settings .app-combo-dropdown.k-combobox, .daily__attendance-bulletin-settings .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker {
        width: 200px !important;
    }

    .demographics-batch-entry .comments-container .matching-criteria-fields .db__fields, .demographics-batch-entry .comments-container .matching-criteria-fields .app-input input, .demographics-batch-entry .comments-container .matching-criteria-fields .k-combobox.form-control, .demographics-batch-entry .comments-container .matching-criteria-fields .k-datepicker, .demographics-batch-entry .comments-container .matching-criteria-fields .app__dropdown .k-dropdownlist {
        width: 300px !important;
    }

    .bulletin__multi-grid-sec .school__edit-attendance .attendance__grid__value {
        width: auto;
    }

    .approval-center-page .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        top: -20px !important;
        left: 10px;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        display: none;
    }
    /*****************School Screen Ends*******************/
    /***School -> Period Attendance Starts***/
    #divMultiStaffLookup .k-grid-content {
        max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 268px)) !important;
        min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 268px)) !important;
    }

    #divMultiStaffSuperDB .k-grid-content {
        max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 318px)) !important;
        min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 318px)) !important;
    }

    #divMultiStaffPortfolio .k-grid-content {
        max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 288px)) !important;
        min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 288px)) !important;
    }
    /***School -> Period Attendance Ends***/
    .approval__center .incidents__screen .tab-left-container-btns {
top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        top: -50px !important;
        left: 10px;
    }
    /******School -> Daily Attendance Starts*****/
    .tab-school-daily__attendance-second-container {
margin-top: var(--space-0px) !important;
    }

    .receive-attendance .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 680px) !important;
    }

    .receive-attendance .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 513px) !important;
    }

    .receive-attendance .approval-center__left-details__container {
        margin-top: 40px;
    }

    #divAttendanceListView .k-grid-content.k-auto-scrollable, #divStaffAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 385px) !important;
    }
    /******School -> Daily Attendance Ends*****/
    /*Start:Attendance top header responsive*/
    .staff-toogle-wrap {
        flex-direction: column;
        align-items: self-start;
    }

    .attendance__left-width {
        max-width: fit-content;
    }

    .attendance__right-width {
        width: 100%;
        padding-top: 10px;
    }

    #divDailyAttendance .grid__headline {
        width: 41%;
    }

    #divDailyAttendance .tab-seperation__line {
margin: var(--space-0px) 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .detailed-view {
padding-right: var(--space-0px) !important;
    }
    /*End : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 352px);
    }

    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 405px) !important;
    }

    .approval__center .generic-left__section .k-grid-content {
        height: calc(100vh - 525px) !important;
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 440px);
    }

    .approval__center.min-max-width .generic-left__section .k-tabstrip .k-content.k-active {
        overflow: hidden !important;
    }

    #divSuperDb .gridheader__top, #divSuperDb .gridheader__bottom {
        display: table;
        height: auto;
        width: 100%;
    }

    .field-type-selection .tab-superdb-left-position {
        position: relative;
    }

    .field-type-selection .tab-superdb-right-position {
        position: relative;
        bottom: 51px;
    }

    .field-type-selection .tab-superdb-d-block {
        display: block;
    }

    .field-type-selection .tab-superdb-seperation__line {
margin: var(--space-0px) 5px;
    }

    #divMultipleProspectLookupTabs div#grdStudentAllContacts, #divMultipleProspectLookupTabs div#grdOnePortfolio, #divMultipleProspectLookupTabs div#grdStudentSuperDb {
        height: calc(100vh - 369px);
    }

    #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-remove-pl-10, #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-remove-pl-10 {
padding-left: var(--space-0px) !important;
    }

    #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-superdb__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__bottom .tab-margin-bottom {
        margin-bottom: 5px;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 432px) !important;
        min-height: calc(var(--app-height) - 432px) !important;
    }

    #divMultipleStudentsMode .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 477px) !important;
        min-height: calc(var(--app-height) - 477px) !important;
    }

    div#homeGrid {
        height: calc(100vh - 322px);
    }

    #divSuperDb .app__gridheader ul.gridheader__top .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover, .app__dropdown, .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover, .app__dropdown .k-dropdownlist:active, .app__dropdown .k-dropdownlist:focus, .app__dropdown .k-dropdownlist:visited {
        width: 130px !important;
    }

    /* Enrollment - add Students Start */
    .app-res-w-100 {
        width: 100% !important;
    }
    /* Enrollment - add Students Start */

    .width95, #portfolio_Controls .width95.app__dropdown .k-dropdownlist {
        width: 95px !important;
    }
    /*apolf superdb code*/
    #divSuperDb .app__gridheader ul li {
        margin-top: 10px;
    }
    /*apolf superdb code*/
    /*apolf code*/
    .ap-gridbody .grid-section, .ap-gridbody .summery__section {
        width: 100%;
padding: var(--space-0px);
    }
    /*apolfcode*/
    /*Email add recipient*/
    #DvContactsTypes.tab-DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields.tab-DvDisplayLocalFields #GridContactLocalFields {
        width: 343px;
    }
    /*Email add recipient*/
    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }
    /* 1376::after create table */
    .tab-create-table, .tab-edit-table {
        width: 950px !important;
    }
    /*    1376::after create table */
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        top: -55px !important;
    }

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 10px 5px 5px 10px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    #divDisplayContactsData {
        overflow-x: auto;
    }

    #ShowAllContactsGrid {
        width: 200%;
    }
    /*superdb */
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 21px;
    }

    .tab-md-d-none {
        display: none;
    }

    .tab-superDB__li {
        margin-left: 3px;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap, .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }
    /*one prospect grid*/
    .btnAdd, .k-button {
        padding: 10px 5px !important;
    }

    .app__gridheader .tab-gridheader__top {
        padding: 15px 10px;
    }

    .app__gridheader .tab-gridheader__bottom {
        padding: 15px 10px;
        height: auto;
    }

    #divSchoolDemographics .school-demographic-genericSuperDb .app__gridheader .tab-gridheader__bottom {
        padding: 10px;
    }

    .temporary-caret.tab-caret {
        margin-left: 98px !important;
    }
    /*one prospect grid*/
    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact-global-field__wrapper {
        width: 750px !important;
        width: 768px !important;
    }

    .add-prospect__inner-container {
        height: 421px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /* Email*/
       :root {
        --email-right-container: 260px;
    }
    /* Email*/
    .student__popup-wrapper, .admission__popup-wrapper {
        width: 650px !important;
    }

    .add-note__popup-wrapper {
        width: 750px !important;
    }

    .note__textarea {
        width: 593px !important;
    }

    .app__panelheader ul li {
        width: auto !important;
    }

    /************Contact Card Colapse Expand Starts********************/
    .student__info-container {
        max-width: 250px;
    }

    .collapsed__container, .student__info-container {
        height: 112px;
    }

    .collapse-box-responisve {
        width: 100%;
        line-height: 26px;
        display: block;
        position: relative;
    }

    .collapsed__key {
        width: 100px !important;
    }

    .student__name {
        max-width: 125px !important;
    }

    .student__data {
        width: 100% !important;
    }

    .collapsed__value {
        width: 280px !important;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .snapshot-details {
        width: 33%;
    }

    .student__image, .overlay__add-image, .overlay {
        height: 100px;
        width: 80px;
margin-top: var(--space-0px);
    }

    .student__image-container:hover .overlay__add-image {
        width: 80px;
        height: 94px;
        top: 3px;
        left: 20px;
    }

    .demographics-details {
        width: 33%;
    }

    .divPictures, #divAddProspectPhotoView {
        height: 550px !important;
        width: 600px !important;
    }

    .admission__resolution, #divDemographic {
        width: 600px !important;
    }

    .admission__resolution {
        height: auto !important;
        width: 600px !important;
    }

    .add-note__popup-wrapper #newWindow {
        width: 700px !important;
        height: auto !important;
    }

    .admission__resolution {
        top: 100px !important;
    }

    .decision-scroll ul {
        width: 540px;
    }

    .divPictures {
        top: 150px !important;
    }

    .student__container, .contact__container, .demograhics__container, .penalty-summary__container, .dailyAttendance__container, .schedule__container {
        width: 100%;
        margin-bottom: 10px !important;
    }

    .incident-summary__container {
        margin-top: 10px;
        width: 100%;
margin-bottom: var(--space-0px) !important;
    }

    .contact__container, .student__container, .demograhics__container, .penalty-summary__container, .incident-summary__container {
padding-right: var(--space-0px) !important;
    }

    #divSnapshotPanel {
margin-top: var(--space-0px) !important;
    }

    .gpa-credit__container {
        margin-bottom: 5px;
    }
    /************Snapshot Ends********************/
    /*Admission Tabs*/
    .school-name {
        width: 104px;
    }
    /*List View */
    span.k-button.k-button-icon.k-bare.k-tabstrip-prev {
        display: none !important;
    }

    .tab-w-200 {
        width: 200%;
    }

    .tab-app__tabstrip {
        overflow-x: auto;
    }

    /* need to remove once kendo implemented*/
    .quick-mail__container .tab-app__tabstrip {
        overflow: initial;
    }
    /* End need to remove */
    /*Provisonal*/
    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }
    /* Prospects Menu */
    .students__tabs-header .nav-tabs > li {
        margin-right: 19px;
    }

    body {
        overflow-y: hidden;
    }
    /* End Prospects Menu */
    /********All Popup's Starts***********/
    .portfolio__add-window {
        height: 700px !important;
        width: 900px !important;
        top: 40px !important;
    }

    .household__popup {
        width: 865px !important;
    }

    .portfolio-addcategory {
        position: relative;
        top: 3px;
        width: 122px;
    }

    .category-dropdown {
        width: 68%;
    }

    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
margin-top: var(--space-0px) !important;
    }

    .bookmark-table {
        display: flex;
        display: -ms-flexbox;
    }

    .contains-search {
        margin-left: 20px !important;
    }

    #divAddBookmarkedProspects input#bookmarkDescription {
        margin-left: 25px !important;
        width: 370px;
    }

    .add__bookmarked-prospects {
        width: 980px !important;
        left: 20px !important;
    }

    .portfolio__grid-header {
        height: 601px !important;
    }

    .contains-btn {
        width: 85px !important;
        right: 60px;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: 100% !important;
        height: calc(100vh - (var(--header-height))) !important;
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 145px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 296px !important;
        padding: 10px !important;
        margin: 3px !important
    }

    .tab-home__tiles-box .bookmarked-home-screen, .tab-home__tiles-box .tasks-home-screen, .tab-home__tiles-box .appointments-home-screen {
        width: 50% !important;
    }

    .bookmarked-add {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
    }

    .tab__manage-page__popup {
        width: 90%;
        height: 100%;
        padding: 10px;
    }

    .tab__manage-page__inner-content {
        position: absolute;
        right:15px !important;
        width:760px !important;
    }

    #divAddEditTileSpec .tab-ml-10 {
        margin-left: 10px !important;
    }

    #divAddEditWidget .manage-page__popup .manage-page__inner-content .manage-page__inner-content { right:10px !important; }

    .tasks-home-screen {
padding-right: var(--space-0px) !important;
    }

    .bookmark-helptext {
        position: absolute;
        right: 24px;
        top: 177px;
    }
    /**********Home Screen Responsive Ends*******/
    .students-bookmarks-yellow {
        top: -13px;
        right: 58px;
    }

    .prospects-bookmarks {
        top: -13px;
    }

    .prospects-notes-name {
        width: 335px;
    }

    #portfolio_Controls {
        width: auto !important;
    }

    .students__tabs-header .collapse-btn-wrap {
        min-height: 50px;
padding: var(--space-0px);
    }

    .app__content .students__tabs-header .nav-tabs > li > a {
        display: block;
        text-decoration: none;
margin: var(--space-0px) !important;
        padding-top: 8px !important;
    }

    .students__tabs-header .nav-tabs > li.active > a, .app__content .students__tabs-header .nav-tabs > li.active > a, .app__content .students__tabs-header .nav-tabs > li > a:hover {
        border-bottom: none !important;
        color: var(--global-light-color-indicator) !important;
        font-weight: var(--gloabl-default-font-weight) !important;
    }

    #FieldLayout label.control-label {
        width: 188px;
    }

    .app__header .header__leftsec li.app__schoolname {
        width: 20%;
    }

    .app__header .header__rightsec .student__help {
        right: 135px;
    }

    #divPortfolio .contains-begins-button {
        bottom: 2px;
    }

    #divPortfolio .close__img, #divSuperDb .close__img {
        margin-top: 3px;
    }

    #divSuperDb .contains-begins-button, #divContacts .contains-begins-button {
        bottom: 4px !important;
    }

    .tab-popups.k-display-inline-flex {
        width: 80% !important;
        left: 13% !important;
    }

    #studentNewIncident .tab-newIncident-col {
        width: 50% !important;
    }

    .schedule__container .app-card-body {
        overflow-y: auto;
        overflow-x: hidden;
    }

    #schedule-wrap ul li span:first-child {
        width: 120px !important;
    }

    .daily__setiings-info {
        padding-top: 40px;
    }

    #EnterDailyAttendance .app__dropdown .k-dropdownlist, .admission__resolution, #divDemographic,
    .daily-attendance-quick-entry .app__dropdown.quick-entry-student-name .app__dropdown .k-dropdownlist {
        width: auto !important;
    }

    .incidents__container {
        height: calc(100vh - 290px);
        overflow-y: auto;
    }

    #divGridContact .k-grid-content td, .app-kgrid__container td {
        padding-right: 10px !important;
    }

    #divMultipleStudentsMode #grdMultiStudentSuperDb.app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 450px) !important;
        min-height: calc(var(--app-height) - 450px) !important;
    }
    /********Send Module start*********/
    .students__tabs-header.email-tabs-header .nav-tabs > li.active > a {
        border-bottom: none !important;
    }
    /********Send Module ends*********/
    /***********approval Center Starts************/
    .approval-center__gridheader button, .form__approvalsec button {
        min-width: 40px;
    }

    .approve-form-btn,
    .approval__center.min-max-width .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        display: none;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        left: 60px !important;
        top: -35px !important;
    }

    .min-max-width.approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        background: none !important;
    }

    .min-max-width.approval__center .settings-btn,
    .min-max-width.approval__center .approve-btn {
        margin-top: 10px;
    }

    .min-max-width.approval__center #divGradesHoldingBinTab .approve-btn {
margin-top: var(--space-0px);
    }

    .min-max-width.approval__center .hamburger-menu {
        display: block;
    }

    .approval-center-right-data {
        display: grid;
    }

    .approval-center-right-data div {
        padding-bottom: 5px;
    }

    .min-max-width.approval__center .approval-center-right-data div {
        padding-right: 10px;
    }

    .min-max-width.approval__center .approval-center-right-data {
        display: flex;
    }

    .approval-center-right-data .approval-center-forms {
margin-left: var(--space-0px) !important;
    }

    .approval-center-forms-checkbox {
        width: 100%;
    }

    .approval__center.min-max-width .generic-left__section {
        width: 40%;
    }

    .approval__center.min-max-width .right__section {
        width: 60%;
    }

    .approval__center.min-max-width .toggle__knobs,
    .approval__center .toggle__knobs,
    .approval__center.min-max-width .toggle__checkbox {
        width: 50%;
    }

    .approval__center.min-max-width .form-name-info {
        bottom: 120px;
left: var(--space-0px);
    }

    .approval__center .port-folio-data-cntnr {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .approval__center .port-folio-data-cntnr .contact-card-cntnr {
padding: var(--space-0px) !important;
    }

    .generic-left__section .k-tabstrip .k-content.k-active {
        padding-top: 15px;
    }

    .approval__center.min-max-width .generic-left__section .k-grid-content {
        height: calc(100vh - 437px) !important;
    }

    .approval__center.min-max-width .approval__btn-receive-log {
        margin-top: 10px;
    }

    .approval__center.min-max-width #divGradesHoldingBinTab .approval__btn-receive-log {
margin-top: var(--space-0px);
    }

    .hamburger-menu span {
        display: block !important;
    }

    .approval__center.min-max-width .generic-left__section .hamburger-menu {
        margin-top: 10px;
    }

    .approval__center.min-max-width .generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items {
        display: contents;
        top: -10px;
    }

    .approval__center.min-max-width .generic-left__section .hamburger-menu {
        display: block !important;
top: var(--space-0px);
left: var(--space-0px);
        cursor: pointer;
        width: 60px;
    }

    .min-max-width.approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        display: none;
    }

    .approval__center.min-max-width .app-kgrid__container.app-custom-pagination.app-mt-20 {
margin-top: var(--space-0px) !important;
    }

    .approval__center .app__togglebutton {
        position: absolute;
bottom: var(--space-0px);
    }

    .approval__center .tab-left-container-btns {
        position: relative;
        right: 10px;
        top: 30px;
padding-top: var(--space-0px);
    }

    .approval-admissions-page .approval__center .tab-left-container-btns {
top: var(--space-0px);
    }
    
    .approval-admissions-page .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 274px) !important;
    }

    .approval-admissions-page .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 379px) !important;
    }

    .approval-admissions-page .approval__center.min-max-width .approval__btn-receive-log,
    .approval-admissions-page .min-max-width.approval__center .settings-btn,
    .approval-admissions-page .min-max-width.approval__center .approve-btn,
    .approval-admissions-page .approval__center.min-max-width .generic-left__section .hamburger-menu {
margin-top: var(--space-0px);
    }

    .approval-admissions-page .approval__center.min-max-width .collapse__text {
        top: 12px;
    }

    .approval__center .approval-formdropdown {
top: var(--space-0px);
padding: 35px var(--space-0px);
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -15px;
padding: 10px var(--space-0px);
    }

    .overview__screen .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 89px;
    }
    /***********approval Center Ends************/
    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 450px) !important;
        min-height: calc(100vh - 450px) !important;
    }

    .approval__center.min-max-width .form-name-info {
        bottom: 45px;
left: var(--space-0px);
        position: absolute;
    }

    .approval__center .form-name-info {
        bottom: 15px;
        left: 20px;
        position: absolute;
    }
    /*Start : approval center responsive : plus portal*/
    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 70px;
    }

    .approval__center .approval-center__global .student__contact__selection {
        padding-bottom: 15px;
    }

    .approval__center .approval-center__global .form-name-info {
        top: 2px;
        left: auto;
        right: 20px;
        position: absolute;
    }

    .approval__center.min-max-width .approval-center__global .toggle__knobs, .approval__center .approval-center__global .toggle__knobs, .approval__center.min-max-width .approval-center__global .toggle__checkbox {
        width: 100%;
    }
    /*End : approval center responsive : plus portal*/
    /***********Approval Center Daily Attendance Starts************/
    .daily_attendance-date-field {
        position: absolute;
        top: 35px;
        width: 420px;
    }

    #divDailyAttendenceSettingsInfo {
        margin-top: 45px;
    }

    .approval__center.min-max-width .daily__attendance-page .tab-approval-left-btns,
    .approval__center.min-max-width .period__attendance-page .tab-approval-left-btns {
margin-top: var(--space-0px);
    }

    .approval__center .daily__attendance-page .approval__btn-receive-form,
    .approval__center .period__attendance-page .approval__btn-receive-form {
        margin-right: 10px;
    }

    .approval__center.min-max-width .daily__attendance-page .approval__btn-receive-form,
    .approval__center.min-max-width .period__attendance-page .approval__btn-receive-form {
margin-right: var(--space-0px);
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .period__attendance-page .expand__icon {
top: var(--space-0px);
        position: absolute;
    }

    .approval__center.min-max-width .daily__attendance-page .daily_attendance-date-field,
    .approval__center.min-max-width .period__attendance-page .daily_attendance-date-field {
top: var(--space-0px);
        position: relative;
        width: auto;
    }

    .approval__center.min-max-width .holdingbin_section .approval-pager-info {
        display: none !important;
    }

    .approval__center.min-max-width .daily__attendance-page .attendance-date__input,
    .approval__center.min-max-width .period__attendance-page .attendance-date__input {
        width: 150px;
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .period__attendance-page .expand__icon {
        left: -20px;
        position: absolute;
    }

    .approval__center #divDailyAttendanceHoldingBinTab .expand__icon,
    .approval__center #divPeriodAttendanceHoldingBinTab .expand__icon {
        right: 6px;
        top: 34px;
        left: initial;
    }
    .approval__center #divGradesHoldingBinTab .expand__icon {
        right: 2px;
        top: 25px;
        left: initial;
    }

    .approval__center .daily__attendance-page .expand-collapse-arrow,
    .approval__center .period__attendance-page .expand-collapse-arrow {
bottom: var(--space-0px);
    }

    .min-max-width.approval__center .approval__online-forms .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after,
    .approval__online-forms .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 100px;
    }

    .approval__center .approval__plus-portal .student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 10px;
    }
    /***********Approval Center Daily Attendance Ends************/
    /**************Approval Center -> All Grid Height Starts****************/
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 485px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 427px) !important;
    }

    .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 396px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 398px) !important;
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 400px);
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 440px);
    }

    .approval__plus-portal .approval_center__panel-section.demographic__panel {
        height: auto !important;
    }

    #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 535px) !important;
    }

    .approval__center.min-max-width #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 505px) !important;
    }

    .approval__center.min-max-width .approval__plus-portal.min-max-width .approval_center__panel-section.demographic__panel {
        height: calc(100vh - 480px) !important;
    }

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 538px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 362px) !important;
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 570px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 573px) !important;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 400px) !important;
    }
    .approval-center-page .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 364px) !important;
    }

    .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 580px) !important;
    }

    .approval-center-page .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 369px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 324px) !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab.collapsed__div #divPeriodAttendanceReceiveLog,
    .approval__center #divPeriodAttendanceHoldingBinTab.collapsed__div #divPeriodAttendanceApproveBtn {
margin-top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 400px) !important;
    }
    /**************Approval Center -> All Grid Height Ends****************/
    /**************Approval Center -> Period Attendance Starts****************/
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab.generic-left__section .hamburger-menu {
        margin-top: 2px;
    }

    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .daily_attendance-date-field {
        right: 6px;
        top: 3px;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .attendance-date__input {
        width: 91px;
margin-left: var(--space-0px);
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .k-button {
        padding: 8px 5px !important;
    }

    .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab.generic-left__section .tab-approval-left-btns .input-group {
margin-left: var(--space-0px) !important;
    }

    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .approval-center__header-buttons {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__nolabel {
        padding: 5px 4px !important;
    }

    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__noname {
        padding: 5px 5px;
    }

    .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box {
        margin-top: 60px !important;
    }

    .period__attendance-page .approval_center__panel-section.gb__panel {
        height: auto !important;
    }
    /**************Approval Center -> Period Attendance Ends****************/

    /*********School -> Daily Attendance Starts***********/
    .tab-school-daily__attendance-third-container {
        padding-left: 10px !important;
        margin-top: 15px;
    }

    .tab-school-daily__attendance-last-container {
        margin-top: 15px;
    }

    .tab-school-daily__attendance-second-container,
    .tab-school-daily__attendance-last-container {
        padding-right: 10px !important;
    }
    /*********School -> Daily Attendance Ends***********/

}
/************************************SMALLER DESKTOP**********************************************************/

/**************************************NORMAL DESKTOP**************************************************/
/* big laptops and desktops :common width*/
@media only screen and (min-width :1025px) and (max-width : 1099.98px) {
    #gridSchoolIncidentsReportsDetail .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 468px);
        max-height: calc(100vh - 468px);
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 635px) !important;
    }

    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7 {
        width: 100%;
    }

    #divInvoiceChargeBatchEntry .tab-grid-display {
        display: grid !important;
    }

    #divInvoiceChargeBatchEntry .tab-mt-20 {
        margin-top: 20px;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    #divCourseAdvancedSearch .app-input input.input__box {
        width: 200px !important;
    }

    .daily__attendance-bulletin-settings .app-combo-dropdown.k-combobox, .daily__attendance-bulletin-settings .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker {
        width: 220px !important;
    }

    #divCourseAdvancedSearch .tab-search-button {
        position: relative;
        left: 76px;
        width: fit-content;
    }

    #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 560px) !important;
    }

    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }

    .tab-display-block {
        display: block !important;
        width: 50%;
    }

    .tab-mar-10 {
        margin-top: 10px;
    }

    #divCourseAdvancedSearch label {
        width: 26%;
    }

    .tab-mar-0 {
margin-top: var(--space-0px) !important;
    }

    #divCourseAdvancedSearch .tab-length-label {
        width: 25%;
    }

    .school-schedule-all-course .all-course-left {
        width: calc(100% - 320px);
    }
    #divCourseSection label {
        margin-top: 5px;
    }
    .tab-manage__courselink-box, .tab-manage__courselink-input-box {

margin-left: var(--space-0px) !important;
    }
    .school-schedule-cover .tab-search-input-width {
        width: max-content !important;
    }
    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 225px) !important;
margin-right: var(--space-0px) !important;
    }
    .tab-blue-container-div .tab-description-div {
        width: calc(100% - 390px) !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }

    .school-schedule-all-course .all-course-right {
        height: auto;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /*****************School Screen Starts*******************/
    .school__recieve-attendance {
        margin-top: 15px;
    }

    .report_cards_board .school__recieve-attendance {
margin-top: var(--space-0px);
    }

    .tab-school-daily__attendance-first-container, .tab-school-daily__attendance-second-container, .tab-school-daily__attendance-third-container, .tab-school-daily__attendance-last-container {
padding-right: var(--space-0px) !important;
    }

    .navbar-collapse.collapse {
        position: relative;
    }

    .daily_attendance-date-field {
        top: -20px;
    }

    .attendance-date__input {
        width: 160px;
    }

    .approval__center #divDailyAttendanceHoldingBinTab .expand-collapse-arrow {
        bottom: 30px;
        right: -5px;
    }

    .collapsed__div .daily_attendance-date-field {
        top: 10px;
right: var(--space-0px);
    }

    .approval__center.min-max-width .daily__attendance-page #divDailyAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon {
        top: 30px;
right: var(--space-0px);
    }

    #divSchoolDailyAttendance .receive-attendance .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 590px) !important;
    }

    #school_mode .demographic__panel {
        height: calc(100vh - 430px);
    }

    #divSchoolDailyAttendance .receive-attendance .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 468px) !important;
    }
    /* school - daily and period - Batch entry fix starts */
    #DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input {
        width: 220px !important;
    }
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown, #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown, #PeriodAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 240px !important;
    }
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol, #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #DailyAttendanceBatchEntry .app__dropdown.edit__fieldcol, #DailyAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist, #DailyAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist:hover,
    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol, #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .app__dropdown.edit__fieldcol, #PeriodAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist, #PeriodAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist:hover,
    .comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .comments-container .matching-criteria-fields .db__fields, .comments-container .db__grade-levels .app__dropdown .k-dropdownlist {
        width: 200px !important;
    }
    .comments-container .matching-criteria-fields .app-input input, .comments-container .matching-criteria-fields .k-combobox.form-control {
        width: 250px !important;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 230px !important;
    }
    .grid__searchbox .allGrids__SearchBox {
        width: 150px;
    }
    .attendance-date__input button#Date {
        width: 150px !important;
    }
    .app-radio input:checked + label::after {
        top: 2px;
    }
    .app-radio label::before {
        top: -3px;
    }
    #divAttendanceListView .k-grid-content tbody tr td:nth-child(1), #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 23px !important;
    }
/* school - daily and period - Batch entry fix starts */

    #divSchoolLookupTabs .receive-incidents.approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 515px) !important;
    }

    #divSchoolLookupTabs .receive-incidents.approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 450px) !important;
    }

    #divSchoolIncidents .approval__center .incidents__screen .collapse__icon {
        top: 50px;
        right: -20px !important;
    }

    .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 447px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 480px) !important;
    }

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 529px) !important;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 409px) !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow {
        bottom: 30px;
        right: -10px;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab #divRotInfo.attendance-date__input {
        right: 1px;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .seperation__line {
        display: none;
    }

    .approval-center-page .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 510px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 400px) !important;
    }

    .approval__center #divIncidentsHoldingBinTab .tab-left-container-btns,
    .approval__center.min-max-width #divIncidentsHoldingBinTab .approval-center__global .tab-left-container-btns {
padding-top: var(--space-0px); 
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .hamburger-menu {
        top: -50px;
        left: 10px;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 356px) !important;
    }

    .approval__center.min-max-width #divGradesHoldingBinTab .period__attendance-page .expand-collapse-arrow .collapse__icon{
        bottom:35px;
        right:-5px;
    }

    .approval__center #divGradesHoldingBinTab .expand-collapse-arrow {
        bottom: 35px;
        right: -10px;
    }
    /*****************School Screen Ends*******************/
    /******School -> Daily Attendance Starts*****/ 
    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup#option2Div {
        height: calc(100vh - 240px);
    }

    #divDailyAttendanceReports .tab-search-box-input.app__dropdown.app-w-100px {
        width: auto !important;
    }

    #divSelectStudentandStaff.select-students-staffs #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 430px ) !important;
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    /******School -> Daily Attendance Starts*****/
    .tab-school-daily__attendance-second-container {
margin-top: var(--space-0px) !important;
    }

    .receive-attendance .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 633px) !important;
    }

    .receive-attendance .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 513px) !important;
    }

    #divAttendanceListView .k-grid-content.k-auto-scrollable, #divStaffAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 385px) !important;
    }
    /******School -> Daily Attendance Ends*****/
    /*Start:Attendance top header responsive*/
    .staff-toogle-wrap {
        flex-direction: column;
        align-items: self-start;
    }

    .attendance__left-width {
        max-width: fit-content;
    }

    .attendance__right-width {
        width: 100%;
        padding-top: 10px;
    }

    #divDailyAttendance .grid__headline {
        width: 41%;
    }

    #divDailyAttendance .tab-seperation__line {
margin: var(--space-0px) 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .detailed-view {
padding-right: var(--space-0px) !important;
    }
    /*End : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    /*Start : approval center responsive : plus portal*/
    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 70px;
    }

    .approval__center .approval-center__global .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
        left: 90px;
    }

    .approval__center.min-max-width .approval-center__global .tab-left-container-btns {
        padding-top: 40px;
    }

    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 92px;
    }

    .approval__center.min-max-width .approval-center__global .toggle__knobs, .approval__center .approval-center__global .toggle__knobs, .approval__center.min-max-width .approval-center__global .toggle__checkbox {
        width: 100%;
    }
    /*End : approval center responsive : plus portal*/
    #divSuperDb .gridheader__top, #divSuperDb .gridheader__bottom {
        display: table;
        height: auto;
        width: 100%;
    }

    .field-type-selection .tab-superdb-left-position {
        position: relative;
        top: 43px;
    }

    #divSchoolDemographics .school-demographic-genericSuperDb .field-type-selection .tab-superdb-left-position {
top: var(--space-0px);
    }

    .field-type-selection .tab-superdb-right-position {
        position: relative;
        bottom: 43px;
    }

    .field-type-selection .tab-superdb-seperation__line {
margin: var(--space-0px) 5px;
    }

    .field-type-selection .tab-superdb-d-block {
        display: block;
    }

    #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-remove-pl-10, #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-remove-pl-10 {
padding-left: var(--space-0px) !important;
    }

    #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-superdb__gridheader__bottom.tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__bottom .tab-margin-bottom {
        margin-bottom: 5px;
    }

    .app__gridheader .tab-gridheader__bottom {
        height: auto;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 405px) !important;
        min-height: calc(var(--app-height) - 405px) !important;
    }

    #divMultipleStudentsMode #grdMultiStudentSuperDb.app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 440px) !important;
        min-height: calc(var(--app-height) - 440px) !important;
    }

    #divMultipleStudentsMode .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 457px) !important;
        min-height: calc(var(--app-height) - 457px) !important;
    }

    div#homeGrid {
        height: calc(100vh - 322px);
    }

    .app__dropdown, .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover, .app__dropdown .k-dropdownlist:active, .app__dropdown .k-dropdownlist:focus, .app__dropdown .k-dropdownlist:visited {
        width: 130px !important;
    }

    /* Enrollment - add Students Start */
    .app-res-w-100 {
        width: 100% !important;
    }
    /* Enrollment - add Students Start */

    /*Email add recipient*/
    #DvContactsTypes.tab-DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields.tab-DvDisplayLocalFields #GridContactLocalFields {
        width: 358px;
    }
    .quick-mail__container #dvtxtEmailEditor .basic-mode__center {
        width: 100%;
    }
    /*Email add recipient*/
    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }
    /* 1376::after create table */
    .tab-create-table, .tab-edit-table {
        width: 1000px !important;
    }
    /*    1376::after create table */
    /*one prospect grid*/
    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        top: -55px !important;
    }

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 10px 5px 5px 10px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 21px;
    }

    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__top, .tab-superDB__bottom {
        padding: 15px 10px !important;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap, .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap,
    .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }

    .temporary-caret.tab-caret {
        margin-left: 98px !important;
    }
    /*one prospect grid*/
    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact-global-field__wrapper {
        width: 750px !important;
        width: 768px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /* Email*/
        :root {
        --email-right-container: 260px;
    }
    /* Email*/

    .manage-home {
        top: 120px;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .recent__students {
        margin-right: 44px;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 138px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown,
    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__add-Student,
    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__add-Student {
        width: 130px !important;
    }
    /*header medeaquery ends*/
    .students__tabs-header .nav-tabs > li {
        margin-right: 19px;
    }
    /************Contact Card Colapse Expand Starts********************/
    .student__name {
        width: 145px;
    }

    .collapsed__container, .student__info-container {
        height: 112px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 26px;
        display: block;
        position: relative;
    }

    .collapsed__key {
        width: 100px !important;
    }

    .collapsed__value {
        width: 200px !important;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .snapshot-details {
        width: 30%;
    }

    .snapshot-value {
        width: 70%;
    }
    /*Admission Tabs*/
    .school-name {
        width: 104px;
    }
    /*Provisonal View*/
    .student__container, .contact__container, .demograhics__container, .penalty-summary__container {
        width: 50%;
        margin-bottom: 5px !important;
    }

    .contact__container, .penalty-summary__container, .student__container, .demograhics__container {
padding-right: var(--space-0px) !important;
    }
    /********All Popup's Starts***********/
    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }

    .bookmarked__text {
        width: 89% !important;
    }

    .search-by-dropdown, #divSnapshotPanel {
margin-top: var(--space-0px) !important;
    }

    .bookmark-table {
        display: flex;
        display: -ms-flexbox;
    }

    .contains-search {
margin-left: var(--space-0px) !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: 100% !important;
        height: calc(100vh - var(--header-height));
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 143px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 290px !important;
        padding: 10px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .bookmarked-home-screen, .tab-home__tiles-box .tasks-home-screen, .tab-home__tiles-box .appointments-home-screen, .incident-summary__container {
        width: 50% !important;
    }

    .bookmarked-add {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
    }

    .tab-home__tiles-box .appointments-home-screen {
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 36px;
    }

    .tab-home__tiles-box .home-tiles-sort {
        padding-top: 10px !important;
        padding-left: 7px !important;
    }
    /**********Home Screen Responsive Ends*******/
    .contact__container, .incident-summary__container {
        padding-left: 10px !important;
    }

    .student__container, .demograhics__container, .contact__container {
        margin-bottom: 10px !important;
    }

    .app__content .students__tabs-header .nav-tabs > li {
        margin-right: 10px !important;
margin-bottom: var(--space-0px);
    }

    .tab-popups.k-display-inline-flex {
        width: 80% !important;
        left: 13% !important;
    }
    /***********approval Center Starts************/
    .approval-center__gridheader button, .form__approvalsec button {
        min-width: 40px;
    }

    .approval-center__gridheader span, .approve-form-btn,
    .approval__center.min-max-width .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        display: none;
    }

    .hamburger-menu span {
        display: block !important;
    }

    .approval__center.min-max-width .generic__formtabstrip .k-icon-button.k-tabstrip-next {
        display: none !important;
    }

    .approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        background: var(--brand-tabs-component-background) !important;
    }

    .min-max-width.approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        background: none !important;
    }

    .min-max-width.approval__center .settings-btn,
    .min-max-width.approval__center .approve-btn {
        margin-top: 10px;
    }

    .min-max-width.approval__center .hamburger-menu {
        display: block;
    }

    .min-max-width.approval__center .applicantInquirySetting .app-justify-content-end {
        align-items: end;
    }

    .min-max-width.approval__center .approval-center__gridheader {
margin-bottom: var(--space-0px) !important;
    }

    .approval-center-right-data div {
        margin-right: 10px;
    }

    .approval-center-right-data .approval-center-forms, .approval__center .approval__btn-receive-log {
margin-left: var(--space-0px) !important;
    }

    .approval-center-forms-checkbox {
        width: 100%;
    }

    .min-max-width.approval__center .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
right: var(--space-0px);
        left: 100px !important;
    }

    .approval-center-dashboardtiles .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
right: var(--space-0px);
        left: 40px;
    }

    .approval__center .expand__icon {
        top: 35px;
    }

    .approval__center.min-max-width .generic-left__section {
        width: 40%;
    }

    .approval__center.min-max-width .right__section {
        width: 60%;
    }

    .approval__center.min-max-width .toggle__knobs,
    .approval__center .toggle__knobs,
    .approval__center.min-max-width .toggle__checkbox {
        width: 50%;
    }

    .approval__center.min-max-width .form-name-info {
        bottom: 120px;
left: var(--space-0px);
    }

    .approval__center .port-folio-data-cntnr {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .approval__center .port-folio-data-cntnr .contact-card-cntnr {
padding: var(--space-0px) !important;
    }

    .generic-left__section .k-tabstrip .k-content.k-active {
        padding-top: 15px;
    }

    .generic__formtabstrip .k-icon-button.k-tabstrip-next,
    .generic__formtabstrip .k-icon-button.k-tabstrip-prev {
top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items {
        top: -10px;
    }

    .approval__center .approval-center-right-data {
        display: grid;
    }

    .approval__center.min-max-width .approval-center-right-data {
        display: flex;
    }

    .approval__center .approval-center-right-data div {
        padding-bottom: 5px;
    }

    .approval__center .app__toggle .app__togglebutton {
        position: absolute;
        bottom: 15px;
    }

    .approval__center.min-max-width .app__togglebutton {
        position: absolute;
        bottom: 20px !important;
    }

    .approval__center .tab-left-container-btns {
        padding-top: 40px;
    }

    .approval__center .approval-formdropdown {
        top: -10px;
padding: 20px var(--space-0px);
    }

    .approval__center.min-max-width .approval-formdropdown {
padding: var(--space-0px);
    }

    .approval__center.min-max-width .approval__btn-receive-log {
        margin-left: 10px !important;
    }

    .approval__center .expand__icon,
    .approval__center expand-collapse-arrow {
        position: absolute;
    }

    .approval__center .expand-collapse-arrow {
        position: relative;
        bottom: 85px;
        right: 20px;
    }

    .approval__center.min-max-width .tab-left-container-btns {
padding-top: var(--space-0px);
    }
    /***********approval Center Ends************/
    .approval__center.min-max-width .expand-collapse-arrow .collapse__icon {
        display: block;
        position: absolute;
        top: 30px;
    }
    /***********Approval Center Daily Attendance Starts************/
    .approval__center.min-max-width .daily__attendance-page .expand-collapse-arrow .collapse__icon,
    .approval__center.min-max-width .period__attendance-page .expand-collapse-arrow .collapse__icon {
        top: 50px;
        right: 10px;
    }
    /***********Approval Center Daily Attendance Ends************/
    /**************Approval Center -> All Grid Height Starts****************/
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 483px) !important;
    }

    /*********Approval Center -> Incidents Starts**********/
    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 420px) !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 436px) !important;
    }

    .approval__center.min-max-width .incidents-column-box-outer .expand-collapse-arrow .collapse__icon {
        top: 45px;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 558px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 417px) !important;
    }
    /**************Approval Center -> All Grid Height Ends****************/
    /**************Approval Center -> Period Attendance Starts****************/
    .period__attendance-page .approval_center__panel-section.gb__panel {
        height: auto !important;
    }

    .approval__center .incidents-column-box-outer .expand__icon {
        top: 60px;
    }
    /**************Approval Center -> Period Attendance Ends****************/
}

/*********Approval Center -> Incidents Ends**********/

@media only screen and (min-width :1100px) and (max-width : 1279.98px) {
    .schedule-rotation-height {
        height: calc(100dvh - 405px);
    }
    .block-rotation-edit-mode .schedule-rotation-height {
        height: calc(100dvh - 465px);
    }
    .setupcenter_addresslayout .block-rotation-height {
        min-height: calc(100% - 120px);
        max-height: calc(100% - 120px);
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .tab-grid-display {
        display: grid !important;
    }

    #divInvoiceChargeBatchEntry .tab-mt-20 {
        margin-top: 20px;
    }

    #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
    #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .db__fields, #divInvoiceChargeBatchEntry .comments-container .db__grade-levels .app__dropdown .k-dropdownlist,
    #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .app-input input, #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .k-combobox.form-control {
        width: 150px !important;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 573px) !important;
    }
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 415px) !important;
        max-height: calc(100vh - 415px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/

    #divInvoiceChargeBatchEntry .course-student__status {
        margin-right: 30px;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    .app-radio label {
        line-height: 23px;
    }
    /**************Approval Center -> Period Attendance Starts****************/
    .min-max-width.approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .collapse__icon {
top: var(--space-0px);
        left: -8px;
    }

    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .daily_attendance-date-field {
        right: 6px;
        top: 3px;
        width: max-content;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        display:none;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .attendance-date__input {
        width: 91px;
margin-left: var(--space-0px);
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .k-button {
        padding: 8px 5px !important;
    }

    .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab.generic-left__section .tab-approval-left-btns .approval__btn-receive-log,
    .approval__center .daily__attendance-page .tab-approval-left-btns .input-group {
margin-left: var(--space-0px) !important;
    }

    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .approval-center__header-buttons {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__nolabel {
        padding: 5px 4px !important;
    }

    .approval__center.min-max-width .period__attendance-page #divPeriodAttendanceHoldingBinTab .app-button.app-button__noname {
        padding: 5px 5px;
    }

    .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box {
        margin-top: 10px !important;
    }
    /**************Approval Center -> Period Attendance Ends****************/
    /*Start:Attendance top header responsive*/
    .staff-toogle-wrap {
        flex-direction: column;
        align-items: self-start;
    }

    .attendance__left-width {
        max-width: fit-content;
    }

    .attendance__right-width {
        width: 100%;
        padding-top: 10px;
    }

    #divDailyAttendance .grid__headline {
        width: 41%;
    }

    #divDailyAttendance .tab-seperation__line {
margin: var(--space-0px) 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .detailed-view {
padding-right: var(--space-0px) !important;
    }
    /*End : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    /*Start : approval center responsive : plus portal*/
    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 477px) !important;
    }

    .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 443px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 456px) !important;
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 400px);
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 440px);
    }

    .approval__plus-portal .approval_center__panel-section.demographic__panel {
        height: calc(100vh - 400px) !important;
    }

    .approval__center.min-max-width .approval__plus-portal.min-max-width .approval_center__panel-section.demographic__panel {
        height: calc(100vh - 480px) !important;
    }

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 538px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 380px) !important;
    }
    /**************Approval Center -> All Grid Height Ends****************/
    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 387px);
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 367px);
    }

    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 414px) !important;
    }

    #divSuperDb .gridheader__top, #divSuperDb .gridheader__bottom {
        display: table;
        height: auto;
        width: 100%;
    }

    .field-type-selection .tab-superdb-seperation__line {
margin: var(--space-0px) 5px;
    }

    .field-type-selection .tab-superdb-left-position {
        position: relative;
        top: 43px;
    }

    #divSchoolDemographics .school-demographic-genericSuperDb .field-type-selection .tab-superdb-left-position { top:0; }

    .field-type-selection .tab-superdb-right-position {
        position: relative;
        bottom: 43px;
    }

    .field-type-selection .tab-superdb-d-block {
        display: block;
    }

    .app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label {
        flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        display: flex;
        display: -ms-flexbox;
    }

    #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-remove-pl-10 {
padding-left: var(--space-0px) !important;
    }

    #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-superdb__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__bottom .tab-margin-bottom {
        margin-bottom: 5px;
    }

    .app__gridheader .tab-gridheader__bottom {
        height: auto;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 345px) !important;
        min-height: calc(var(--app-height) - 345px) !important;
    }

    #divMultipleStudentsMode .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 446px) !important;
        min-height: calc(var(--app-height) - 446px) !important;
    }
    /*apolf code*/
    .ap-gridbody .grid-section, .ap-gridbody .summery__section {
        width: 100%;
padding: var(--space-0px);
    }
    /*apolfcode*/
    /*Email add recipient*/
    /*Email add recipient*/
    .tab__contact-grid {
        background: var(--brand-default-light-background);
    }

    .tab-create-table, .tab-edit-table {
        width: 1000px !important;
    }

    .tab-gridheader__bottom .grid__searchbox .close__icon {
        top: 11px;
    }

    .app__gridheader .tab-gridheader__top .togle-cls {
        padding: 10px 5px 5px 10px;
    }

    .app__gridheader .view__optionlist .dropdown-toggle .k-icon {
        height: 30px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap .k-input {
        padding-top: 8px !important;
    }

    .tab-superDB__bottom > li:nth-of-type(2) {
        position: absolute;
        right: 21px;
    }

    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        right: 10px;
    }

    .tab-superDB__top, .tab-superDB__bottom {
        padding: 15px 10px !important;
    }

    .app__dropdown.tab-app__dropdown-superDB .k-widget .k-dropdown-wrap, .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }

    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact__margin-150per {
        margin-top: 6px;
    }

    .contact-global-field__wrapper, .setup__contacts, .portfolio__grid-header, .portfolio__add-window {
        width: 768px !important;
    }

    .contact-global-field__wrapper {
        height: 581px !important;
    }

    .contact-salutation {
        height: 581px !important;
        width: 500px !important;
    }

    .contact__address {
        height: 510px !important;
        width: 555px !important;
    }

    .map__household {
        height: 540px !important;
        width: 541px !important;
    }

    .setup__contacts {
        height: 605px !important;
    }

    .portfolio__grid-header {
        height: 600px !important;
        top: 100px !important;
    }

    .portfolio__add-window, .save-as-popup__container {
        height: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }

    .contact__container, .student__container, .demograhics__container, .penalty-summary__container {
        padding-left: 10px !important;
    }
    /********All Popup's Starts***********/
    .portfolio-addcategory {
        position: relative;
        top: 3px;
        width: 122px;
    }

    .bookmarked__text {
        width: 90% !important;
    }

    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }
    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
margin-top: var(--space-0px) !important;
    }

    .bookmark-table {
        display: flex;
        display: -ms-flexbox;
    }

    .contains-search {
margin-left: var(--space-0px) !important;
    }

    .category-dropdown {
        width: 65%;
    }

    .portfolio-addcategory {
        position: relative;
        top: 3px;
        width: 122px;
    }

    .contains-btn {
        width: 85px !important;
        right: 60px;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        height: 35px !important;
    }
    /********All Popup's Ends***********/
    /**********Home Screen Responsive Starts*******/
    .tab-home__tiles-box {
        width: 100% !important;
        height: calc(100vh - (var(--header-height))) !important;
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 128px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 261px !important;
        padding: 10px !important;
        margin: 3px !important;
    }

    .tab-home__tiles-box .bookmarked-home-screen, .tab-home__tiles-box .tasks-home-screen, .tab-home__tiles-box .appointments-home-screen {
        width: 50% !important;
    }

    .tab-home__tiles-box .appointments-home-screen {
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .tasks-home-screen {
padding-right: var(--space-0px) !important;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 41px;
        margin-top: 10px;
        padding-left: 5px !important;
    }

    .tab-home__tiles-box .home-tiles-sort {
        padding-top: 10px !important;
        padding-left: 7px !important;
    }
    /**********Home Screen Responsive Ends*******/
    .student__container, .contact__container, .demograhics__container, .penalty-summary__container {
        width: 100%;
        margin-bottom: 11px;
    }

    .contact__container, .penalty-summary__container {
padding-right: var(--space-0px) !important;
    }

    #divSnapshotPanel {
margin-top: var(--space-0px) !important;
    }
    /************Snapshot Ends********************/
    .add-prospect-right__inner-container {
        width: 300px !important;
        overflow-x: auto;
        height: 240px !important;
    }

    .add-prospect-left__inner-container {
        width: calc(100% - 170px);
    }

    #prospectHouseholdID {
        width: 185px;
    }

    .add-prospect__inner-container {
        height: 570px !important;
    }
    /************Add Prospect Ends*****************/
    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__add-Student {
        width: 130px !important;
    }
    /************Contact Card Colapse Expand Starts********************/
    .collapsed__container, .student__info-container {
        height: 112px;
    }

    .student__info-container {
        max-width: 290px;
    }

    .collapse-box-responisve {
        width: 100%;
        line-height: 26px;
        display: block;
        position: relative;
    }

    .collapsed__key {
        width: 100px !important;
    }

    .student__data {
        width: 100% !important;
    }

    .student__name {
        max-width: 225px !important;
    }

    .collapsed__value {
        width: 400px !important;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .snapshot-details {
        width: 40%;
    }

    .snapshot-value {
        width: 60%;
    }

    .divPictures, #divAddProspectPhotoView {
        height: 600px !important;
        width: 800px !important;
    }

    .divPictures {
        top: 100px !important;
        left: 210px !important;
    }

    .student__container, .contact__container, .demograhics__container, .penalty-summary__container, .incident-summary__container {
        width: 50% !important;
        margin-bottom: 10px;
    }

    .portfolio-card {
        margin-top: 10px !important;
    }

    #divSingleStaffSnapshot .portfolio-card {
        width: 50%;
        padding-left: 10px !important;
margin-top: var(--space-0px) !important;
padding-right: var(--space-0px);
    }

    .contact__container, .incident-summary__container {
        padding-left: 10px !important;
    }

    .contact__container, .penalty-summary__container, .demograhics__container, .student__container, .incident-summary__container {
padding-right: var(--space-0px) !important;
    }

    #divSnapshotPanel {
margin-top: var(--space-0px) !important;
    }

    .student__container, .demograhics__container {
padding-left: var(--space-0px) !important;
    }

    .penalty-summary__container {
        padding-left: 10px;
    }

    .gpa-credit__container, .snapshot-tiles {
        margin-top: 5px;
    }

    #divSingleStaffSnapshot .snapshot-tiles {
margin-top: var(--space-0px);
    }
    /************Snapshot Ends********************/
    /*Admission Tabs*/
    .school-name {
        width: 104px;
    }

    /*Provisonal View*/
    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }
    .bookmark-helptext {
        position: absolute;
        right: 12px;
        top: 164px;
    }

    .students-bookmarks-yellow {
        top: -13px;
        right: 58px;
    }

    .prospects-bookmarks {
        top: -13px;
    }

    #FieldLayout label.control-label {
        width: 188px;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 135px;
    }

    #divPortfolio .close__img, #divSuperDb .close__img {
        margin-top: 3px;
    }

    .tab-popups.k-display-inline-flex {
        width: 80% !important;
        left: 13% !important;
    }

    .app__header .header__rightsec .student__lists {
        padding-right: 40px !important;
    }

    /***********approval Center Starts************/
    .approval-center__gridheader button, .form__approvalsec button {
        min-width: 40px;
    }

    .hamburger-menu span {
        display: block !important;
    }

    .approve-form-btn,
    .approval__center.min-max-width .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        display: none;
    }

    .approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        background: var(--brand-tabs-component-background) !important;
    }

    .min-max-width.approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button,
    .app-button.app-button__noname span,
    .min-max-width .form__approvalsec .app-button span,
    .form__approvalsec .app-button span {
        display: none;
    }

    .min-max-width.approval__center .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        background: none !important;
    }

    .approval__center.min-max-width .app-primary-btn__img.collapse__icon {
margin: 5px var(--space-0px) 0 0 !important;
        top: 110px;
    }

    .approval__center.min-max-width #divDailyAttendanceHoldingBinTab .collapse__icon,
    .approval__center.min-max-width #divIncidentsHoldingBinTab .app-primary-btn__img.collapse__icon,
    .approval__center.min-max-width #divPlusPortalHoldingBinTab.collapsed__div .app-primary-btn__img.collapse__icon {
        top: 5px;
    }

    .approval__center.min-max-width #divGradesHoldingBinTab .app-primary-btn__img.collapse__icon {
top: var(--space-0px);
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .daily__attendance-page .collapse__icon,
    .approval__center .plus-portals__screen .expand__icon,
    .approval__center .plus-portals__screen .collapse__icon,
    .approval__center .period__attendance-page .expand__icon,
    .approval__center .period__attendance-page .collapse__icon,
    .approval__center .incidents__screen .expand__icon,
    .approval__center .incidents__screen .collapse__icon {
        top: 110px;
        right: -10px !important;
    }

    .approval__center.min-max-width .plus-portals__screen .app-button.app-button__noname {
        padding: 5px 10px;
    }

    .approval__center .plus-portals__screen .approval-center__global .student__contact__selection {
padding-bottom: var(--space-0px);
    }

    .approval__center.min-max-width .plus-portals__screen .tab-left-container-btns {
margin-bottom: var(--space-0px);
    }

    #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable,
    #divDemographicGridForApproved .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 615px) !important;
    }

    .approval__center .app-button.app-button__noname {
        padding: 5px 7px;
    }

    .approval__center.min-max-width .generic-left__section .generic__formtabstrip ul.k-reset.k-tabstrip-items {
        top: -5px;
    }

    .approval__center.min-max-width .form__approvalsec {
        padding: 40px 20px;
    }

    .approval__center.min-max-width .app-kgrid__container.app-custom-pagination.app-mt-20 {
margin-top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .generic-left__section .k-grid-content {
        height: calc(100vh - 430px) !important;
    }

    .generic__formtabstrip .k-icon-button.k-tabstrip-next,
    .generic__formtabstrip .k-icon-button.k-tabstrip-prev,
    .approval__center .tab-left-container-btns.incidents-left-container-btns,
    .approval__center.min-max-width .tab-left-container-btns.incidents-left-container-btns,
    .min-max-width.approval__center .incidents-left-container-btns .collapse__icon,
    .approval-admissions-page .approval__center.min-max-width .tab-left-container-btns,
    .approval__center #divIncidentsHoldingBinTab .tab-left-container-btns {
top: var(--space-0px) !important;
    }

    .approval__center .app__togglebutton {
        position: absolute;
bottom: var(--space-0px);
    }

    .approval__center .tab-left-container-btns {
        position: relative;
        right: 10px;
        top: 30px;
padding-top: var(--space-0px);
    }

    .approval__center #divHoldingBinTab .tab-left-container-btns {
top: var(--space-0px);
right: var(--space-0px);
    }

    #formPlusPortal .approval__center .tab-left-container-btns {
        top: -10px;
right: var(--space-0px);
    }

    #formPlusPortal .approval__center #divPlusPortalHoldingBinTab.collapsed__div .tab-left-container-btns {
        top: 50px !important;
    }

    .approval__center.min-max-width #divPlusPortalHoldingBinTab.collapsed__div .collapse__text {
        left: 52px;
        top: 2px;
    }
    .approval__center.min-max-width .tab-left-container-btns {
        top: -17px !important;
    }

    .approval__center .app__toggle .app__togglebutton {
        position: absolute;
        bottom: -5px;
    }

    .approval__center #divHoldingBinTab .app__toggle .app__togglebutton {
        bottom: -18px;
    }
    .approval__center.min-max-width #divHoldingBinTab .app-primary-btn__img.collapse__icon {
margin: 5px var(--space-0px) 0 0 !important;
        top: 5px;
    }

    .approval__center .approval-formdropdown {
top: var(--space-0px);
padding: 35px var(--space-0px);
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -35px;
padding: var(--space-0px);
    }

    .overview__screen .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 89px;
    }

    .approval__center .expand-collapse-arrow {
        position: relative;
    }
    /***********approval Center Ends************/
    .demograhics__container {
        padding-top: 5px !important;
    }

    .penalty-summary__container {
        padding-top: 10px;
    }

    .student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 79px !important;
        width: 76px !important;
    }

    .approval__center .plusportals-left-tab-header-buttons {
right: var(--space-0px) !important;
    }

    .approval__center.min-max-width .plusportals-left-tab-header-buttons {
        top: 50px !important;
    }

    .approval__center .plusportals-left-tab-header-buttons .expand__icon {
        position: relative;
        top: 60px;
    }

    .approval__center .plusportals-left-tab-header-buttons .expand-collapse-arrow {
        position: relative;
        bottom: 60px;
    }

    .approval__center.min-max-width .tab-approval-left-btns {
margin-top: var(--space-0px);
    }

    .min-max-width.approval__center .collapse__icon {
        position: absolute;
        top: 100px;
        left: 5px;
    }

    .approval__center.min-max-width .app__togglebutton {
bottom: var(--space-0px) !important;
    }
    /***********Approval Center -> Daily Attendance on Collpase Starts************/
    .approval__center .daily__attendance-page .app-button.app-button__nolabel,
    .approval__center .period__attendance-page .app-button.app-button__nolabel {
        padding: 5px;
    }

    .approval__center.min-max-width .daily__attendance-page .app-button.app-button__nolabel,
    .approval__center.min-max-width .period__attendance-page .app-button.app-button__nolabel {
        padding: 5px 2px;
    }

    #divDailyAttendenceSettingsInfo .seperation__line {
margin: var(--space-0px) 15px;
    }

    .approval__center.min-max-width .daily__attendance-page .daily_attendance-date-field {
        position: relative;
        top: 10px;
        width: 220px;
    }

    .approval__center .daily__attendance-page .daily_attendance-date-field {
top: var(--space-0px);
        position: relative;
        width: 220px;
    }

    #divDailyAttendenceSettingsInfo {
        margin-top: 10px;
    }

    .approval__center #divDailyAttendanceHoldingBinTab.collapsed__div .daily_attendance-date-field {
top: var(--space-0px);
        width: auto;
    }

    .approval__center #divDailyAttendanceHoldingBinTab.collapsed__div .attendance-date__input {
        width: 120px;
    }
    /***********Approval Center -> Daily Attendance on Collpase Ends************/
    /**************Approval Center -> All Grid Height Starts****************/
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 474px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 407px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 405px) !important;
    }
    .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 381px) !important;
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section,
    .right__section-inner-content .approval_center__panel-section,
    .approval__center.min-max-width .approval__plus-portal.min-max-width .approval_center__panel-section.demographic__panel {
        height: calc(100vh - 480px);
    }

    .approval__plus-portal .approval_center__panel-section.demographic__panel {
        height: auto !important;
    }

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 490px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 397px) !important;
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 446px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 452px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .expand-collapse-arrow { display:inline-block; }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 400px) !important;
    }
    /**************Approval Center -> All Grid Height Ends****************/
    /**************Approval Center -> Period Attendance Starts****************/

    .approval__center.min-max-width .period__attendance-page .expand-collapse-arrow {
        top: 4px;
        left: 4px;
    }
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab.collapsed__div .collapse__text {
        top: 6px;
    }
    .period__attendance-page .approval_center__panel-section.gb__panel {
        height: auto !important;
    }

    .approval__center .period__attendance-page .generic-left__section .tab-approval-left-btns .input-group {
margin-left: var(--space-0px) !important;
    }

    #divGradesHoldingBinTab.generic-left__section .tab-approval-left-btns .input-group {
        margin-left: 10px !important;
    }

    .approval__center.min-max-width .period__attendance-page .generic-left__section .tab-approval-left-btns .input-group {
        margin-left: 5px !important;
    }
    /**************Approval Center -> Period Attendance Starts****************/
    /*********Approval Center -> Incidents Starts**********/
    
    .approval__center.min-max-width .incidents__screen .hamburger-menu {
        top: -20px;
        left: 10px;
    }
    /*********Approval Center -> Incidents Ends**********/

    /*********School -> Daily Attendance Starts***********/
    .tab-school-daily__attendance-third-container {
        padding-left: 10px !important;
    }

    .tab-school-daily__attendance-last-container, .tab-school-daily__attendance-third-container {
        margin-top: 15px;
    }

    .tab-school-daily__attendance-second-container,
    .tab-school-daily__attendance-last-container {
        padding-right: 10px !important;
    }
    /*********School -> Daily Attendance Ends***********/
}

@media only screen and (max-height:900px) {
    .add-edit-incident-modal { max-height:98%; top:1% !important; }
    .editDemographicsHeight #gridFileContent .k-grid-content {
        height: calc(100vh - 670px) !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container { overflow-y: hidden; }
    .app__menubar .side__menubar li a {
padding: 6px var(--space-0px);
    }

    #divPortfolioAddEdit #portfolio_Controls {
        overflow-y: auto;
        height: calc(100vh - 225px);
    }

    .app__menubar .logo {
        bottom: 10px !important;
    }

    .app__gridheader .gridheader__bottom {
        height: auto;
    }

    .moreoption__list .menu__hidden {
        display: none;
    }
    .add-edit-modal #divAddContactView.k-window-content, .add-new-modal .k-window-content, .newProspectContentWindow.add-prospect__container #newProspectWindow {
        overflow-y: auto !important;
        max-height: 90vh !important;
    }
    #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 560px) !important;
    }
}
@media only screen and (max-height:800px) {
    #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 460px) !important;
    }

    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #divLinkedSkills .k-grid-content.k-auto-scrollable,
    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #gridSections .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 400px) !important;
    }
    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content {
        height: auto !important;
    }
}
@media only screen and (max-height: 740px) {
    #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 410px) !important;
    }

    #DailyAttendanceBatchEntry .batch-entry-select-students #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .batch-entry-select-students #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 340px) !important;
    }

    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        height: calc(100vh - 430px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup #periodAttendanceBatch.period__addattendance-batch-entry {
        height: auto;
    }
}
    @media only screen and (max-width:820px) {
    .k-widget.k-window {
        max-width: 98% !important;
    }

    #divContactAddNew {
        height: calc(100vh - 80px);
    }

    #divUserNameGrid .app-kgrid__container .k-grid-content td, #divUserNameGrid .app-kgrid__container .k-grid-header-wrap th.k-header {
        padding-left: 15px !important;
    }

    .dailyattendance__report__popup.k-widget.k-window {
        max-width: 100% !important;
left: var(--space-0px) !important;
    }
    .add-new-incident-header .app-w-500 {
        width:360px !important;
    }
    .add-new-incident-header #btnAddNewIncident .app-ml-20, .add-new-incident-header #btnAddNewIncidentSave.app-ml-20 {
        margin-left: 10px !important;
    }    
}

@media only screen and (max-height:700px) {
    .sidemenu__more .menu__hidden, .app__menubar .side__menubar li.sidemenu__more, .app__menubar .side__menubar li.sidemenu__more:hover .moreoption__list {
        display: block;
    }

    .side__menubar .menu__hidden {
        display: none;
    }

    .app__menubar .sidemenu__more .moreoption__list {
        top: -100px;
    }
}

@media only screen and (min-height:901px) {
/*    School > Schedule > Batch Edit Sections Starts*/
    #grdBatchEditSections.app-kgrid__container .k-grid-header th.k-header:first-child {
        padding-left: 11px !important;
    }
    #grdBatchEditSections.app-kgrid__container .k-grid-content tr td:first-of-type,
    #grdBatchEditSections.app-kgrid__container tr td:first-of-type {
        padding-left: 11px !important;
    }
/*    School > Schedule > Batch Edit Sections Ends*/
    .side__menubar .menu__hidden {
        display: block;
    }

    .sidemenu__more .menu__hidden {
        display: none;
    }
}

@media only screen and (min-width :760px) and (max-width:794px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 470px) !important;
        max-height: calc(100vh - 470px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/

    #divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 595px) !important;
        min-height: calc(100vh - 595px) !important;
    }

    #divPastGradesView .tab-d-pastgrades-rightbox {
        flex-wrap: wrap;
    }
    /**********Home Screen Responsive Starts*******/
    #divPageTitle {
        max-width: 110px !important;
margin-top: var(--space-0px) !important;
    }

    .tab-approve-form-btn {
        padding: 6px 10px;
    }

    .min-max-width.approval__center .tab-approval-left-btns {
        padding-top: 35px;
    }

    .min-max-width.approval__center #divGradesHoldingBinTab .tab-approval-left-btns {
        padding-top: 45px;
    }

    .approval__center .approval-formdropdown {
        top: -5px;
padding: 20px var(--space-0px);
    }

    .approval__center .app__toggle .app__togglebutton {
        bottom: 15px;
    }

    .min-max-width.approval__center .collapse__icon {
        top: 60px;
    }
    /**********Home Screen Responsive Ends*******/
    /***********Approval Center Daily Attendance Starts************/
    .approval__center.min-max-width .daily__attendance-page .generic-left__section .tab-approval-left-btns .input-group,
    .approval__center.min-max-width .period__attendance-page .generic-left__section .tab-approval-left-btns .input-group {
        margin-left: 2px !important;
    }

    .app-button.app-button__nolabel {
        padding: 5px 5px !important;
    }

    .approval__center.min-max-width .daily__attendance-page .daily_attendance-date-field,
    .approval__center.min-max-width .period__attendance-page .daily_attendance-date-field {
        right: -15px;
    }

    .approval__center.min-max-width .daily__attendance-page .generic-left__section .tab-approval-left-btns .input-group,
    .approval__center.min-max-width .period__attendance-page .generic-left__section .tab-approval-left-btns .input-group {
        position: relative;
        bottom: 45px;
    }
    .approval__center.min-max-width .period__attendance-page.course__request-page .generic-left__section .tab-approval-left-btns .input-group {
bottom:var(--space-0px);
    }
    .approval__center .period__attendance-page.course__request-page .expand-collapse-arrow {
left: var(--space-0px) !important;
        bottom: -6px !important;
    }
    .min-max-width.approval__center .period__attendance-page.course__request-page .collapse__icon, .approval__center .period__attendance-page.course__request-page .expand__icon {
top: var(--space-0px) !important;
    }
    .min-max-width.approval__center .period__attendance-page.course__request-page #divGradesHoldingBinTab .tab-approval-left-btns {
padding-top: var(--space-0px);
    }

    .approval__center .daily__attendance-page .expand-collapse-arrow,
    .approval__center .period__attendance-page .expand-collapse-arrow {
        left: -10px;
        bottom: 100px !important;
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .period__attendance-page .expand__icon {
left: var(--space-0px);
        top: 105px;
    }

    .approval__center .approval__plus-portal .student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 92px;
    }

    .approval__center.min-max-width .attendance__header-colapse-position {
        right: 25px;
        top: 42px;
    }
    /***********Approval Center Daily Attendance Starts************/
    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 516px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 384px) !important;
    }
    /*********Approval Center -> Incidents Starts**********/
    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 407px) !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 415px) !important;
    }

    .approval__center.min-max-width .tab-left-container-btns .app-primary-btn-container {
margin-left: var(--space-0px) !important;
    }

    .approval__center.min-max-width .incidents-left-container-btns .collapse__icon {
        top: 50px;
left: var(--space-0px);
right: var(--space-0px);
    }

    .approval__center .incidents-left-container-btns .expand__icon {
        top: 60px;
        left: -18px;
    }

    .approval__center.min-max-width #divButtons {
        display: flex;
    }
    /*********Approval Center -> Incidents Ends**********/
    .add-new-incident-header .app-w-500 {
        width: 320px !important;
    }
}
/**************************************NORMAL DESKTOP*************************************************/

/**************************************LARGE DESKTOP***************************************************/
/* big HD SCREENS and desktops :common width*/
@media screen and (min-width: 1280px) {
    #chart.chart-height,
    #chartDetailedView.chart-height {
        height: calc(100vh - 385px) !important;
    }
    .single-student__filter__box .app__dropdown.single-student__dropdown .k-dropdownlist, .single-student__filter__box .app__dropdown.single-student__dropdown .k-dropdownlist:hover, .single-student__filter__box .app__dropdown.single-student__dropdown .k-dropdownlist:focus {
        width: 260px !important;
    }
    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 364px) !important;
    }
    /**************Approval Center -> Period Attendance Scale Top Section Starts****************/
    .attendance-date__input {
        width: 109px;
    }
    .attendance-date__input.send-schedule-time{
        width: 150px;
    }
    .tab-ml-10 {
        margin-left: 10px;
    }

    .tab-mr-10 {
        margin-right: 10px;
    }

    .approval_center__panel-section.gb__panel {
        height: calc(100vh - 330px);
    }
    /**************Approval Center -> Period Attendance Scale Top Section Ends****************/
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .attendance__header-colapse-position {
        width: auto;
    }

    #divContactLinkedStudents .k-filter-row th, .k-grid-header th.k-header {
padding-top: var(--space-0px);
padding-bottom: var(--space-0px);
    }
    /*Start:Attendance top header responsive*/
    .attendance__left-width {
        max-width: 39%;
    }

    .attendance__right-width {
        width: calc(100% - 39%);
    }

    #divDailyAttendance .grid__headline {
        width: 37%;
    }

    #divDailyAttendance .tab-seperation__line {
margin: var(--space-0px) 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Approval center scalling adjustments - plusportal*/
    .approval-center__global .collapsed__div .app-button.app-button__nolabel, .approval-center__global .collapsed__div .app-button.app-button__noname {
        padding: 5px 2px;
    }
    /*End : Approval center scalling adjustments - plusportal*/
    /*Start : Approval center scalling adjustments*/
    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 318px - 20px);
    }
    /*End : Approval center scalling adjustments*/
    .field-type-selection .tab-superdb-seperation__line {
margin: var(--space-0px) 5px;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 330px) !important;
    }

    #divMultipleStudentContact-view .app__dropdown,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:hover,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:active,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:focus,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:visited {
        width: 158px !important;
    }

    #divMultipleStudentsMode .app-kgrid__container .k-grid-content, #divMultipleStudentsMode #divMultiStudentSuperDB .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 326px) !important;
        min-height: calc(var(--app-height) - 326px) !important;
    }

    #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-superdb__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-contacts__gridheader__bottom .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-margin-bottom, #divMultipleStudentsMode .tab-portfolio-gridheader__bottom .tab-margin-bottom {
        margin-bottom: 5px;
    }

    .tab-bookmarked-add {
        padding: 6px 10px;
    }

    .student__container, .demograhics__container {
        width: 29%;
    }

    .contact__container, .penalty-summary__container, .dailyAttendance__container, .schedule__container, .invoice__container, .incident-summary__container, #divSingleStaffSnapshot .portfolio-card {
        width: 23.25%;
    }

    #divSingleStaffSnapshot .portfolio-card {
padding-right: var(--space-0px);
    }

    #divSingleStaffSnapshot .dailyAttendance__container {
        width: 24.4%;
    }
    /************Contact Card Colapse Expand Starts********************/
    .collapsed__key {
        width: 70px !important;
    }

    .student__name {
        max-width: 180px;
    }

    .vr__student {
        position: relative;
        top: 17px;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .student__image {
        max-height: 120px;
        max-width: 140px;
top: var(--space-0px);
        position: relative;
        height: auto;
margin: var(--space-0px) auto;
    }

    .snapshot-details {
        width: 40%;
    }

    .snapshot-value {
        width: 60%;
    }

    .admissions-details {
        width: 33%;
    }

    .admissions-value {
        width: 67%;
    }

    .overlay__add-image, .overlay {
        height: 80px;
        width: 80px;
        top: 20px;
    }

    .student__container, .demograhics__container {
        width: 29%;
    }

    .contact__container, .gpa-credit__container {
        width: 24.4%;
    }

    .contact__household {
        margin-right: 4px;
    }
    /************Snapshot Ends********************/
    .school-name {
        width: 104px;
    }
    /********All Popup's Starts***********/
    .portfolio-addcategory {
        position: absolute;
        right: 16px;
    }

    .add__bookmarked-prospects {
        width: 1110px !important;
    }

    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
        margin-top: 5px !important;
    }

    .bookmark-table {
        display: flex;
        display: -ms-flexbox;
    }

    .contains-search {
        margin-left: 10px !important;
    }

    .bookmarked-save {
        position: absolute;
        right: 5px !important;
        margin-bottom: 10px !important;
    }

    #bookmarkDescription {
        width: 420px !important;
    }

    .contact-global-field__wrapper, .portfolio__grid-header, .portfolio__add-window {
        height: 500px !important;
        width: 768px !important;
    }

    .contact-salutation, .contact__address {
        height: 510px !important;
        width: 500px !important;
    }

    .setup__contacts {
        height: 585px !important;
        width: 700px !important;
    }

    .map__household {
        height: 540px !important;
        top: 10px !important;
    }

    .contacts__grid-height {
        height: 315px !important;
    }

    #AvailableSetupFieldGrid .k-grid-content, #SelectedContactGrid .k-grid-content {
        height: 150px !important;
    }
    /********All Popup's Ends***********/
    /************Add Prospect Starts*****************/
    .add-prospect__inner-container {
        height: auto !important;
    }

    .add-prospects-text {
        display: flex;
        display: -ms-flexbox;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 335px !important;
    }

    #FieldValidationGrid .k-grid-content {
        height: 280px !important;
    }

    #PortfolioCategoryGrid {
        height: 345px;
    }

    .category-dropdown {
        width: 65% !important;
    }

    .school-name {
        width: 104px;
    }
    /************Add Prospect Ends*****************/
    /****************Home Screen Responsive Starts**********/
    .tab-home__tiles-box {
        height: calc(100vh - (var(--header-height))) !important;
        overflow-y: auto;
    }

    .tab-home__tiles-box .sortable .tab-home-tiles-box {
        width: 125px !important;
    }

    .tab-home__tiles-box .box-fixed {
        width: 270px !important;
        padding: 10px !important
    }

    .bookmarked-add {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
    }

    .tab-home__tiles-box .homescreen-tiles-wrap {
        padding-right: 23px;
    }
    /****************Home Screen Responsive Ends*************/
    .email-basic-mode__popup {
        width: 800px !important;
        top: 20px !important;
        height: 550px !important;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 328px;
    }

    .tab-email-mode .basic-mode__subject {
        width: 477px !important;
    }

    .tab-email-mode .basic-mode__center {
        width: 488px;
    }

    .tab-email-mode .input-cc, .tab-email-mode .input-bcc {
        width: 128px;
    }

    .tab-email-mode .multipleEmails #dvtxtEmailEditor {
        width: 100% !important;
    }

    .tab-email-mode #dvtxtEmailEditor .basic-mode__subject {
        width: 477px !important;
    }

    .tab-email-mode .tab-advanced-mode {
padding-right: var(--space-0px) !important;
    }
    /***********Manual Email Starts****************/
    .tab-manual-email-recipients {
        width: 900px !important;
        top: 70px !important;
        height: 600px !important;
    }

    .name-recipients {
        width: 280px !important;
    }

    .alternate-email-recipients, .email-recipients {
        width: 250px !important
    }
    /***********Manual Email Ends****************/
    .tab-email-mode .tab-advanced-mode {
padding-right: var(--space-0px) !important;
    }

    .appointments-home-screen {
        width: 33% !important;
        padding-right: 6px !important;
    }

    .tasks-home-screen {
        padding-left: 13px !important;
        width: 33.4% !important;
    }

    .bookmarked-home-screen {
        padding-left: 16px !important;
        width: 33.6% !important;
    }

    .tab-email-mode .tab-advanced-mode {
padding-right: var(--space-0px) !important;
    }

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        width: 260px !important;
        height: 35px !important;
    }

    #divAddBookmarkedProspects .bookmark-helptext {
        position: absolute;
        right: 24px;
        top: 177px;
    }

    #grdAdmissionTiles1 .k-grid-content.k-auto-scrollable {
        min-height: 100px !important;
        max-height: 310px !important;
    }

    .students-bookmarks-yellow {
        top: -13px;
        right: 58px;
    }

    .prospects-bookmarks {
        top: -13px;
    }

    .tab-multi-students-scroll {
        height: calc(100vh - 440px);
    }

    #divMultiStaffSnapshot .tab-multi-students-scroll {
        height: calc(100vh - 373px);
    }

    .approval__center .k-pager-info.k-label {
        display: none;
    }

    .approval__center.min-max-width .expand-collapse-arrow .collapse__icon {
        top: 5px;
    }

    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon {
        top: 2px;
    }

    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 604px) !important;
    }

    .approval__center.min-max-width .incidents__screen .applicantInquirySetting {
        margin-top: 10px !important;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 390px) !important;
    }

    #divSchoolPeriodAttendance .approval__center.min-max-width #divPeriodAttendanceGrid .k-grid-content,
    #divSchoolDailyAttendance .approval__center.min-max-width #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 432px) !important;
    }

    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 535px) !important;
    }

    .incidents__container {
        height: calc(100vh - 240px);
        overflow: auto;
    }

    /*Daily attendance - Edit Student Daily Attendence Starts*/
    #divPeriodAttendanceHoldingBinTab .tab-edit-attendance-calender {
        width: 150px !important;
    }
    /*Daily attendance - Edit Student Daily Attendence ends*/

    /*************Schedule - Manage Course and Skills - Linked Skills starts**************/   
    #manageskills_actionbtn .course-main-div {
        width: 75% !important;
    }
    /*************Schedule - Manage Course and Skills - Linked Skills ends**************/   
}

@media screen and (min-width: 1400px) {
    /******* Send Module start*************/
    .send-card {
        width: 25% !important;
        min-width: 450px !important;
        max-width: 453px;
    }
    /******* Send Module ends*************/
    #divSchoolPeriodAttendance div#divRotInfo {
        width: 100px;
    }

    #divPeriodAttendanceHoldingBinTab .tab-approval-left-btns #btnLst {
        display: flex;
    }

    #single-student__mode #divSchedule .tab-divListView.expanded .k-grid-content {
        height: calc(100vh - 475px) !important;
    }
    /**************Approval Center -> Period Attendance Scale Top Section Starts****************/
    .attendance-date__input {
        width: 200px;
    }

    .approval-attendance-date__input {
        width: 150px;
    }

    /**************Approval Center -> Period Attendance Scale Top Section Ends****************/
    /*Start:Attendance top header responsive*/
    .attendance__left-width {
        width: fit-content;
        max-width: 35%;
    }

    .attendance__right-width {
        width: calc(100% - 35%);
    }

    #divDailyAttendance .grid__headline {
        width: 39%;
    }

    #divDailyAttendance .tab-seperation__line,
    .field-type-selection .tab-superdb-seperation__line {
margin: var(--space-0px) 20px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Approval center scalling adjustments - plusportal*/
    .approval-center__global .collapsed__div .app-button.app-button__nolabel, .approval-center__global .collapsed__div .app-button.app-button__noname {
        padding: 5px 2px;
    }
    /*End : Approval center scalling adjustments - plusportal*/
    /*Start : Approval center scalling adjustments*/
    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 324px - 20px);
    }

    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 384px) !important;
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 356px - 20px);
    }

    .main-content-cntnr.approval__center {
        margin-top: 15px;
    }
    /*End : Approval center scalling adjustments*/
    #divMultipleStudentContact-view .app__dropdown,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:hover,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:active,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:focus,
    #divMultipleStudentContact-view .app__dropdown .k-dropdownlist:visited {
        width: 200px !important;
    }
    #divMultipleStudentsMode #divMultiStudentSuperDB .tab-remove-pl-10 label {
        padding-left: 5px;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content, #divMultipleStudentsMode .app-kgrid__container .k-grid-content, #divMultipleStudentsMode #divMultiStudentSuperDB .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 352px) !important;
        min-height: calc(var(--app-height) - 352px) !important;
    }

    #divLookup .app__gridheader .gridheader__top li,
    #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-margin-bottom,
    #divMultipleStudentsMode .tab-superdb__gridheader__bottom .tab-margin-bottom,
    #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-margin-bottom,
    #divMultipleStudentsMode .tab-contacts__gridheader__bottom .tab-margin-bottom,
    #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-margin-bottom,
    #divMultipleStudentsMode .tab-portfolio-gridheader__bottom .tab-margin-bottom {
margin-bottom: var(--space-0px);
    }

    .quick-mail__container.tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 392px !important;
    }

    .content-wrapper .quick-mail__container .attachment__container {
        margin-left: 5px;
    }
    /************Contact Card Colapse Expand Starts********************/

    .student__name {
        max-width: 220px;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .student__image {
        max-height: 140px;
        max-width: 120px;
        height: auto;
    }

    .snapshot-details {
        width: 40%;
    }

    .snapshot-value {
        width: 60%;
    }

    .overlay, .overlay__add-image {
        height: 95px;
        width: 95px;
        top: 20px;
    }
    .student__image-container .overlay__add-image { top:0; }

    .admissions-details {
        width: 33%;
    }

    .admissions-value {
        width: 67%;
    }   
    /************Snapshot Ends********************/
    /********All Popup's Starts***********/
    .contacts__grid-height {
        height: 401px !important;
    }

    #AvailableSetupFieldGrid .k-grid-content, #SelectedContactGrid .k-grid-content {
        height: 200px !important;
    }

    .contact-global-field__wrapper, .setup__contacts, .portfolio__grid-header {
        height: 610px !important;
        width: 800px !important;
    }

    .contact__address {
        height: 555px;
        width: 900px;
    }

    .map__household, .contact__address {
        width: 600px !important;
        height: 550px !important;
    }

    .contact-salutation {
        height: auto !important;
        width: 600px !important;
    }

    .portfolio__add-window {
        height: 600px !important;
        width: 800px !important;
        top: 50px !important;
    }

    #FieldValidationGrid .k-grid-content {
        height: 400px !important;
    }

    #PortfolioCategoryGrid {
        height: auto;
    }
    /********All Popup's Ends***********/
    #grdAdmissionTiles1 .k-grid-content.k-auto-scrollable {
        max-height: 400px !important;
    }

    #divAddBookmarkedProspects .bookmark-helptext {
        right: 26px;
        top: 178px;
    }

    .prospects-bookmarks {
        top: -16px;
    }

    .students-bookmarks-yellow {
        top: -15px;
        right: 72px;
    }

    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 640px) !important;
    }
    
}

@media screen and (min-width: 1500px) {
    /*Start : Approval center scalling adjustments - plusportal*/
    .approval-center__global .collapsed__div .app-button.app-button__nolabel, .approval-center__global .collapsed__div .app-button.app-button__noname {
        padding: 5px 8px;
    }
    /*End : Approval center scalling adjustments - plusportal*/
    /*Start : Approval center scalling adjustments*/
    .collapsed__div .tab-approval-left-btns .tab-left-container-btns .input-group {
margin-left: var(--space-0px) !important;
    }

    .generic-left__section.collapsed__div .app__toggle .app__togglebutton {
        margin-right: 15px;
    }

    .generic-left__section.collapsed__div .student__contact__selection .app__toggle .app__togglebutton {
        margin-right: 5px;
        width: 175px;
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 324px - 20px);
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 334px - 20px);
    }
    /*End : Approval center scalling adjustments*/
}

@media screen and (min-width: 1600px) {
    .grid-schedule-right-part .add-scheduled-btns {
        position: absolute;
        right: 20px;
    }
    .search-list-header .tab-attendance-container-btns, .search-list-header > p,
    .dailyreport__body .tab-daily-attendance-report-header-block .tab-attendance-container-btns,
    .dailyreport__body .tab-daily-attendance-report-header-block > p {
        width: 417px;
    }
    .search-list-header .tab-attendance-container-btns .app-secondary-btn-container,
    .dailyreport__body .tab-daily-attendance-report-header-block .tab-attendance-container-btns .app-secondary-btn-container { margin-left:auto; }

    .line-schedule-tiles .line-schedule__teacher-name {
        max-width: 200px;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 369px) !important;
    }
    /*Start:Attendance top header responsive*/
    .attendance__left-width {
        width: fit-content;
        max-width: 35%;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 369px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 351px) !important;
    }
    /*Start:Attendance top header responsive*/
    .attendance__left-width {
        width: fit-content;
        max-width: 35%;
    }

    .attendance__right-width {
        width: calc(100% - 35%);
    }

    #divDailyAttendance .grid__headline {
        width: 44%;
    }
    /*End:Attendance top header responsive*/

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 305px - 20px);
    }

    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 387px) !important;
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 310px - 20px);
    }
    #divMultipleStudentsMode #divMultiStudentSuperDB .tab-seperation__line {
margin: var(--space-0px) 10px;
    }
    .content-wrapper .quick-mail__container .attachment__container {
        margin-left: 5px;
    }

    .school-name {
        width: 200px;
    }
    /************Contact Card Colapse Expand Ends********************/
    .enrolment-card {
        width: 68px;
    }

    .student__name {
        max-width: 240px;
    }
    /********All Popup's Starts***********/
    .portfolio__add-window {
        height: 750px !important;
    }
    /********All Popup's Ends***********/
    
    .appointments-home-screen {
        width: 33% !important;
    }

    .tasks-home-screen {
        padding-left: 13px !important;
        width: 33.5% !important;
    }

    .bookmarked-home-screen {
        padding-left: 16px !important;
        width: 33.5% !important;
    }

    #divAddBookmarkedProspects .bookmark-helptext {
        right: 28px;
        top: 180px;
    }
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout .k-picker, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */

    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 650px) !important;
    }

    .incidents__container {
        height: calc(100vh - 436px);
        overflow:auto;
    }

    .view-incident .incidents__container {
        height: calc(100vh - 370px);
        overflow: auto;
    }  
}

@media screen and (min-width: 1630px) {
    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 380px) !important;
        overflow: auto;
    }

    .collapsed__div .tab-approval-left-btns .tab-left-container-btns .input-group {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1499.98px) {
    .fast-served-sub-div-right .app-w-300,
    .fast-served-sub-div-right .app-w-300 .k-dropdownlist,
    .fast-served-sub-div-right .app-w-300.app__dropdown,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:hover,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:active,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:focus,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:visited {
        width: 200px !important;
        height: 40px !important;
    }
}

@media screen and (max-width: 1899.98px) {
    .fast-served-sub-div {
        display: block;
    }

    .fast-served-sub-div-left,
    .fast-served-sub-div-right {
        width: 100% !important;
    }

    .fast-served-sub-div-left {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1900px) {
    #divCourseAdvancedSearch #grdCourseDetails .k-grid-content {
        max-height: calc(100vh - 700px) !important;
        min-height: calc(100vh - 700px) !important;
    }

    /**************Approval Center -> Period Attendance Scale Top Section Starts****************/
    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 396px) !important;
    }
    /**************Approval Center -> Period Attendance Scale Top Section Ends****************/
    /*Start:Attendance top header responsive*/
    .attendance__left-width {
        width: fit-content;
        max-width: 30%;
    }

    .attendance__right-width {
        width: calc(100% - 30%);
    }

    #divDailyAttendance .grid__headline {
        width: 50%;
    }
    /*End:Attendance top header responsive*/
    .content-wrapper .quick-mail__container .attachment__container {
        margin-left: 5px;
    }
    /************Snapshot contact Starts********************/
    .snapshot-contact {
        width: 82%;
    }
    /************Snapshot contact ends********************/
    /************Snapshot Starts********************/
    .student__image {
        max-width: 120px;
        max-height: 140px;
top: var(--space-0px);
        margin-bottom: 11px;
    }

    .overlay, .overlay__add-image {
        height: 140px;
        width: 120px;
top: var(--space-0px);
padding-right: var(--space-0px) !important;
    }

    .admissions-details {
        width: 28%;
        margin-bottom: 10px;
    }

    .admissions-value {
        width: 72%;
    }

    .views__margin-top {
margin-top: var(--space-0px) !important;
    }
    /************Snapshot Ends********************/
    /********All Popup's Starts***********/
    .portfolio__add-window {
        height: 905px !important;
        width: 800px !important;
top: var(--space-0px) !important;
    }

    .email-basic-mode__popup {
        width: 1100px;
        height: auto !important;
    }

    .advanced__sort-options, .add-view__popup {
        height: 740px !important;
        top: 100px !important;
    }

    .add__bookmarked-prospects {
        width: 1100px !important;
        height: 676px !important;
        top: 130px !important;
    }

    .contact-global-field__wrapper {
        width: 900px !important;
    }

    .map__household {
        top: 200px !important;
    }
    /********All Popup's Ends***********/    

    .bookmarked__text .k-dropdown, .bookmarked__text .app__dropdown .k-widget .k-dropdown-wrap {
        width: 260px !important;
        height: 35px !important;
    }

    .appointments-home-screen {
        width: 32% !important;
    }

    .tasks-home-screen {
        padding-left: 13px !important;
        width: 32.3% !important;
    }

    .bookmarked-home-screen {
        padding-left: 16px !important;
        width: 32.3% !important;
    }

    .prospects-bookmarks {
        top: -16px;
    }

    .students-bookmarks-yellow {
        top: -16px;
        right: 98px;
    }

    .applicationSubmitted {
margin-left: var(--space-0px);
    }

    #portfolio_Controls .filter-not-visible {
        width: max-content !important;
    }
    /************Approval Center Starts***********/
    .generic__formtabstrip .k-icon-button.k-tabstrip-prev,
    .generic__formtabstrip .k-icon-button.k-tabstrip-next {
        display: none;
    }

    .approval__center.min-max-width .app-kgrid__container.app-custom-pagination.app-mt-20 {
margin-top: var(--space-0px) !important;
    }

    .approval-attendance-date__input {
        width: 200px;
    }
    /************Approval Center Ends***********/
    /**************Approval Center -> Online forms Grid Height Starts****************/
    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 370px) !important;
    }
    /**************Approval Center -> Online forms Grid Height Ends****************/
    /*********Approval Center -> Incidents Starts**********/
    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 680px) !important;
    }
    /*********Approval Center -> Incidents Ends**********/
}

@media screen and (min-width: 3840px) {
    /*toggle button*/
    .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs:before {
        left: 120px;
        background-color: var(--brand-default-light-background);
        width: 155px;
    }

    .app__header .student__toggle .student__togglebutton .layer, .app__header .student__toggle .student__togglebutton .student__knobs {
        max-width: 280px;
        height: 36px;
    }
    /*End toggle button*/
}
/**************************************LARGE DESKTOP*****************************************************************************************/
@media only screen and (max-width:1024px) {
/*    #divSuperDbBatchEntry {
        overflow-y: auto;
    }*/

    #divAttEditAttendanceCode .app__dropdown .app-w-300 {
        width: 200px !important;
    }

    #divAttEditAttendanceCode .form-control.app-w-400 {
        width: 300px !important;
    }

    #divAttEditAttendanceCode .app__dropdown .app-w-500 {
        width: 350px !important;
    }
    /* school - daily and period - Batch entry fix starts */
    .attendance-date__input button#Date {
        width: 150px !important;
    }

    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 170px !important;
    }

    #divSuperDbBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 150px !important;
    }
    #divSuperDbBatchEntry .select-student-daily-attendance-batch .batch-entry-select-student-by {
        flex-wrap: wrap;
        gap: 20px;
    }
    #DailyAttendanceBatchEntry .comments-container .batch-entery__popup,
    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup {
        min-height: 410px;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields,
    #divSuperDbBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        min-height: 195px;
        height: calc(100vh - 830px);
        overflow-y: auto;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option4Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option4Div .app-kgrid__container .k-grid-content.k-auto-scrollable {
        min-height: 370px;
        height: calc(100vh - 655px) !important;
        overflow-y: auto;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option5Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option6Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option5Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option6Div .app-kgrid__container .k-grid-content.k-auto-scrollable {
        min-height: 305px;
        height: calc(100vh - 710px) !important;
        overflow-y: auto;
    }
    #divAttendanceListView .k-grid-content tbody tr td:nth-child(1), #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 23px !important;
    }
    /* school - daily and period - Batch entry fix starts */
    .extended-course-info .flex-50-box.ext-course-div {
flex: 1 var(--space-0px) 100%;
    }
    .add-edit-incident-modal {
        top: 10px !important;
    }
    .extended-course-info .flex-50-box.ext-course-div {
flex: 1 var(--space-0px) 100%;
    }
    .students__tabs-header .nav-tabs > li .greyline__seperator {
        display: none;
    }
    .daily-attendance-bulletine__data .bulletin__multi-grid-sec .multigrid__block:nth-child(even) {
padding-left: var(--space-0px);
    }
    .daily-attendance-bulletine__data .daily-attendance-messages .nurse-dismissal {
        padding-right: 10px !important;
        margin-top: 10px;
    }
    #divCourseOptions .app__dropdown.app-w-400px, #divCourseOptions .course-fields.app-w-400.tab-width-150, #divCourseOptions .app-combo-dropdown.app-w-400.tab-width-150 {
        width: 100% !important;
    }
    #divCourseOptions .app-res-mr-20 { margin-right:20px; }
    .k-widget.k-window {
        max-width: 98% !important;
    }
    .k-widget.k-window:has(#divDocumentViewer) {
        max-width: 100% !important;
    }
    .app__content .students__tabs-header {
        z-index: 9;
    }
    /**************Send module start*****************/
    .students__tabs-header.email-tabs-header .nav-tabs > li {
        width: auto;
    }
    .app__content .students__tabs-header.email-tabs-header .nav-tabs {
        flex-wrap: initial !important;
    }
    .students__tabs-header.email-tabs-header .nav-tabs > li:first-child {
margin-right: var(--space-0px) !important;
padding-right: var(--space-0px) !important;
    }
    .students__tabs-header.email-tabs-header .nav-tabs > li {
margin-right: var(--space-0px) !important;
        padding-left: 10px;
padding-right: var(--space-0px) !important;
    }
    .app__content .students__tabs-header.email-tabs-header .nav-tabs {
padding-bottom: var(--space-0px) !important;
    }
    .app-d-por-none {
        display: none;
    }
    /**************Send module ends*****************/
    .app-tab-pl-0 {
padding-left: var(--space-0px) !important;
    }
    .app-tab-pr-0, .tab-school-daily__attendance-first-container {
padding-right: var(--space-0px) !important;
    }
    .app-tab-mt-15 {
        margin-top: 15px;
    }
    .app__content .students__tabs-header .nav-tabs {
        padding-bottom: 10px;
    }
    /***All Grid Height Starts***/
    .tab-divListView.expanded .dailyAttendance-tab #gridDailyAttendanceList.app-kgrid__container .k-grid-content {
        height: calc(100vh - 540px) !important;
    }

    #divPeriodAttendance.expanded #gridPeriodAttendance.app-kgrid__container .k-grid-content,
    #divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #single-student__mode #divStaffSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #single-student__mode #divSchedule .tab-divListView.expanded .k-grid-content,
    #single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 480px) !important;
        min-height: calc(100vh - 480px) !important;
        height: auto !important;
    }

    #single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked.expanded {
        max-height: calc(100vh - 520px) !important;
        min-height: calc(100vh - 520px) !important;
        height: auto !important;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active.expanded {
        max-height: calc(100vh - 390px) !important;
        min-height: calc(100vh - 390px) !important;
        height: auto !important;
    }

    .divContactEditPopup.k-widget.k-window, .divContactLinkedStudentsPopup.k-widget.k-window, .divAvailableContactsPopup.k-widget.k-window {
        transform: none !important;
    }

    .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 546px) !important;
    }

    .approval__center #divDailyAttendanceHoldingBinTab .approval-center__header-buttons #divDailyAttendanceReceiveLog,
    .approval__center #divDailyAttendanceHoldingBinTab .approval-center__header-buttons #divDailyAttendanceApproveBtn {
margin-top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content,
    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 440px) !important;
    }

    #divMultipleStudentsMode #grdMultiStudentSuperDb.app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 420px) !important;
        min-height: calc(var(--app-height) - 420px) !important;
    }

    divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content,
    #divMultipleStudentsMode .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 390px) !important;
        min-height: calc(var(--app-height) - 390px) !important;
    }
    /***All Grid Height Ends***/
    /*excel wizard start */
    .tab-d-block.app-ml-30 {
        margin-left: 25px !important;
    }

    .laptop-Grade-leftside .app-ml-30 {
margin-left: var(--space-0px) !important
    }

    .laptop-Grade-leftside {
        width: 110px !important;
    }

    .tab-d-block, .row-feild-d-block {
        display: block !important;
    }

    .tab-mr-0 {
margin-right: var(--space-0px) !important;
    }

    .include-feild .excelwizard-student-leftside {
        width: 150px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 150px) !important;
    }

    .row-feild-d-block .app-pr-30 {
padding-right: var(--space-0px) !important;
    }

    .excelwizard__section .multi-select-outer .multi-select-inner-box {
        width: 43%;
    }

    .tab-mb-10 {
        margin-bottom: 10px !important;
    }

    .tab-mt-10 {
        margin-top: 10px;
    }

    /*excel wizard start */

    #divSingleStudentTab > div, #divSingleStaffTab > div {
margin-top: var(--space-0px);
    }

    #divSingleStaffSnapshot .demograhics__container {
margin-top: var(--space-0px) !important;
    }

    .excelwizard__section .students__tabs-header .nav-tabs > li,
    .excelwizard__container .attendance-date__input, .excelwizard__container .attendance-settings__input {
        width: auto !important;
    }

    .incident-summary__container {
        margin-bottom: 10px;
        width: 100%;
    }

    .student__container, .contact__container, .dailyAttendance__container, .schedule__container, .demograhics__container {
margin-top: var(--space-0px) !important;
        margin-bottom: 10px;
    }
    /*******Excel Wizzard Ipad Ham Menu Starts**********/
    .wizzard-app__content.app__content .students__tabs-header .nav-tabs {
        display: grid !important;
    }

        .wizzard-app__content.app__content .students__tabs-header .nav-tabs#ulSetupCenterType {
            display: flex !important;
        }

    .wizzard-app__content .seperation__line {
        display: none;
    }
    /*******Excel Wizzard Ipad Ham Menu Ends**********/
    .app__content .students__tabs-header .nav-tabs {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }

    .students__tabs-header .navbar-toggler {
        border: none;
        order:1;
    }

    .students__tabs-header .navbar-toggler:focus {
        box-shadow: none;
        -moz-box-shadow: none;
    }

    .students__tabs-header .nav-tabs > li {
        width: 100%;
    }

    .setup_Center .students__tabs-header .nav-tabs > li {
        width: auto;
    }

    .students__tabs-header .nav-tabs > li > a, #divSingleStaffSnapshot .schedule__container {
margin-bottom: var(--space-0px);
    }

    .active-tab-value {
        display: block;
        order:2;
        width:calc(100% - 50px);
    }

    #single-student__mode {
        height: calc(var(--app-height) - var(--header-height));
        overflow: auto;
    }

    .dailyAttendance__container, .schedule__container, .gpa-credit__container, .invoice__container, .incident-summary__container {
        width: 100% !important;
    }

    #divSingleStaffSnapshot .dailyAttendance__container, .schedule__container {
padding-left: var(--space-0px) !important;
    }

    #divSingleStaffSnapshot .portfolio-card {
padding-right: var(--space-0px);
        margin-bottom: 10px;
        height: auto;
        width: 100%;
padding-left: var(--space-0px) !important;
    }

    .gpa-credit__container .app-card-body, .invoice__container .app-card-body {
        overflow: initial;
    }

    .gpa-credit__container {
margin-top: var(--space-0px);
padding-left: var(--space-0px) !important;
margin-bottom: var(--space-0px);
    }

    .penalty-card {
        margin-top: 10px;
    }

    .invoice__container .app-card {
margin-left: var(--space-0px);
    }

    .app__header .student__add .app__add-Student {
        width: 110px;
    }

    #divMultipleStudentsMode #divHomeTab .row.full-width .pagination {
        display: table;
    }

    #divMultipleStudentsMode #divHomeTab .row.full-width .pagination > div {
        float: left;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 130px !important;
    }

    .muti-header-responsive .gridheader__top {
        padding: 5px 20px 15px;
    }

    .muti-header-responsive .gridheader__top .multi-prospect-btn {
        margin-left: initial;
    }

    .muti-header-responsive #divAppointment {
margin-left: var(--space-0px) !important;
    }

    .muti-header-responsive .gridheader__top > li {
        margin-top: 10px;
        margin-right: 10px !important;
padding-left: var(--space-0px) !important;
    }

    .muti-header-responsive .gridheader__top > li:last-child {
margin-right: var(--space-0px) !important;
    }

    #divMultipleStudentsMode #AdivContactTap #AprospectContactCustomPagerNumbers {
        float: left;
    }
    /* Custom Pagination */
    .custom-pagination .k-grid-pager .k-pager-sizes.k-label {
        margin-left: 41px;
    }

    .custom-pagination .k-grid-pager .k-pager-numbers, .custom-pagination .k-pager-numbers {
        position: initial !important;
        float: left;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
        height: 30px !important;
    }

    .custom-pagination .k-pager-wrap > .k-link .k-icon {
margin-bottom: var(--space-0px) !important;
    }

    .custom-pagination .k-grid-pager .k-pager-numbers li {
        height: 30px;
        padding-top: 3px;
    }

    .custom-pagination .k-grid-pager .k-dropdown .k-dropdown-wrap .k-select .k-icon:before {
        top: 5px;
    }
    /* Enrollment - add Students Start */
    .enroll__overview .enrl__stud_left {
        width: 100%;
    }

    .enroll__overview .enrl__stud_right {
        width: 100%;
margin-left: var(--space-0px) !important;
        margin-top: 20px;
    }
    /* Enrollment - add Students Start */
    #DailyAttendanceBatchEntry .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #PeriodAttendanceBatchEntry .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #DailyAttendanceBatchEntry .batch-entery__popup .student__attendance__details .batch-time input,
    #PeriodAttendanceBatchEntry .batch-entery__popup .student__attendance__details .batch-time input {
        width: 220px !important;
    }
    #DailyAttendanceBatchEntry .batch-entery__popup .student__attendance__details .app-res-pr-15 { padding-right:15px !important; }
    #DailyAttendanceBatchEntry .batch-entery__popup .student__attendance__details .app-res-ml-15 { margin-left:15px !important; }
    #DailyAttendanceBatchEntry .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist {
        width:180px !important;
    }
    #DailyAttendanceBatchEntry .matching-criteria-fields .db__fields,
    #PeriodAttendanceBatchEntry .matching-criteria-fields .db__fields {
        width:200px !important;
    }
    #DailyAttendanceBatchEntry .matching-criteria-fields .app-input input,
    #PeriodAttendanceBatchEntry .matching-criteria-fields .app-input input {
        width: 250px !important;
    }

    #divSchoolSchedule .available_skills_one .available_skills-box{
        flex-wrap: wrap;
        row-gap: 5px;
    }
}

@media only screen and (max-width:1455px) {
    #schedule-wrap ul li span:first-child {
        width: 70px;
        min-width: 70px;
    }
    /*Start : Approval center scalling adjustments*/
    .approval-center__global .generic-left__section.app__tabstrip .k-tabstrip-items .k-link {
        width: auto;
padding: 10px 16px var(--space-0px) 16px !important;
    }

    .generic-left__section .approval-filter.app__dropdown, .generic-left__section .approval-filter.app__dropdown .k-dropdownlist {
        width: 150px !important;
    }

    .collapsed__div .tab-approval-left-btns .tab-left-container-btns .input-group {
margin-left: var(--space-0px) !important;
        left: 10px;
    }

    .generic-left__section.collapsed__div .app__toggle .app__togglebutton {
        margin-right: 13px;
    }
    /*End: Approval center scalling adjustments*/
}

@media only screen and (min-width :1280px) and (max-width : 1520px) {
    .block-rotations-time-editor {
        width: 90px;
    }
    .setupcenter_addresslayout .block-rotation-height {
        min-height: calc(100% - 120px);
        max-height: calc(100% - 120px);
    }

    .block-rotation-edit-mode .schedule-rotation-height {
        height: calc(100dvh - 415px);
    }

    .block-rotation-edit-mode .block-table-rotation tbody {
        max-height: calc(100dvh - 455px);
    }

    .block-table-rotation tbody {
        max-height: calc(100dvh - 400px);
    }

    .schedule-rotation-height {
        height: calc(100dvh - 360px);
    }
    #mappingGrid .k-grid-content {
        min-height: calc(100vh - 340px) !important;
    }
    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 209px);
    }
    #divEnterDemographics #demographicsfields #FieldLayout, #divEnterStaffDemographics #demographicsfields #FieldLayout {
padding: var(--space-0px) !important;
    }
    .addstud__demographic .enrollment__add-demographics {
        height: auto;
    }
    #single-student__mode #divSchedule .tab-divListView.no_footsection.expanded .k-grid-content {
        height: calc(100vh - 425px) !important;
    }
    #single-student__mode #divStaffSchedule .tab-divListView.expanded .k-grid-content {
        height: calc(100vh - 390px) !important;
    }
    .approval__center .left__section #gridPlusPortalStudent .k-grid-content {
        height: calc(100vh - 381px) !important;
    }

    .approval__center.min-max-width .left__section #gridPlusPortalStudent .k-grid-content {
        height: calc(100vh - 373px) !important;
    }

    .plusportals__selection .input-group.app-primary-btn-container {
        margin-left: 5px !important;
    }
    /**************Approval Center -> Daily Attendance Starts****************/
    #dailyAttendance {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    /**************Approval Center -> Daily Attendance Ends****************/
    /**************Approval Center -> Period Attendance Starts****************/
    .rotation__hover {
        left: 55px;
    }

    #divPeriodAttendanceHoldingBinTab .tab-approval-left-btns .app-primary-btn-container {
        margin-left: 2px !important;
    }

    #divPeriodAttendanceHoldingBinTab .tab-approval-left-btns #btnLst {
        display: flex;
    }

    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .tab-approval-left-btns .app-primary-btn-container {
        margin-left: 10px !important;
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 453px) !important;
    }
    
    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 461px) !important;
    }
    /**************Approval Center -> Period Attendance Ends****************/
    /*********Approval Center -> Incidents Starts**********/
    .incidents-right-container div#divApplicantFormDetail #grdDemographicsDetails .k-grid-content.k-auto-scrollable {
        max-height: 100vh;
    }

    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 560px) !important;
    }

    #HbIncidentComments {
        height: 80px;
    }

    .approval__center.min-max-width .incidents-right-container .form__approvalsec {
        height: auto;
    }

    .incidents-right-container #divButtons {
        margin-top: 10px;
    }

    .incidents-right-container .form-print {
margin-left: var(--space-0px);
    }

    /*********Approval Center -> Incidents Ends**********/
    #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 480px) !important;
    }

    #divAttendanceListView .k-grid-content.k-auto-scrollable,
    #divStaffAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 342px) !important;
    }

    .receive-attendance .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 526px) !important;
    }

    .receive-attendance .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 443px) !important;
    }


    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }
    /*Manage course n sesction start*/
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
    #gridSections.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridSections .k-grid-content table colgroup col:first-child {
        width: 140px !important;
    }
    /*Manage course n sesction ends*/
}

@media only screen and (min-width :1280px) and (max-width : 1600px) {
    .extended-course-info .flex-50-box.ext-course-div {
flex: 1 var(--space-0px) 100%;
    }
    #dailyAttendance .atte-box.attendance-code-status,
    .attendance-info-wrap .attendance-info-wrap-right-data {
        padding: 5px !important;
    }

    .attendance-info-wrap > div:first-child {
        max-width: 110px;
        min-width: 100px !important;
        padding-right: 5px !important;
    }
    /*********Approval Center -> Plus Portals Starts**********/
    .tab-approval-left-btns .approval-center__tab-left-container .app-primary-btn {
        padding: 5px 5px !important;
    }

    .approval__center.min-max-width .plusportals__selection .app__toggle .app__togglebutton,
    .plusportals__selection .app__toggle .app__togglebutton {
        width: 130px !important;
    }

    .min-max-width .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        left: -11px !important;
    }

    .min-max-width .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 64px !important;
    }

    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 75px !important;
    }

    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 80px !important;
    }

    .min-max-width .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 65px !important;
    }

    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 6px !important;
    }
    /*********Approval Center -> Plus Portals Starts**********/

    .add-incidents-popup {
        height: calc(100vh - 50px) !important;
        width: 90% !important;
    }

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:first-child {
        width: 160px !important;
    }

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }
    /*Manage course n sesction start*/
    #divSchoolSchedule .ap-gridbody.school-schedule-cover, #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
    #gridSections.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridSections .k-grid-content table colgroup col:first-child {
        width: 140px !important;
    }
    /*Manage course n sesction ends*/
}

@media only screen and (max-width:1400px) {
    /*******Demograhics -> Import: Student Contacts Data Starts*********/
    .tab-bl-none {
        border-left: none !important;
    }

    .tab-bb-grey {
        border-bottom: 1px solid var(--global-standard-grey-border);
    }

    .tab-pb-20{
        padding-bottom:20px;
    }

    .import-screen-height .tab-mt-20 {
        margin-top: 20px;
    }

    .tab-import-flex-wrap {
        flex-wrap: wrap;
    }
    /*******Demograhics -> Import: Student Contacts Data Ends*********/
    .addcourse__details .courseLink-prerequist-wrap, .addcourse__details .credits-weight-gpa-wrap, .addcourse__details .level-dept-wrap {
padding-right:var(--space-0px) !important;
    }
    .addcourse__details .courselink-tab-button-position, .addcourse__details .prerequisites-tab-button-position {
        margin-top: 18px !important;
    }
    .app__autoToggleswitches .autoToggle__switch.app-mr-15 {
        margin-right: 5px !important;
    }
    .pastgrades-attendance .seperation__line {
margin: var(--space-0px) 10px;
    }
    .ext-course-col:nth-child(odd) {
        padding-right: 10px;
    }
    .ext-course-col:nth-child(even) {
        padding-left: 10px;
    }
    .extended-course-info label {
        min-width: 165px;
    }
    /* Enrollment - Add Student Starts */
    .addstud__houshold .stud-search-wrap {
        align-items: start;
        flex-direction: column;
        row-gap: 10px;
    }
        .addstud__houshold .stud-search-wrap .stud-search-options {
            flex-wrap: wrap;
            row-gap: 10px;
            width: 100%;
        }

    #divAssignHousehold .app-border-orangeclr .addstud__houshold .household-stud-name {
        margin-left: 10px;
    }

    #divAssignHousehold .app-border-orangeclr .enroll-stud-name-wrap {
        max-width: 150px;
    }
    #divEnrollmentTab #divEnrollmentCenter #btnSaveImportProcess,
    #divEnrollmentTab #divEnrollmentCenter #btnBackImportProcess,
    #divEnrollmentTab #divEnrollmentCenter #btnNextImportProcess,
    #divEnrollmentTab #divEnrollmentCenter #btnImportProcess {
        margin-left: 10px !important;
    }
    #divEnrollmentTab #divEnrollmentCenter .app-res-flex-wrap {
        flex-wrap: wrap;
        row-gap: 10px;
        white-space: nowrap;
    }
    #divEnrollmentTab .import-File-Selection #ImportFromFile_Edit .app-w-400 {
        width: 300px !important;
    }
    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 470px) !important;
    }
    .approval__online-forms .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 362px) !important;
    }
    .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 341px) !important;
    }
    .approval-admissions-page .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 313px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content,
    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 368px) !important;
    }
    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 532px) !important;
    }
    .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
    height: calc(100vh - 523px) !important;
    }
    #divSchoolPeriodAttendance .approval__center.min-max-width #divPeriodAttendanceGrid .k-grid-content,
    #divSchoolDailyAttendance .approval__center.min-max-width #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 430px) !important;
    }
    /* Enrollment - Add Student Starts */
    .addstud__houshold .stud-search-wrap {
        align-items: start;
        flex-direction: column;
        row-gap: 10px;
    }

    .addstud__houshold .stud-search-wrap .stud-search-options {
        flex-wrap: wrap;
        row-gap: 10px;
        width: 100%;
    }

    #divAssignHousehold .app-border-orangeclr .addstud__houshold .household-stud-name {
        margin-left: 10px;
    }

    #divAssignHousehold .app-border-orangeclr .enroll-stud-name-wrap {
        max-width: 150px;
    }
    /* Enrollment - Add Student Ends */
    /* Enrollment Dashboard Starts */
    #divEnrollmentDashboard .approval-center-dashboardtiles {
        min-width: inherit !important;
        max-width: inherit;
        width: 16.6%;
    }

    #divEnrollmentDashboard .approval-center-dashboardtiles:last-child {
        min-width: 100% !important;
        width: 100%;
        max-width: 100% !important;
        padding-left: 10px !important;
        margin-top: 15px;
        padding-right: 17px !important;
    }

    #divEnrollmentDashboard .approval-center-dashboardtiles:last-child .enroll__last-container > div {
        width: 33.3%;
    }

    #divEnrollmentDashboard section.enroll__scrn {
        padding-right: 10px;
    }
    /* Enrollment Dashboard End */
    .invoice-details-modal {
        width: 98% !important;
    }

    #divSingleStudentTab #divReportCards #divProgressReportView.expanded .progressreport__editor .progress-report-tab {
        height: calc(100vh - 300px) !important;
    }

    .progressreport__editor .progress-report-tab {
        height: calc(100vh - 500px) !important;
    }

    #divIncidents .ap-gridbody .grid-section {
        width: 65%;
    }

    #divIncidents .ap-gridbody .summery__section {
        width: 26%;
    }

    #gridDailyAttendanceList.app-kgrid__container .k-grid-content {
        height: calc(100vh - 585px) !important;
    }

    .col__plus-approve:after {
        left: 92%;
    }
    /* Approval Center Tooltip */
    #divIncidentsHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu, #divDailyAttendanceTabstripBin .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
        margin-top: 21px !important;
    }

    #divPlusPortalHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
        margin-top: 44px !important;
    }

    #divPeriodAttendanceGrid .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
        margin-top: -1px !important;
    }

    .relationship-block .relationship {
        width: 310px;
    }

    .excelwizard-student-rightside.tab-width-100, .tab-width-100 {
        width: 100% !important;
    }

    #divSetupCenter .tab-mt-20 {
        margin-top: 20px;
    }

    .settings__dropdown {
        padding: 11px 9px !Important;
    }
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .detailed-view {
        padding-right: var(--space-0px) !important;
    }
    /*End : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    .attendance-info-wrap > div:nth-child(2) {
        width: 36%;
    }

    .student__data .student__key, .student__data .student__value {
        font-size: var(--global-text-size-xs) !important;
        padding-right: 5px !important;
    }

    .student__data .student__key {
        max-width: 147px !important;
    }

    .multiple-student__left-container .attendance__box .col-12 .col-4 {
        min-width: 110px;
        max-width: 110px;
    }

    #studentsViewInfo {
        min-width: 570px;
    }

    .attendance-info-wrap > div:first-child {
        max-width: 110px;
        min-width: 110px;
        padding-right: 10px;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs .app__singlestudent {
        left: 4px;
    }

    .app__header .student__toggle .student__togglebutton {
        width: 200px;
    }

    .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs:before {
        width: 136px;
        left: 116px;
    }

    .app__header .recent__students .k-picker {
        width: 140px !important;
    }

    .app__header .app__year-pick .k-picker {
        width: auto !important;
    }

    .app__header .student__add .app__add-Student {
        width: auto !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    /* Multi Prospect - Contact Tab */
    .multi-contact-header .gridheader__top .app-primary-btn-container .app-button, .multi-contact-header .gridheader__bottom .app-primary-btn-container .app-button {
        padding: 6px 10px;
    }

    .multi-contact-header .gridheader__top, .multi-contact-header .gridheader__bottom {
padding: 10px 20px var(--space-0px);
    }

    .multi-contact-header .gridheader__top > li, .multi-contact-header .gridheader__bottom > li {
        margin-bottom: 10px;
    }

    .multi-contact-header .gridheader__top a.dropdown-toggle.togle-cls {
        width: 116px !important;
        padding: 10px 5px 5px 10px;
    }

    .multi-contact-header .gridheader__top .view-options-width {
        width: 116px !important;
    }
    /* Custom pagination */
    .custom-pagination .k-grid-pager .k-pager-nav {
        max-height: 32px;
        height: 32px !important;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes.k-label {
        margin-left: 39px;
    }

    .custom-pagination .k-grid-pager .k-pager-sizes .k-dropdown .k-dropdown-wrap {
        height: 31px !important;
    }

    .app__header .student__toggle .student__togglebutton .layer, .app__header .student__toggle .student__togglebutton .student__knobs {
        max-width: 257px;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs .app__singlestudent, .app__header .student__toggle .student__togglebutton .student__knobs:before {
        width: 125px;
    }

    .app__header .header__leftsec li {
        padding-left: 10px;
    }

    .app__header .header__leftsec li.app__schoolname {
padding-left: var(--space-0px) !important;
    }
    /* Approval Center - Overview Collapsed view */
    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content,
    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 368px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 369px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 318px) !important;
    }

    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 489px) !important;
    }


    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }
    /*School Schedule - manage course section - LinkedSkills - starts*/
    
    #divSchoolSchedule .available_skills_one .available_skills-box {
        flex-wrap: wrap;
        row-gap: 5px;
    }
    #grdCSTAvailableSkills.app-kgrid__container .k-grid-header table colgroup col,
    #grdCSTAvailableSkills .k-grid-content table colgroup col,
    #grdCSTSelectedSkills.app-kgrid__container .k-grid-header table colgroup col,
    #grdCSTSelectedSkills .k-grid-content table colgroup col {
        width: auto !important;
    }
    #grdCSTAvailableSkills.k-grid.gridStyle .k-grid-content {
        height: calc(100vh - 630px) !important;
    }
    #grdCSTSelectedSkills.k-grid.gridStyle .k-grid-content {
        height: calc(100vh - 480px) !important;
    }

    #manageskills_actionbtn .tab-skills_actionbtn {
        margin-left: 10px !important;
    }
    /*School Schedule - manage course section - LinkedSkills - ends*/

}

@media only screen and (max-width:1600px) {
    .tab-display-import-section {
        flex-wrap: wrap;
        row-gap: 50px;
        justify-content: space-around;
        overflow: auto;
    }

    .tab-import-section-area-height{
        max-height: fit-content;
    }
    .line-schedule-tiles .line-schedule__teacher-name {
        max-width: 100px;
    }

    .collapsed__div .tab-approval-left-btns .tab-approval-receive-log,
    .collapsed__div .tab-approval-left-btns .input-group {
margin-left: var(--space-0px) !important;
    }

    #divPeriodAttendanceHoldingBinTab.collapsed__div .tab-approval-left-btns .input-group,
    #divGradesHoldingBinTab.generic-left__section .tab-approval-left-btns .input-group {
        margin-left: 4px !important;
    }

    .incidents-column-box-outer .tab-approval-left-btns .app-primary-btn {
        padding: 5px 5px !important;
    }

    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 370px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 459px);
    }
    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 371px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
        height: calc(100vh - 364px) !important;
    }
    #btnCourseRequestsApprove { padding-left:5px; }
    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 75px !important;
        width: 70px !important;
    }
    #divPlusPortalHoldingBinTab.collapsed__div .app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label {
        display:none;
    }
    /*Manage course n sesction start*/
    #divSchoolSchedule .ap-gridbody.school-schedule-cover, #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }   
    /*Manage course n sesction ends*/
    /*SC - skills starts*/
    .skill-linkedto-box .tab-flex-skill-box {
        gap: var(--space-40px);
    }
    /*SC - skills ends*/
   
}

@media only screen and (max-width:1366px) {
    /* Approval Center - Overview Collapsed view */
    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content,
    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content,
    .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 366px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 316px) !important;
    }
}
@media only screen and (max-width:1100px) {
    #divAddDropCourseSectionBatch .app__dropdown .app-combo-dropdown, #divAddDropCourseSectionBatch .app__dropdown:has(.app-combo-dropdown),
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown .app-combo-dropdown, #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown:has(.app-combo-dropdown) {
        width: 200px !important;
    }
    #divAddDropCourseSectionBatch #txtSearchByText.app-w-515, #divAddDropCourseSection #divNewCourseSectionSearch #txtSearchByText.app-w-515 {
        width: auto !important;
        min-width: 180px;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        height: calc(100% - 72px);
    }
    #divbatchAddSchedule .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 620px) !important;
    }
    #divbatchAddSchedule .app-radio label::before {
top: var(--space-0px);
    }
    #divbatchAddSchedule .app-radio input:checked + label::after {
        top: 5px;
    }
    #divbatchAddSchedule .batch-entry-select-student-by {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .k-dropdownlist,
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown { max-width:200px !important; width:200px !important; }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container #option4Div.batch-entery__popup .row [class*="col-"] {
        min-width: 220px;
    }
    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content,
    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #divLinkedSkills .k-grid-content.k-auto-scrollable,
    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #gridSections .k-grid-content.k-auto-scrollable {
        height: auto !important;
    }
    .app-d-flex:has(.app__autoToggleswitches) {
        flex-wrap: wrap;
    }
    #divWidgetDetailedView .tab-w-300.app-w-500 {
        width: auto !important;
    }
}
@media only screen and (min-width: 768px) and (max-width:1200px) {
    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 551px) !important;
    }
    /******School -> Daily Attendance Starts*****/
    .app-position-absolute.abs__tar__selection {
        margin-top: var(--space-0px) !important;
    }

    .add-edit-modal, .add-new-modal, .add-responsive-tab {
        width: 98% !important;
    }
        /******School -> Daily Attendance Ends*****/

        .add-new-modal .contact__tabscontainer li, .add-new-modal .contact__tabscontainer li.active {
            margin-right: 1% !important;
            margin-left: 1%;
            width: 23.5%;
        }

            .add-new-modal .contact__tabscontainer li:last-child {
                margin-right: var(--space-0px) !important;
            }

            .add-new-modal .addcontact__helpbox, .add-new-modal .contact__tabscontainer li a, .add-new-modal .contact__tabscontainer li a:hover, .add-new-modal .contact__tabscontainer li a:focus {
                width: 100%;
            }

        .add-new-modal .allcontacts__container {
            flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            padding-top: var(--space-0px);
        }

            .add-new-modal .allcontacts__container > div, .add-new-modal .allcontacts__container > button {
                margin-top: 15px;
            }

        .add-edit-modal #tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown, .add-edit-modal #tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap {
            width: 140px !important;
        }

        .add-new-modal .contact__tabscontainer li:first-child, .app__header .header__leftsec .app__add-Student, .app__header .student__add .app__add-Student {
            margin-left: var(--space-0px) !important;
        }

    /* student__togglebutton */
    .students__tabs-header {
        background: var(--brand-default-light-background);
        min-height: auto;
    }

    /* End student__togglebutton*/

    .app__header .app__year-pick .k-widget.k-dropdown, .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap {
        width: 100px !important;
    }

    .muti-header-responsive .gridheader__top, .muti-header-responsive .gridheader__bottom {
        padding-left: 10px;
        padding-right: 10px;
    }

        .muti-header-responsive .gridheader__top #filterControls ul li.dropdown {
            margin-left: var(--space-0px);
        }

        .muti-header-responsive .gridheader__top .togle-cls {
            padding-top: 10px;
        }

        .muti-header-responsive .gridheader__top .app__dropdown .k-widget, .muti-header-responsive .gridheader__top .app__dropdown .k-widget .k-dropdown-wrap {
            width: 140px !important
        }

        .muti-header-responsive .gridheader__top .app-button, .muti-header-responsive .gridheader__bottom .app-button, #divContacts .app__gridheader .tab-contact__bottom .app-primary-btn-container .app-button {
            padding: 6px 10px;
        }

    #divMultiStaffLookup .gridheader__bottom .containsbegins-button {
        padding: var(--space-0px) 10px;
    }

    /* Contact tab */
    #divContacts .app__gridheader .tab-contact__bottom .tab-search {
        width: 140px !important;
    }

    #divContacts .app__gridheader .tab-contact__top, #divContacts .app__gridheader .tab-contact__bottom {
        padding-bottom: var(--space-0px);
        padding-top: 10px;
    }

        #divContacts .app__gridheader .tab-contact__bottom li {
            margin-bottom: 10px;
            padding-bottom: var(--space-0px) !important;
        }

    /* Multi Contact Tab */

    .multi-contact-header .gridheader__top, .multi-contact-header .gridheader__bottom {
        padding: 10px 10px var(--space-0px);
    }

    .multi-contact-header .grid__searchbox .close__icon, .muti-header-responsive .grid__searchbox .close__icon {
        top: 11px;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content,
    .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable,
    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 364px) !important;
    }
    #divSchoolPeriodAttendance .daily-attendance-messages .staff-absense .app-card {
        margin-right: 10px !important;
    }
    #divSchoolPeriodAttendance .daily-attendance-messages .correction-messages .app-card {
        margin-right: var(--space-0px) !important;
        margin-left: 10px;
    }

    /*************Schedule - Manage Course and Skills - Linked Skills starts**************/   
    #manageskills_actionbtn.manage-div {
        align-items: start;
        flex-direction: column;
    }

    #manageskills_actionbtn .tab-course-main-div {
        width: 100% !important;
        margin-bottom: 10px;
    }

        #manageskills_actionbtn .tab-course-main-div .tab-course-label {
            width: 150px !important;
        }
    /*************Schedule - Manage Course and Skills - Linked Skills ends**************/   
}

@media only screen and (max-width: 1024px) {
    /* Setupcenter - Settings - Default Locan Field Value - Starts*/
    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap, .attendance-period-screen-height .attendance-period-content-wrap, .schedule-rotaion-screen-height .schedule-rotaion-content-wrap {
        flex-direction: column;
        row-gap: 20px;
        justify-content: normal;
    }

    .attendance-period-screen-height .attendance-period-content-wrap > div.app-mr-20 { margin-right:0 !important; }
    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap > div,
    .attendance-period-screen-height .attendance-period-content-wrap > div,
    .schedule-rotaion-screen-height .schedule-rotaion-content-wrap > div,
    .schedule-rotaion-screen-height .schedule-rotaion-content-wrap > div .k-grid.app-w-720 {
        width: 100% !important;
    }
    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap {
        height: calc(100vh - 270px);
    }
    /* Setupcenter - Settings - Default Locan Field Value - Ends*/
    .demographic-app__tabstrip .k-tabstrip-items .k-link {
        z-index: 8;
    }
    #divRecipientsSelection .app-kgrid__container .k-grid-header th.k-header:nth-child(2),
    #divRecipientsSelection .app-kgrid__container .k-grid-content table td:nth-child(2) {
        padding-left: 10px !important;
    }
    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .expand-collapse-arrow {
        display: inline-block;
    }
    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 536px) !important;
    }
    .approval__center .period__attendance-page .expand-collapse-arrow {
        bottom: -6px;
    }
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab.collapsed__div .collapse__text {
        top: 9px;
    }
    .approval-center-page .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 534px) !important;
    }
    .approval__online-forms .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 400px) !important;
    }
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 449px) !important;
    }
    .approval__center.min-max-width #divGradesHoldingBinTab.collapsed__div .hamburger-menu {
        top: -20px;
    }
    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 394px) !important;
    }
    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 364px) !important;
    }
    .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 359px) !important;
    }
    .approval__center.min-max-width #divGradesHoldingBinTab.collapsed__div .app-kgrid__container {
margin-top: var(--space-0px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 383px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 324px) !important;
    }

    .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        top: -20px !important;
left: var(--space-0px);
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        left: 50px !important;
        top: 2px !important;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    /*    School > Schedule > Batch Edit Sections Starts*/
    #grdBatchEditSections.app-kgrid__container .k-grid-header th.k-header:first-child {
        padding-left: 11px !important;
    }

    #grdBatchEditSections.app-kgrid__container .k-grid-content tr td:first-of-type,
    #grdBatchEditSections.app-kgrid__container tr td:first-of-type {
        padding-left: 11px !important;
    }
    /*    School > Schedule > Batch Edit Sections Ends*/
    /* Enrollment - Add Student and dashboard Starts */
    #divEnrollmentDashboard .approval-center-dashboardtiles, #divEnrollmentDashboard .approval-center-dashboardtiles:last-child {
        min-width: 50% !important;
        width: 50%;
        max-width: 50% !important;
        padding-left: 10px !important;
        margin-top: 15px;
padding-right: var(--space-0px) !important;
    }

    #divEnrollmentDashboard .approval-center-dashboardtiles:last-child .enroll__last-container > div {
        width: 100%;
    }

    #divEnrollmentAddStudent .enrl__stud_left {
        padding: 15px !important;
    }

    #divEnrollmentAddStudent .enrl__stud_left .action-btn-wrap .app-secondary-btn-container.app-mr-20,
    #divEnrollmentAddStudent .enrl__stud_left .action-btn-wrap .app-primary-btn-container.app-mr-20 {
        margin-right: 10px !important;
    }

    #divEnrollmentAddStudent .enrl__stud_left .action-btn-wrap .app-primary-btn__img {
        height: 12px;
    }

    #divEnrollmentAddStudent .enrl__stud_left .action-btn-wrap .app-button, #divEnrollmentAddStudent .enrl__stud_left .multi-value .app-button {
        padding: 6px 10px;
        min-width: auto;
    }

    .app-white-bg:has(> .addstud__houshold) {
        padding: 10px !important;
    }

    #divEnrollmentAddStudent .stud-search-wrap .stud-search-options .app-combo-dropdown .k-picker {
        width: 150px !important;
    }

    #divAssignHousehold .app-border-orangeclr .app-white-bg:has(> .addstud__houshold) {
        padding-top: 30px !important;
    }
    /* Enrollment - Add Student and dashboard End */

    /* SC- Libraries - skills screen starts*/
    #gridManagedSkillsList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridManagedSkillsList .k-grid-content table colgroup col:first-child {
        width: 50px !important;
    }
    #scmanageSkills_box .course-search-input.tab-skill-searchbox-input {
        width: 190px !important;
    }

    .tab_display_skills-labelbox .tab-skill-gradepool {
        width: 300px !important;
        height: 40px !important;
    }
    /* SC- Libraries - skills screen ends*/
}

@media only screen and (max-width:1024px) {
    /* Enrollment Dashboard Starts */
    #divEnrollmentDashboard .approval-center-dashboardtiles, #divEnrollmentDashboard .approval-center-dashboardtiles:last-child {
        min-width: 50% !important;
        width: 50%;
        max-width: 50% !important;
        padding-left: 10px !important;
        margin-top: 15px;
padding-right: var(--space-0px) !important;
    }

    #divEnrollmentDashboard .approval-center-dashboardtiles:last-child .enroll__last-container > div {
        width: 100%;
    }
    /* Enrollment Dashboard End */
}

@media only screen and (max-width:991px) {
    .tab-popups.k-display-inline-flex:has(#PeriodAttendanceBatchEntry),
    .tab-popups.k-display-inline-flex:has(#DailyAttendanceBatchEntry) {
        width: 98% !important;
        left: 1% !important;
    }
    #divSchoolPeriodAttendance .daily-attendance-messages .staff-absense .app-card,
    #divSchoolPeriodAttendance .daily-attendance-messages .correction-messages .app-card {
margin-right: var(--space-0px) !important;
margin-left:var(--space-0px);
    }

    #divSchoolPeriodAttendance .daily-attendance-messages .nurse-dismissal {
padding-right: var(--space-0px) !important;
    }
    .addcourse__details .app-w-240, .addcourse__details .app-w-250 {
        width: 230px !important;
    }
    /* Enrollment Dashboard Starts */
    #divEnrollmentDashboard .approval-center-dashboardtiles, #divEnrollmentDashboard .approval-center-dashboardtiles:last-child {
        min-width: 100% !important;
        width: 100%;
        max-width: 100% !important;
        padding-left: 10px !important;
        margin-top: 15px;
padding-right: var(--space-0px) !important;
    }

    #divEnrollmentDashboard .approval-center-dashboardtiles:last-child .enroll__last-container > div {
        width: 100%;
    }

    .enroll-advance-search .single-student__filter__box {
        width: 50% !important;
    }

    .enroll__third-container .app-card-body, .enroll__last-container .app-card-body {
        display: flex;
        justify-content: center;
    }

    .enroll__third-container .app-card-body .ellipse__container, .enroll__last-container .app-card-body .ellipse__container {
        width: 450px;
    }

    #divEnrollmentDashboard .enroll__scrn .dashboard-module__enroll .row.app-row > div:nth-child(2) {
        margin-top: 20px;
        padding-left: 10px !important;
    }
    /* Enrollment Dashboard End */
    .relationship-block .checkbox-label .check-mark {
margin-right: var(--space-0px) !important;
    }

    .include-header__text.app-ml-30 {
margin-left: var(--space-0px) !important;
    }

    #divAllStaffs .app-ml-60 {
        margin-left: 19px !important;
    }

    .view__optionlist.app__dropdown.app__dropdownmenulist {
        width: 105px !important;
    }

    .app__header .student__help {
        padding-top: 6px;
        margin-left: 5px !important;
        margin-right: 5px !important;
    }

    .top-menu.header__leftsec .white__seperation__line {
margin: var(--space-0px) 10px;
    }

    .page-header {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .adm-headerWelcomeText > span {
        max-width: 65px;
        text-overflow: ellipsis;
        overflow: hidden;
        float: left;
        display: none;
    }

    #divPageTitle {
        max-width: 130px !important;
    }

    .add-new-modal .contact__tabscontainer .contact__tabbox {
        padding: 20px 10px;
    }

    .add-new-modal .addcontact__container .pull-left.app-w-75 {
        width: auto;
    }

    .add-edit-modal .relation__wrapper {
        display: block;
    }

    .app__gridheader .gridheader__bottom {
        height: auto !important;
    }

    .app__header .student__add .app__add-Student {
        width: 110px;
    }

    header ul.nav.top-menu {
margin-right: var(--space-0px) !important;
    }

    #FieldLayout .form-group {
        width: 100% !important;
    }

    #FieldLayout .form-group label {
        width: 35% !important;
        float: left;
    }

    #FieldLayout .form-group label + div {
        width: 65% !important;
        float: left;
    }

    #demographicsfields #FieldLayout input {
        width: 100%;
    }

    #demographicsfields #FieldLayout {
padding-right: var(--space-0px);
    }

    .student-left-col, .student-right-col {
        width: auto;
    }

    .student-right-col {
        float: right;
    }

    .app__header .app__year-pick .k-widget.k-dropdown, .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap {
        width: 84px !important;
    }

    .app__header .student__toggle .student__togglebutton .layer, .app__header .student__toggle .student__togglebutton .student__knobs, .app__header #staffToggle .student__togglebutton .layer, .app__header #staffToggle .student__togglebutton .student__knobs {
        max-width: 125px;
    }

    .app__singlestudent {
        display: none !important;
    }

    .responsive-student-toogle {
        display: block !important;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs .app__singlestudent, .app__header #staffToggle .student__togglebutton .student__knobs .app__singlestudent {
        width: 50px;
        top: 2px;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs:before, .app__header #staffToggle .student__togglebutton .student__knobs:before {
        width: 50px;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs:after {
        content: 'Multiple' !important;
    }

    .app__header .student__toggle .student__togglebutton, .app__header #staffToggle .student__togglebutton {
        width: 110px;
    }

    .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs:before, .app__header #staffToggle .student__togglebutton .student__checkbox:checked + .student__knobs:before {
        width: 70px;
        left: 51px;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs:after {
        padding: 10px 3px;
    }

    .header__leftsec {
margin-right: var(--space-0px) !important;
    }
    /*Manage Page - Edit Titles Starts */
    #divAddEditWidget .manage-page__popup.dashboard-home-tile .manage-page__inner-content .manage-page__inner-content{ width:750px !important;}
    #divAddEditWidget .manage-page__popup.dashboard-home-tile.tab__manage-page__popup{ width:800px !important;}
    #divAddEditWidget .manage-page__popup.dashboard-home-tile .edit-tiles-scroll .upper-section .app-width-115{width:115px;}
    #divAddEditWidget .manage-page__popup .manage-page__inner-content .manage-page__inner-content,#divWidgetEdit .manage-page__popup .manage-page__inner-content .manage-page__inner-content, #divEditWidget .manage-page__popup .manage-page__inner-content .manage-page__inner-content { width: 555px; height:100%; }
    #divAddEditWidget .edit-tiles-scroll .upper-section label,#divWidgetEdit .edit-tiles-scroll .upper-section label, #divEditWidget .edit-tiles-scroll .upper-section label { white-space:nowrap; width: auto; margin-right: 5px; }
    #divAddEditWidget .edit-tiles-scroll .upper-section .edit-tile-title, #divWidgetEdit .edit-tiles-scroll .upper-section .edit-tile-title, #divEditWidget .edit-tiles-scroll .upper-section .edit-tile-title { width: 332px; }
    #divAddEditWidget .edit-tiles-scroll .upper-section .edit-tile-widget-type,#divWidgetEdit .edit-tiles-scroll .upper-section .edit-tile-widget-type, #divEditWidget .edit-tiles-scroll .upper-section .edit-tile-widget-type { width: 286px; }
    #divAddEditWidget .edit-tiles-scroll .upper-section .app-width-115, #divWidgetEdit .edit-tiles-scroll .upper-section .app-width-115 { width: 72px; } 
    #divAddEditWidget .edit-tiles-scroll .select-students .app-width-115, #divAddEditWidget .edit-tiles-scroll .select-staff .app-width-115,#divWidgetEdit .edit-tiles-scroll .select-students .app-width-115, #divEditWidget .edit-tiles-scroll .select-students .app-width-115,divWidgetEdit .edit-tiles-scroll .select-staff .app-width-115, #divEditWidget .edit-tiles-scroll .select-staff .app-width-115 { width: 48px; }
    #divAddEditWidget .edit-tiles-scroll .select-students, #divAddEditWidget .edit-tiles-scroll .select-staff label,#divWidgetEdit .edit-tiles-scroll .select-students, #divEditWidget .edit-tiles-scroll .select-students,#divWidgetEdit .edit-tiles-scroll .select-staff label, #divEditWidget .edit-tiles-scroll .select-staff label { width:auto !important; white-space:nowrap; }
    #divAddEditWidget .edit-tiles-scroll .select-students .app-popup__dropdown-border, #divAddEditWidget .edit-tiles-scroll .select-staff .app-popup__dropdown-border,#divWidgetEdit .edit-tiles-scroll .select-students .app-popup__dropdown-border, #divEditWidget .edit-tiles-scroll .select-students .app-popup__dropdown-border,#divWidgetEdit .edit-tiles-scroll .select-staff .app-popup__dropdown-border, #divEditWidget .edit-tiles-scroll .select-staff .app-popup__dropdown-border { width:auto !important; min-width:110px; }
    #divAddEditWidget .edit-tiles-scroll .select-students .app-min-290, #divAddEditWidget .edit-tiles-scroll .select-staff .app-min-290,#divWidgetEdit .edit-tiles-scroll .select-students .app-min-290, #divEditWidget .edit-tiles-scroll .select-students .app-min-290,#divWidgetEdit .edit-tiles-scroll .select-staff .app-min-290, #divEditWidget .edit-tiles-scroll .select-staff .app-min-290 { margin-right:10px !important; }
    /*Manage Page - Edit Titles Ends */
}

@media only screen and (max-width:912px) {
    /* Setupcenter - Settings - Default Locan Field Value - Starts*/
    #gridDefaultLocalFields .k-grid-content {
        height: 400px !important;
    }

    .default-local-field-value-help-box {
        max-height: 125px;
        overflow-y: auto !important;
    }

    .default-local-field-value-right-part {
        margin-left: 0px !important;
    }

    .default-local-field-value-left-part {
        margin-right: 0px !important;
    }

    .default-local-rotaion-screen-height {
        height: calc(100vh - 525px);
    }

    #gridDefaultLocalFields.app-kgrid__container .k-grid-header.scroll-enabled .k-grid-header-wrap {
        overflow: hidden !important;
    }

    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap {
        flex-direction: column;
        row-gap: 20px;
        justify-content: normal;
    }

    .default-local-rotaion-screen-height .default-local-rotaion-content-wrap > div {
        width: 100% !important;
        max-width: 100% !important;
    }
    /* Setupcenter - Settings - Default Locan Field Value - Ends*/
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 790px) !important;
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 690px) !important;
    }
    /*    School - > Demographics -> No Primary E-Mail Screen Ends*/

    /* SC- Libraries - skills screen starts*/
    .tab_display_skills-gridbox, .tab_display_skills-gridbox .tab_display_skills-labelbox {
        width: 100% !important;
    }
    .tab_display_skills-gridbox .tab_display_skills-gridhelpbox{
        flex-direction: column;
    }
    .tab_display_skills-gridbox .tab_display_skills-gridhelpbox .tab_skills-scmanagegrid{
        width: auto !important;
    }
    .tab_skills-div{
        display: none;
    }
    .tab_display_skills-gridbox .tab_display_skills-gridhelpbox .tab_skills-help_linked{
        width: 100% !important;
        margin-top: 30px !important;
    }
    #scmanageSkills_box .course-search-input.tab-skill-searchbox-input{
        width: 200px !important;
    }
    .tab_display_skills-labelbox .tab-skill-gradepool{
        width: 200px !important;
        height: 40px !important;
    }
    .skills_help_skilllinked .help-box.tab-help-box {
        height: calc(100vh - 550px) !important;
    }
    #gridManagedSkillsList.app-kgrid__container.tab-grid-skill-content .k-grid-content {
        height: calc(100vh - 772px) !important;
    }
    .skill-linkedto-box .tab-flex-skill-box {
        gap: var(--space-20px);
    }
    /* SC- Libraries - skills screen ends*/


}

@media only screen and (min-width: 740px) and (max-width:767.68px) {
    #gridSchoolIncidentsReportsDetail .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 468px);
        max-height: calc(100vh - 468px);
    }
    .schedule-rotation-height {
        height: calc(100dvh - 476px);
    }

    .block-rotation-edit-mode .schedule-rotation-height {
        height: calc(100dvh - 526px);
    }

    .setupcenter_addresslayout .block-rotation-height {
        min-height: calc(100% - 185px);
        max-height: calc(100% - 185px);
    }
    #divCourseDetailsView .all-course-left .app-row > [class*="col-"] .row > [class*="col-"] {
padding-left: var(--space-0px) !important;
padding-right: var(--space-0px) !important;
        margin-bottom: 10px;
    }
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    .tab-blue-container-div .tab-course-name-div, .tab-blue-container-div .tab-course-div, .tab-blue-container-div .tab-course-div {
        width: 100% !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }
    .manage-course-buttons-header {
        display: flex;
        margin-top: 20px;
    }
    .tab-header-block, .school-schedule-all-course, .school-schedule-all-course {
        display: block;
    }
    .school-schedule-cover .tab-search-input-width {
        width: max-content !important;
        margin-right: 20px !important;
    }
    .tab-prt-10 {
        padding-right: 10px !important;
    }
    #divCourseAdvancedSearch .app-input input.input__box {
        width: 200px !important;
    }
    .daily__attendance-bulletin-settings .app-combo-dropdown.k-combobox, .daily__attendance-bulletin-settings .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker {
        width: 220px !important;
    }
    #divCourseAdvancedSearch .tab-search-button {
        position: relative;
        left: 60px;
        width: fit-content;
    }
    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }
    .tab-display-block {
        display: block !important;
        width: 50%;
    }
    .tab-mar-10, .tab-mar-top-10 {
        margin-top: 10px;
    }
    #divCourseAdvancedSearch label {
        width: 26%;
    }
    .tab-mar-0 {
margin-top: var(--space-0px) !important;
    }
    #divCourseAdvancedSearch .tab-length-label {
        width: 24%;
    }

    .app__sidebar .single-student__filter__box .single-student__dropdown {
        margin-bottom: 30px !important;
    }
        .school-schedule-all-course .all-course-left {
            width: 100%;
        }
    #divCourseSection label {
        margin-top: 5px;
    }

    .school-schedule-all-course .settings__dropdown {
        margin-top: 12px !important;
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {     
margin-left: var(--space-0px) !important;
    }
    .tab-right-side-section {
        margin-top: 20px;
margin-left: var(--space-0px) !important;
    }
        .school-schedule-all-course .all-course-right {
            height: auto;
            width: auto;
        }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    .approval__center .approval-center__global .form-name-info {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    /*Start : Approval center scalling adjustments - plusportal*/
    .approval-center__global .icon-name {
        display: none;
    }

    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 70px;
    }

    .approval__center.min-max-width .approval-center__global .collapsed__div .tab-left-container-btns {
        padding-top: 40px;
    }

    #divContactEdit .contact-edit-right {
padding-left: var(--space-0px) !important;
        margin-top: 15px;
    }

    #divContactEdit .contact-name-width {
        width: calc(32% - 62px);
    }

    .responsive-mt-60 {
        margin-top: 60px;
    }

    .approval-center__global .collapsed__div .tab-approval-left-btns .expand-collapse-arrow .app-button__noname {
right: var(--space-0px);
        position: absolute;
        top: 39px;
    }
    /*End : Approval center scalling adjustments - plusportal*/
    :root {
        --email-right-container: 260px;
    }
    .quick-mail__container .compose-mail__right {
        width: var(--email-right-container);
    }

    .student__popup-wrapper, .admission__popup-wrapper,
    .attendance__window {
        width: 680px !important;
    }

    .tabHomeContent.app__gridheader.app-scrollbar-normal .seperation__line {
margin: var(--space-0px) 10px !important;
    }

    .tabHomeContent.app__gridheader.app-scrollbar-normal .no-spacing.view-width.app-d-flex.app-align-items-center,
    .ap-gridbody .grid-section,
    .ap-gridbody .summery__section,
    .row.full-width.field-type-selection.g-0 .app-d-flex.app-pl-10 {
        display: block;
        width: 100% !important;
padding-left: var(--space-0px);
    }

    .tabHomeContent.app__gridheader.app-scrollbar-normal #tabstripSchedule .no-spacing.view-width.app-d-flex.app-align-items-center {
        display: flex !important;
    }

    #divSchedule .app__dropdown .k-dropdownlist, .app__dropdown {
margin: var(--space-0px) !important;
    }

    .app-d-inline-block.tab-superdb-mb-5.tab-superdb-d-block .app-d-flex.app-align-items-center.tab-superdb-left-position,
    #filter {
        display: block !important;
        width: 100% !important;
    }

    #divSuperDb .app__dropdown.app-ml-5.tab-app__dropdown .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md,
    #filter .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md {
        width: 190px !important;
    }

    .app-d-flex.app-pl-10 {
        margin-top: 10px;
padding: var(--space-0px) !important;
    }

    #portfolioContent .app-d-flex.app-pl-10 {
        margin-top: inherit;
padding: var(--space-0px) 0 0 15px !important;
    }

    #divPortfolio app-d-inline-block,
    #divPortfolio .app-d-flex.app-align-items-center,
    #divContacts .gridheader__top > li,
    #divContacts .gridheader__top > li .app-d-flex.app-align-items-center.tab-contact-left-position,
    #divDailyAttendance .app-d-flex.app-align-items-center.app-justify-content-between.app-position-relative {
        display: block !important;
    }

    #divPortfolio .app-d-flex.app-align-items-center.tab-portfolio-left-position .seperation__line,
    #divContacts .tab-contact-left-position .seperation__line {
        display: none;
    }

    #divNameSearch,
    #divContacts .containsbegins-button {
        width: max-content;
        margin-bottom: 10px;
    }

    .input-group.grid__searchbox.app-ml-10.tab-portfolio-ml-5 {
margin-left: var(--space-0px) !important;
    }

    #divContacts .gridheader__top > li.app-d-inline-block.tab-contact-d-block,
    #divPortfolio .gridheader__top > li.app-d-inline-block.tab-contact-d-block,
    #portfolio_Settings {
        float: left !important;
    }

    #divContacts .gridheader__top > li.app-push-right.app-d-inline-block.tab-contact-d-block,
    #divPortfolio .gridheader__top > li.app-push-right.app-d-inline-block.tab-contact-d-block {
        float: right !important;
    }

    #divContacts .app__dropdown .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md, #divContacts .app__dropdown .k-dropdownlist:hover,
    #divPortfolio .app__dropdown .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md, #divPortfolio .app__dropdown .k-dropdownlist:hover {
        width: 175px !important;
    }

    #divPortfolio .gridheader__top > li:last-child {
        width: 27%;
    }

    .app-ml-10.views__margin {
        float: right;
        margin-top: 10px;
    }

    #divDailyAttendance .date-view.app-mb-10.app-d-flex.app-align-items-center {
        margin-top: 10px;
    }

    .approval__center .app__toggle .app__togglebutton {
        position: absolute;
        bottom: 15px;
    }

    .approval__center.min-max-width .app__togglebutton {
        position: absolute;
        bottom: 20px !important;
    }

    .approval__center .tab-left-container-btns {
        padding-top: 40px;
    }

    .approval__center.min-max-width .tab-left-container-btns {
padding-top: var(--space-0px);
    }

    .approval__center .approval-formdropdown {
        top: -10px;
padding: 20px var(--space-0px);
    }

    .approval__center.min-max-width .approval-formdropdown {
padding: var(--space-0px);
    }

    .approval__center .approval__btn-receive-log {
margin-left: var(--space-0px) !important;
    }

    .approval__center.min-max-width .approval__btn-receive-log {
        margin-left: 10px !important;
    }

    .approval__center .expand__icon,
    .approval__center expand-collapse-arrow {
        position: absolute;
    }

    .approval__center .expand-collapse-arrow {
        position: relative;
        bottom: 110px;
    }

    .approval__center .expand__icon {
        position: absolute;
        top: 60px;
right: var(--space-0px);
    }
    /* Staff Schedule */
    #divStaffSchedule .tabHomeContent .gridheader__top li:first-child > div {
        flex-wrap: wrap;
    }

    #divStaffSchedule .tabHomeContent .gridheader__top li:first-child > div > div:last-child {
        margin-top: 10px;
    }

    #divStaffSchedule .tabHomeContent.app__gridheader.app-scrollbar-normal .no-spacing.view-width.app-d-flex.app-align-items-center {
        width: auto !important;
        display: flex;
    }

    #divStaffSchedule .gridheader__top .view-width .app__dropdown {
        width: auto !important;
        margin-left: 5px !important;
    }
    /* Staff Portfolio */
    #divStaffPortfolio .gridheader__top {
        display: table;
        height: auto;
        padding-bottom: 20px;
    }

    #divStaffPortfolio .gridheader__top .tab-portfolio-d-block {
        display: flex;
    }

    #divStaffSuperDb .gridheader__top .tab-superdb-left-position {
        display: flex !important;
        width: auto !important;
    }

    #divStaffPortfolio .gridheader__top .tab-portfolio-left-position, #divStaffSuperDb .gridheader__top .tab-superdb-left-position {
        position: relative;
        top: 51px;
        flex-wrap: wrap;
    }

    #divStaffPortfolio .gridheader__top .tab-portfolio-right-position, #divStaffSuperDb .gridheader__top .tab-portfolio-right-position {
        position: relative;
        bottom: 92px;
    }

    #divStaffSuperDb .app-d-flex.app-align-items-center.tab-superdb-left-position > div, #filter .k-picker.k-dropdownlist.k-picker-solid.k-picker-md.k-rounded-md, #filter, .tab-superdb-left-position .app__dropdown .k-dropdownlist, #divStaffPortfolio .app__gridheader .app__dropdown .k-dropdownlist, .row.full-width.field-type-selection.g-0 .app-d-flex.app-pl-10, #divStaffPortfolio .gridheader__top .app__dropdown {
        width: auto !important;
    }

    #divStaffSuperDb .field-type-selection .tab-superdb-right-position {
        bottom: 100px;
        position: relative;
    }

    #divStaffSuperDb .app-d-flex.app-align-items-center.tab-superdb-left-position > div {
margin-bottom: var(--space-0px) !important;
    }

    .view__optionlist.app__dropdown.app__dropdownmenulist {
        margin-bottom: 10px !important;
        margin-left: 10px !important;
    }

    #divStaffSuperDb .app-ml-10.views__margin {
margin-top: var(--space-0px) !important;
    }
}

@media only screen and (max-width:768px) {
    /* Setupcenter - Settings - Default Locan Field Value - Starts*/
    #gridDefaultLocalFields .k-grid-content {
        height: calc(100vh - 706px) !important;
    }

    .default-local-field-value-help-box {
        max-height: 175px !important;
        overflow-y: auto !important;
    }

    .default-local-field-value-right-part {
        margin-left: 0px !important;
    }

    .default-local-field-value-left-part {
        margin-right: 0px !important;
    }

    #gridDefaultLocalFields.app-kgrid__container .k-grid-header.scroll-enabled .k-grid-header-wrap {
        overflow: hidden !important;
    }

    .default-local-rotaion-screen-height {
        height: calc(100vh - 210px);
    }
    #setupcenterDefaultLocalFields .k-grid-content {
        min-height: calc(100vh - 585px);
        max-height: calc(100vh - 585px);
    }
    /* Setupcenter - Settings - Default Locan Field Value - Ends*/
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 465px) !important;
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    .same-primary-email-linked-student > div.app-text-end {
        margin-top: 10px;
    }
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 370px) !important;
    }
    /*    School - > Demographics -> No Primary E-Mail Screen Ends*/
        .ext-course-col:nth-child(even) {
padding-left: var(--space-0px);
    }
    .ext-course-col:nth-child(odd) {
padding-right: var(--space-0px);
    }
    .ext-course-col .ext-course-note {
        margin-top: 20px;
    }
    .approval-admissions-page .approval__center .tab-left-container-btns > .app-ml-10 {
        margin-left: 5px !important;
    }
    .approval-admissions-page .approval__center .expand-collapse-arrow {
        bottom: 58px;
        right: -10px;
    }
    .approval-admissions-page .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 372px) !important;
    }
    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 364px) !important;
    }
    .approval-admissions-page .min-max-width.approval__center #divHoldingBinTab .collapse__icon {
        top: 62px !important;
    }

    /* Enrollment - Add Student Starts */
    .addstud__houshold .stud-search-wrap .stud-search-options .k-dropdownlist {
        width: 112px !important;
    }

    .addstud__houshold .household-id-container .app-button {
        padding: 6px 12px;
    }
    /* Enrollment - Add Student Ends */
    #divGradesSetAsNotReadyBtn img {
        display: block;
    }

    #grdSetupCenterList, .single-student__filter__box, #grdSingleStaffList, .single-student__filter__box, #grdSingleStaffList, #grdSingleStudentList, #grdAllReportsList {
        width: 230px !important;
    }

    .app__content#single-student__mode {
        width: calc(100% - 230px);
    }

    #divStaffDailyAttendance .staff-toogle-wrap {
        display: block;
        margin: 20px 20px 10px 20px;
    }

    #divStaffDailyAttendance .staff-toogle-wrap .date-view {
        margin-top: 10px;
    }

    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
margin-bottom: var(--space-0px) !important;
    }

    #divSchedule .seperation__line {
margin: var(--space-0px) 10px;
    }

    #divPortfolio #dvfilter .k-dropdownlist {
        width: 90px !important;
    }

    .app__sidebar .single-student__filter__box .filter__label {
        margin-right: 10px;
    }

    .app__content .students__tabs-header .nav-tabs > li.active > a, .app__content .students__tabs-header .nav-tabs > li.active > a:hover .prospects-tabs-heade .nav-tabs > li.active > a:focus {
        border-bottom: 1px solid var(--global-light-color-indicator);
    }

    .students__tabs-header {
        background: var(--brand-default-light-background);
    }

    .approval__center #divDailyAttendanceHoldingBinTab .approval-center__left-details__container .daily__setiings-info {
        margin-top: 45px;
    }

    .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 555px) !important;
    }

    .approval__center.min-max-width #divDailyAttendanceHoldingBinTab.collapsed__div .daily_attendance-date-field {
        top: 57px;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 439px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 529px) !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab.collapsed__div .expand-collapse-arrow {
        left: 216px;
        bottom: 72px !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab.collapsed__div .expand-collapse-arrow {
        left: 216px;
        bottom: 72px !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab.collapsed__div .expand-collapse-arrow .collapse__icon {
top: var(--space-0px);
    }

    .approval__center #divPeriodAttendanceHoldingBinTab.collapsed__div .tab-approval-left-btns > li,
    .approval__center #divGradesHoldingBinTab.collapsed__div .tab-approval-left-btns > li {
        max-height: 10px;
    }
    .approval__center .course__request-page #divGradesHoldingBinTab.collapsed__div .tab-approval-left-btns > li {
        max-height:inherit;
    }
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .daily_attendance-date-field {
        right: -18px;
        top: 30px;
        width: 130px;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 369px) !important;
    }

    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 568px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 365px) !important;
    }

    .approval__center #divGradesHoldingBinTab.collapsed__div .approval-center__gridheader .collapse__text {
        top: -8px;
    }

    .approval__center #divIncidentsHoldingBinTab .tab-approval-left-btns > li {
padding-top: var(--space-0px);
    }

    .approval__center #divIncidentsHoldingBinTab .tab-approval-left-btns > li .input-group {
        margin-left: 2px !important;
    }

    .approval__center #divIncidentsHoldingBinTab .tab-approval-left-btns > li #_btnIncidentReceiveLog {
margin-left: var(--space-0px) !important;
    }

    .approval__center #divIncidentsHoldingBinTab .tab-approval-left-btns > li .expand__icon {
        position: absolute;
        top: 16px;
        left: 310px;
    }

    .receive-incidents.approval__center .incidents-right-container #divHBIncidentsDetails #divHbIncidentViewDetails #HbIncidentComments {
        height: 118px !important;
    }

    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 384px) !important;
    }

    .approval__center #divIncidentsHoldingBinTab.collapsed__div .tab-approval-left-btns {
padding-top: var(--space-0px);
    }

    .approval__center #divIncidentsHoldingBinTab.collapsed__div .tab-approval-left-btns #_btnApproveIncidents {
margin-top: var(--space-0px);
    }

    .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        top: 30px !important;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__icon {
        top: 5px;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        top: 38px !important;
        left: 60px !important;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab.collapsed__div #divGridHBIncident {
        margin-top: 42px !important;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 379px) !important;
    }

    /**************Send module start*****************/
    .app__content .students__tabs-header.email-tabs-header .nav-tabs > li > a,
    .app__content .students__tabs-header.email-tabs-header .nav-tabs > li > a p {
        font-size: var(--global-text-size-sm) !important;
        font-family: var(--global-font-family-semibold) !important;
        font-weight: normal !important;
    }
    .app__content .students__tabs-header.email-tabs-header .nav-tabs > li .back__arrow{
        width: 7px;
    }
    .students__tabs-header.email-tabs-header .nav-tabs > li.active > a {
        border-bottom: none !important;
    }
    /**************Send module ends*****************/
    .approval__center #divPlusPortalHoldingBinTab .app__toggle .app__togglebutton {
        bottom: 20px;
    }
    #divPlusPortalHoldingBinTab .tab-approval-left-btns #divPlusPortalReceiveLog { margin-left:0 !important; }
    .approval__center #divPlusPortalHoldingBinTab .expand__icon {
        top: 33px;
        right: -320px;
    }
    .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 447px) !important;
    }
    .approval__center .generic-left__section#divPlusPortalHoldingBinTab.collapsed__div .k-grid-content {
        height: calc(100vh - 449px) !important;
    }
    #divStudentCourseRequestDetails .app-semiblue-bg.app-blue-border { padding:5px !important; }
}

@media only screen and (max-width:680px) {
    #studentsViewInfo {
        width: calc(100% - 79px);
        min-width: auto;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #page-help-popin .panel-group .panel {
border: var(--space-0px) solid #fafafa !important;
    }

    #page-help-popin .panel-title > a, #page-help-popin .panel-collapse {
border: var(--space-0px) solid #fafafa !important;
    }
}

@media only screen and (max-width:992px) {
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235, .properties-field-wrap .app__dropdown.app-w-235 {
        width: auto !important;
        min-width: 120px;
    }

    #divStudentStaffDemographicFieldOptions .single-student__filter__box, #grdDemographicsPageFieldsList {
        width: 280px !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-100.app-d-flex:has(.app-w-70, .app-w-30) {
        flex-direction: column;
        column-gap: 20px;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-70, .custom-incidents-category-table .custom-incidents-page-height .app-w-30 {
        width: 100% !important;
margin-left: var(--space-0px) !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-30 {
        margin-top: 20px !important;
    }
    #gridCalenderSettings { width: auto !important; }
    #divAddDropCourseSectionBatch .app-dropdown-search .app__dropdown .k-input,
    #divAddDropCourseSectionBatch .app__dropdown .app-combo-dropdown, #divAddDropCourseSectionBatch .app__dropdown:has(.app-combo-dropdown),
    #divAddDropCourseSection #divNewCourseSectionSearch .app-dropdown-search .app__dropdown .k-input,
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown .app-combo-dropdown,
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown:has(.app-combo-dropdown) {
        width: 200px !important;
    }

    #divAddDropCourseSectionBatch .app-combo-dropdown.k-picker {
        width: 150px !important;
    }
    #divAddDropCourseSectionBatch .filters__padding { display:flex; }
    #divEnrollmentTab #divEnrollmentCenter .app-res-flex-wrap {
        flex-wrap: wrap;
        row-gap: 10px;
        white-space: nowrap;
    }
    #divbatchAddSchedule .line__after .batchentry__circle::after {
        width: 65px;
    }
    #divbatchAddSchedule .graphical__container .lines {
        width: 110px;
    }
    #divbatchAddSchedule .gridheader__top button.app-ml-20 {
        margin-left: 10px !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        height: calc(100% - 70px);
    }
    #divbatchAddSchedule #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 505px) !important;
    }
    /*Enrollment import module starts*/
    /*Enrollment import module ends*/
    #studentSnapshot .dailyAttendance__container .app-card #divSnapshotAttendance, #studentSnapshot .dailyAttendance__container .app-card #divStaffSnapshotAttendance {
padding-left: var(--space-0px);
    }
    .approval-center__global #divHoldingBinTab.generic-left__section.app__tabstrip .k-tabstrip-items .k-link {
padding: 10px 8px var(--space-0px) 8px !important;
    }
    .approval-center-page .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 534px) !important;
    }
    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 383px) !important;
    }
    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 364px) !important;
    }
    .approval-center-page .approval__center #divGradesGrid.app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label,
    #divPeriodAttendanceGrid.app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label,
    #divDailyAttendanceGrid.app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label,
    .approval-admissions-page .app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label {
        display: none;
    }
    .approval-center-page .approval__center .collapsed__div #divGradesGrid.app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label {
        display:block;
    }
    /*******Payment screen start*********/
    .payment-tab .advance-payment-wrap {
        display: block;
    }
    .payment-tab #btnManageAdvancePayment.app-mr-20 {
        margin-right: 10px;
    }
    /*******Payment screen ends*********/
    /**************Send module start*****************/
    .app-flex-column-tab {
        flex-direction: column;
    }

    .app-h-tab-auto {
        height: auto !important;
    }

    .app-mt-tab-15 {
        margin-top: 15px;
    }

    .app-mb-tab-15 {
        margin-bottom: 15px;
    }

    .app-ml-tab-0 {
margin-left: var(--space-0px) !important;
    }
    .app-tab-mr-0 {
margin-right: var(--space-0px) !important;
    }
    .app-tab-mb-20 {
        margin-bottom: 20px !important;
    }

    .app-w-tab-100 {
        width: 100% !important;
    }

    #dvEmailEditor {
        height: calc(100vh - 350px);
    }

    #dvtxtEmailEditor {
        height: calc(100vh - 352px);
    }

    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content,
    #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 470px) !important;
    }

    #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 508px) !important;
    }

    .app-w-480 {
        width: 100%;
    }
    .create-template-block #dvEmailEditor {
        height: calc(100vh - 295px) !important
    }
    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 414px) !important;
    }
    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 543px) !important;
    }
    .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 297px);
        width: calc(100% - var(--email-right-container) - 2px);
    }
    .send-select-student-grid {
        height: calc(100vh - 410px);
    }

    #studentSelectionEmail .app__dropdown,
    #studentSelectionEmail .app__dropdown .k-dropdownlist,
    #studentSelectionEmail .app__dropdown .k-dropdownlist:hover,
    #studentSelectionEmail .app__dropdown .k-dropdownlist:active,
    #studentSelectionEmail .app__dropdown .k-dropdownlist:focus,
    #studentSelectionEmail .app__dropdown .k-dropdownlist:visited {
        width: 180px !important;
    }

    .send-view-recipient-block,
    .send-student-details-block,
    .send-view-recipient-block-btn,
    .send-student-details-block-btn,
    .send-scheduled-edit,
    .send-edit-block {
        width: 100% !important;
    }
    .send-edit-block.app-ml-20 {
margin-left:var(--space-0px) !important;
    }
    .app-w-tab-80 {
        width: 80% !important
    }

    .emailSubjectBlock {
margin-top: var(--space-0px) !important;
    }

    .email-subjec-block {
        margin-top: 15px !important;
    } 
    .emailSubjectBlock.email-subjec-block .app-sent-view-contact,
    .emailSubjectBlock.email-subjec-block .app-perview-contact {
        height: calc(100vh - 870px);
    }
    .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 755px);
    }

    #divScheduleLater.schedule-later .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 710px);
    }

    #divScheduleLater .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 940px);
    }
    .send-email-block {
        overflow: auto !important;
        height: calc(100vh - 380px);
    }

    .send-email-block .app-pl-20 {
padding-left: var(--space-0px) !important;
    }

    .send-email-block .app-pr-10 {
padding-right: var(--space-0px) !important;
    }

    #grdScheduledEmail .k-grid-content, #grdEmailRecipientProspectList2 .k-grid-content,
    #grdManageEmailTemplate .k-grid-content {
        height: calc(100vh - 350px) !important;
    }
    #dvEmailEditor {
        height: calc(100vh - 400px);
    }
    #dvtxtEmailEditor {
        height: calc(100vh - 402px);
    }
    #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 690px) !important;
    }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 530px) !important;
    }
    #divManageTemplates #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 450px) !important;
    }
    #divEmailTab .grid__searchbox .allGrids__SearchBox {
        width: 250px !important;
    }
    #studentSelectionEmail .app-grey-bg {
        height: calc(100vh - 445px);
    }
    #studentSelectionEmail .select__grade-txt, #studentSelectionEmail .db__grade-txt {
        width: 100px;
    }
    .send-email-block {
        height: calc(100vh - 410px);
    }
    .create-template-block #dvEmailEditor {
        height: calc(100vh - 330px) !important;
    }
    .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 330px);
    }
    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 620px) !important;
    }
    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 450px) !important;
    }
    .schedule-later .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 690px);
    }
    /**************Send module ends*****************/
    #divBilling .amt__section, #divBilling .amt__box {
        display: inline-block;
margin-left: var(--space-0px) !important;
    }

    #divBilling #invoiceSummary .amt__section + .app-ml-20.app-mr-20 img, #divBilling #invoiceSummary .amt__section + .app-ml-20 img {
        margin-top: 16px
    }

    .tab-school-daily__attendance-first-container {
padding-right: var(--space-0px) !important;
    }

    .demographics-contact-tile {
        margin-top: 15px;
    }

    .attendance-date__input button#Date {
        padding-left: 10px !important;
    }

    .k-widget.k-window.divDocumentViewer-popup {
        max-width: 100% !important;
    }
    /* Portfolio Add Edit Modal */
    #divPortfolioAddEdit .app-file-browse .k-upload-files {
        top: 4px !important;
    }

    #divPortfolioAddEdit .k-upload .k-progressbar {
        bottom: 1px;
    }

    #schedule-wrap ul li span:first-child {
        width: 90px;
    }

    /* Multiple Staff pages */
    #divMultiStaffLookup .app__dropdown .k-dropdownlist, #divMultiStaffSuperDB .app__dropdown .k-dropdownlist, #divMultiStaffPortfolio .app__dropdown .k-dropdownlist {
        width: 90px !important;
    }

    #divMultiStaffLookup .containsbegins-button {
        margin-right: 10px;
        width: auto;
    }

    .app__gridheader .gridheader__bottom {
        padding: 10px;
    }

    /* Staff Schedule tab header tab*/
    #divStaffSchedule .gridheader__top .seperation__line, #divStaffPortfolio .gridheader__top .seperation__line {
margin: var(--space-0px) 10px;
    }

    #divStaffSchedule .gridheader__top .view-width.app-ml-30 {
        margin-left: 10px !important;
    }

    #divStaffSchedule .gridheader__top .view-width .app__dropdown, #divStaffPortfolio .gridheader__top .view-width .app__dropdown, .selectview-dropdown {
margin-bottom: var(--space-0px) !important;
    }

    .tab-port-w-100.app-ml-20,
    .excelwizard-student-rightside .app-ml-60 {
margin-left: var(--space-0px) !important;
    }

    #divStaffSchedule .gridheader__top {
        padding: 10px;
    }

    /* toggle button - attendance tab */
    #divStaffDailyAttendance .app__toggle .app__togglebutton, #divDailyAttendance .app__toggle .app__togglebutton {
        width: 190px;
    }

    #divStaffDailyAttendance .toggle__knobs, #divDailyAttendance .toggle__knobs {
        max-width: 188px;
    }

    #divStaffDailyAttendance .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before, #divDailyAttendance .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 82px;
        width: 103px;
    }

    #divStaffDailyAttendance .app__toggle .app__togglebutton .toggle__knobs .app__toggleone, #divDailyAttendance .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        left: 7px;
        width: 70px;
    }

    #divStaffDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:after, #divDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 10px;
    }

    #divStaffDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:before, #divDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 74px;
    }

    #divStaffDailyAttendance .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before, #divDailyAttendance .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 82px;
        width: 102px;
    }

    #divStaffDailyAttendance .app__toggle .app__togglebutton .layer, #divStaffDailyAttendance .app__header .app__toggle .app__togglebutton .toggle__knobs, #divDailyAttendance .app__toggle .app__togglebutton .layer, #divDailyAttendance .app__header .app__toggle .app__togglebutton .toggle__knobs {
        max-width: 190px;
    }

    /*excelwizard start*/

    .tab-wrap-normal {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .excelwizard__container #grdStudAvailableFields .form-control,
    .excelwizard__container #grdStaffAvailableFields .form-control,
    .excelwizard-student-rightside.app-two-feilds-column-rightside,
    .tab-student-grade .excelwizard-student-rightside,
    #FieldFilter.form-control,
    .tab-port-w-100 {
        width: 100% !important;
    }
    .excelwizard__container .form-control {
        width: 120px !important;
    }

    .app__dropdown.staffStatus-dropdown {
        width: 150px !important;
    }

    .tab-student-grade .excelwizard-student-leftside {
        width: 100px !important;
    }

    .excelwizard-student-leftside.app-two-feilds-column-leftside {
        width: 75px !important;
    }

    .excelwizard-student-leftside .include-header__text,
    .excelwizard-student-rightside .include-header__text {
        width: auto !important
    }

    .app__dropdown.selectview-dropdown {
        width: 220px !important;
    }

    .include-feild .excelwizard-student-leftside {
        width: 111px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 111px) !important;
    }
    /*excelwizard ends*/
    #studentsViewInfo {
        min-width: 420px;
    }
    /*ap.com superdb*/
    #divSuperDb .app__gridheader ul.gridheader__top li:first-child .grid__headline, #divSuperDb .app__gridheader ul.gridheader__top li:first-child .seperation__line {
        display: none;
    }

    #divSchedule .app__dropdown .k-dropdownlist, .app__dropdown, .app__dropdown.contacts-layout-dropdown .k-dropdownlist, #divSuperDb .app__gridheader ul.gridheader__top .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover {
        width: 90px !important;
    }
    /*ap.com superdb*/
    #divAddEditIncidentCategoryField .app__dropdown .k-dropdownlist, #divAddEditIncidentCategoryField .app__dropdown {
        width: 200px !important;
    }
    #divAddEditIncidentCategoryField .app__dropdown.app-w-100px {
        width:100px !important;
    }
    /* Enrollment - add Students Start */
    .app-res-w-100 {
        width: 100% !important;
    }

    .app-res-m-10 {
        margin: 10px !important;
    }

    .enrl__stud_left .action-btn-wrap .app-mr-20 {
        margin-right: 10px !important;
    }

    .action-btn-wrap {
        white-space: nowrap;
    }

    .overview__screen.enroll__overview {
        padding-bottom: 10px;
    }

    /* Enrollment - add Students Start */
    #divContacts .gridheader__top, #divContacts .gridheader__bottom, #divPortfolio .gridheader__top, #divPortfolio .gridheader__bottom {
        display: table;
        height: auto;
padding-top: var(--space-0px) !important;
        padding-bottom: 10px !important;
        width: 100%;
    }

    #divSuperDb .gridheader__top, #divSuperDb .gridheader__bottom {
        display: table;
        height: auto;
        width: 100%;
    }

    #divContacts .gridheader__top > li, #divContacts .gridheader__bottom > li, #divPortfolio .gridheader__top > li, #divPortfolio .gridheader__bottom > li {
        margin-top: 10px !important;
    }

    #divContacts .app__dropdown .k-dropdownlist, #divContacts .app__dropdown, #divPortfolio .app__dropdown .k-dropdownlist, #divPortfolio .app__dropdown {
        width: 130px !important;
    }

    .student__container, .contact__container, .demograhics__container, .penalty-summary__container {
        margin-bottom: 10px !important;
    }

    .portfolio-card {
        margin-top: 10px !important;
    }

    .student__container, .contact__container {
padding-right: var(--space-0px);
    }

    .demograhics__container {
        margin-top: 5px;
padding-right: var(--space-0px) !important;
    }

    .penalty-summary__container, .incident-summary__container {
padding-right: var(--space-0px) !important;
    }

    .portfolio__files {
        width: auto;
    }

    .dailyAttendance__container .app-card-body {
        padding-left: 10px !important;
    }

    .gpa-credit__container .app-card-body, .invoice__container .app-card-body {
        padding-left: 10px;
        padding-right: 10px;
        height: auto;
    }

    .single-student__filter__box span.k-dropdownlist {
        width: 166px !important;
    }
     .quick-mail__container .app__tabstrip .k-tabstrip-items .k-link {
        padding: 8px 10px 10px 10px !important;
    }

    #SdivTableTab #SdivTableValues #STableGrid .k-header.k-grid-toolbar.k-grid-top {
        top: -55px;
    }
    
    .quick-mail__container .send-now {
        width: auto;
    }

    /* School - Demographics */

    .quick-mail__container .to-cc-bcc-inputs, .quick-mail__container .email-recipients-grid, .tab-email-mode-twoBtns.tab-email-mode .to-cc-bcc-inputs {
        width: calc(100% - 220px);
    }

    .advanced_mode-ref .email-actions {
        width: 217px;
    }

    .quick-mail__container .email-actions {
        width: 220px;
    }
    /* Enrollment - add Students Start */
    .enroll__overview .enrl__stud_left, .enroll__overview .enrl__stud_right {
        padding: 15px !important;
    }

    .enrl__stud_left .multi-value .app-button {
        height: auto !important;
        padding: 6px 12px;
    }
    /* Enrollment - add Students Start */
}

@media only screen and (max-width:920px) {
    /* Staff SuperDB*/
    #divStaffSuperDb .app-d-flex.app-align-items-center.tab-superdb-left-position {
        flex-wrap: wrap;
    }

    #divStaffSuperDb .field-type-selection .tab-superdb-right-position {
        bottom: 100px;
    }

    #divStaffSuperDb .gridheader__bottom {
padding: 15px 10px var(--space-0px);
    }

    #divStaffSuperDb .gridheader__bottom li, #divStaffSuperDb .app-d-flex.app-align-items-center.tab-superdb-left-position > div {
        margin-bottom: 10px;
    }
}

@media not all and (hover:hover) {
    body {
        height: var(--app-height);
    }

    #grdSingleStudentList .k-grid-content {
        height: calc( var(--app-height) - (var(--header-height) + var(--one-prospect-filter-box-height))) !important;
    }

    #single-student__mode {
        height: calc(var(--app-height) - var(--header-height));
        overflow-y: auto;
    }

    #divMultipleStudentsMode.tab-divMultipleStudentsMode .tab-app-kgrid__container .k-grid-content, #divMultipleStudentsMode.tab-divMultipleStudentsMode .tab-app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 400px) !important;
        min-height: calc(var(--app-height) - 400px) !important;
    }

    #divMultipleStudentsMode {
        overflow-y: auto;
    }
}

@media only screen and (max-width:846px) {
    .approval-admissions-page .approval__center.min-max-width .form__approvalsec {
        min-height: auto;
    }

    .approval-admissions-page .form__approvalsec-ul {
        height: auto;
    }

    .approval-admissions-page .approval__center.min-max-width .generic-left__section .tab-approval-left-btns {
padding-top: var(--space-0px);
    }

    .approval-admissions-page .approval__center.min-max-width .approval__btn-receive-log, .approval-admissions-page .min-max-width.approval__center .settings-btn, .approval-admissions-page .min-max-width.approval__center .approve-btn {
margin-top: var(--space-0px);
    }

    .approval-admissions-page .min-max-width.approval__center #divHoldingBinTab .collapse__icon {
        top: 114px !important;
    }

    .approval-admissions-page .approval-center__global #divHoldingBinTab.generic-left__section.app__tabstrip .k-tabstrip-items .k-link {
padding: 10px 5px var(--space-0px) 5px !important;
        font-size: 12px !important;
    }

    .approval-center-page .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 568px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 410px) !important;
    }
    /* Enrollment - Add Student Starts */
    .addstud__houshold .stud-search-wrap .stud-search-options .k-dropdownlist {
        width: 130px !important;
    }

    .action-btn-wrap {
        white-space: nowrap;
    }

        .action-btn-wrap .app-button {
            padding: 6px 10px;
            min-width: auto;
        }

            .action-btn-wrap .app-button img {
                width: 18px;
            }

    .enrl__stud_left .multi-value {
        flex-wrap: wrap;
        row-gap: 10px;
        height: auto !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    /* Enrollment - Add Student Ends */
    .app__header .page-header .top-menu #welcome_user .welcome_userimage {
        padding-right: 5px !important;
    }

    .app__header .header__rightsec .student__help {
        right: 118px !important;
    }

    /* Single contact - bottom grid */
    #divSingleStudentContact .gridheader__bottom li > .app-d-flex {
        flex-wrap: wrap;
    }

    #divSingleStudentContact .gridheader__bottom li .grid-data__name, #divSingleStudentContact .gridheader__bottom li .containsbegins-button {
        margin-bottom: 10px;
    }

    #divSingleStudentContact .gridheader__bottom li .containsbegins-button {
        margin-right: 10px;
    }

    #divSingleStudentContact .gridheader__bottom li .input-group.grid__searchbox {
        margin-left: auto !important;
        margin-bottom: 10px;
    }
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .batch-time input {
        width: 160px !important;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .app-input input,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .app-input input,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #divSuperDbBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist
    {
        width: 180px !important;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .db__fields,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .db__fields {
        width: 200px !important;
    }
}

@media only screen and (max-width:768px) {
    #divbatchAddSchedule .grid__searchbox .tab-portfolio__search {
        width: 100px;
    }
    .approval-admissions-page .min-max-width.approval__center #divHoldingBinTab .collapse__icon {
        top: 62px !important;
    }
    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 365px) !important;
    }
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 458px) !important;
    }
    .generic-left__section#divHoldingBinTab .approval-filter.app__dropdown, .generic-left__section#divHoldingBinTab .approval-filter.app__dropdown .k-dropdownlist {
        width: 90px !important;
    }
    .approval__center #divHoldingBinTab.collapsed__div .app-kgrid__container {
margin-top: var(--space-0px) !important;
    }
    .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 400px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 432px) !important;
    }
    /* Enrollment - Add Student Starts */
    .addstud__houshold .stud-search-wrap .stud-search-options .k-dropdownlist {
        width: 112px !important;
    }

    .addstud__houshold .household-id-container .app-button {
        padding: 6px 12px;
    }
    /* Enrollment - Add Student Ends */
    .approval__center #divIncidentsHoldingBinTab .expand-collapse-arrow {
        bottom: 40px;
        left: 14px;
    }
    .approval__center #divIncidentsHoldingBinTab.collapsed__div .expand-collapse-arrow {
bottom: var(--space-0px);
    }
}

/* Bootstrap 5 Upgrade */
@media only screen and (min-width:1025px) {
    .students__tabs-header .collapse-btn-wrap {
        display: none;
    }

    .students__tabs-header .collapse:not(.show) {
        display: block;
    }
}

/*****************************New Resposnsive Fixes Starts**********************************************/
@media only screen and (min-width :1280px) and (max-width:1660px) {
    /*    School > Schedule > Batch Edit Sections Starts*/
    #grdBatchEditSections.app-kgrid__container .k-grid-header th.k-header:first-child {
        padding-left: 11px !important;
    }

    #grdBatchEditSections.app-kgrid__container .k-grid-content tr td:first-of-type,
    #grdBatchEditSections.app-kgrid__container tr td:first-of-type {
        padding-left: 11px !important;
    }
    /*    School > Schedule > Batch Edit Sections Ends*/

    .app-green__container ul li span {
        line-height: 14px;
    }

    .app-green__container ul li {
        display: flex;
        display: -ms-flexbox;
    }

    #schedule-wrap ul li > span:last-child {
padding-left: var(--space-0px);
    }

    /*********School -> Daily Attendance Starts***********/
    .school-auto-publish__container {
        display: grid;
    }

    .school-auto-publish__container .auto-publish-timebox {
        margin-top: 10px;
margin-left: var(--space-0px);
        width: 160px;
    }

    .school-auto-publish__container .auto-timebox-info {
        position: absolute;
        right: 20px;
        margin-top: 25px;
    }

    .school__publish-btn {
        min-width: max-content !important;
    }
    /*********School -> Daily Attendance Ends***********/
}

@media only screen and (min-width:1700px) and (max-width: 1900px) {
    #gridActionCodesList.scroll-enabled-grid .k-grid-header table colgroup col:last-child,
    #gridActionCodesList.scroll-enabled-grid .k-grid-content table colgroup col:last-child, #gridActionCodesList .k-grid-header table colgroup col:last-child,
    #gridActionCodesList .k-grid-content table colgroup col:last-child {
        width: 50px !important;
    }
    #divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 468px) !important;
    }
    #divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 536px) !important;
    }
    .approval__center.min-max-width .plusportals__selection .app-primary-btn {
        padding: 5px 10px !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 319px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 369px) !important;
    }

    .school__bulletin-option .auto-publish-timebox {
        padding: 8px 12px;
    }

 
    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:first-child {
        width: 160px !important;
    }
    /*Manage course n sesction start*/
    #divSchoolSchedule .ap-gridbody.school-schedule-cover, #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: auto;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
    #gridSections.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridSections .k-grid-content table colgroup col:first-child {
        width: 140px !important;
    }
    /*Manage course n sesction ends*/

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }
    /*************Schedule - Manage Course and Skills - Linked Skills starts**************/   
    #manageskills_actionbtn .course-main-div {
        width: 75% !important;
    }
    /*************Schedule - Manage Course and Skills - Linked Skills ends**************/   
    .skill-linkedto-box .tab-flex-skill-box {
        gap: var(--space-40px);
    }

}

@media screen and (min-height: 995px) {
    .app__header .header__rightsec .student__lists {
        padding-right: 10px;
    }

    .app__header .header__rightsec .student__help {
        right: 135px;
    }
}

@media only screen and (min-width:1000px) and (min-height: 995px) {
    .app__header .header__rightsec .student__lists {
        padding-right: 40px;
    }
}

@media only screen and (min-width:1025px) and (max-width: 1049.98px) {
    .app__header .header__rightsec .student__lists {
padding-right: var(--space-0px);
    }
}

@media only screen and (width: 1280px) {
    #divSchoolDemographics .student-edit-attendance #grdGenericSuperDb .k-grid-content {
        height: calc(100vh - 345px) !important;
    }

    #divSchoolDemographics .student-edit-attendance .school-demographic-genericSuperDb{
margin-bottom: var(--space-0px) !important;
    }
    #attendanceListview #divPeriodAttendance.expanded #gridPeriodAttendance.app-kgrid__container .k-grid-content {
        max-height: calc(100vh - 405px) !important;
        min-height: calc(100vh - 405px) !important;
    }
    #divIncidentToggles.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before,
    #divSectionAddEdit .edit-incident.student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 155px;
        width: 83px !important;
    }

    #divIncidentToggles.app__toggle .app__togglebutton .toggle__knobs:before,
    #divSectionAddEdit .edit-incident.student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 120px !important;
    }

    #chart.chart-height, #chartDetailedView.chart-height {
        height: calc(100vh - 324px) !important;
margin-top: var(--space-0px) !important;
    }
    #grdStudentSuperDb .k-toolbar.k-grid-toolbar, #grdGenericSuperDb .k-toolbar.k-grid-toolbar {
        top: -45px;
        right: 10px;
    }
    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 527px) !important;
    }
    #divSchoolDailyAttendance .approval__center.min-max-width #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 426px) !important;
    }
    .student__image-container:hover .overlay__add-image {
        height: calc(100% - 7px) !important;
    }
    /* Approval Center - Grade Starts */
    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 484px) !important;
    }
    .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 364px) !important;
    }
    .min-max-width.approval__center .period__attendance-page #divGradesHoldingBinTab .collapse__icon {
        top: 25px;
    }
    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 314px) !important;
    }
    /* Approval Center - Grade Ends */
    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 364px) !important;
    }
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon {
        top: 35px;
    }
    .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab.collapsed__div .collapse__text {
        top: 6px;
    }
    .approval__online-forms .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 338px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 383px) !important;
    }
    .approval__center.min-max-width #divHoldingBinTab .expand-collapse-arrow .collapse__icon {
        top: 5px;
right: var(--space-0px);
    }
    #divHoldingBinTab.collapsed__div .app__toggle { top:-10px; }
    #divHoldingBinTab.generic-left__section .student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 100px;
    }
        /**************Send Module start******************/
        .add-recipient-block {
        max-height: calc(100vh - 565px);
    }
    .mail-subject-block{
padding-top: var(--space-0px);
padding-bottom: var(--space-0px);
    }
    .sent-file-name {
        height: 25px;
    }
    .div-attached-file {
        min-height: 40px;
        max-height: 48px;
    }
    .emailSubjectBlock .app-flex-container .app-d-flex {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .emailSubjectBlock .app-flex-container.app-mt-10,
    .emailSubjectBlock .app-flex-container.app-mt-15.app-mb-10 {
margin: var(--space-0px) !important;
    }
    .emailSubjectBlock .app-flex-container.app-mt-15 {
        margin-top:5px !important;
    }
    .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 570px);
    }
    .select-recipients-block {
        height: calc(100vh - 370px);
    }
    .add-recipient-bg {
        max-height: calc(100vh - 503px);
    }
    .send-select-student-grid {
        height: calc(100vh - 365px);
    }    
    /**************Send Module ends******************/
    /* Enrollment Dashboard Starts */
    .enroll__third-container .app-card-body .ellipse__container .diagram-flow .col-admission-submitted > span {
        right: 15px;
    }
    /* Enrollment Dashboard End */
    .ap-gridbody .grid-section {
        width: 72%;
    }

    #divMultiStaffSuperDB .k-grid-content, #divMultiStaffPortfolio .k-grid-content, #divMultiStaffLookup .k-grid-content {
        max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 208px)) !important;
        min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 208px)) !important;
    }

    .approval-center-dashboardtiles .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        left: 5px !important;
        width: 70px;
    }

    .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 70px !important;
    }

    .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        left: -8px;
    }

    .generic-left__section .student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 66px;
        width: 49px !important;
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -30px;
padding: var(--space-0px);
    }

    .overview__screen .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 10px !important;
    }

    .student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 49px !important;
    }

    .student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 67px;
    }

    .approval__center.min-max-width .form-name-info {
margin-top: var(--space-0px);
    }

    .approval__center .form-name-info {
        margin-top: 5px;
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -30px;
padding: var(--space-0px);
    }

    .overview__screen .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 10px !important;
    }

    .student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 49px;
    }

    .student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 67px;
    }

    /***********Approval Center -> Daily Attendance on Collpase Starts************/
    .approval__center.min-max-width .approval-center__header-buttons .app-button.app-button__nolabel {
        padding: 5px 5px;
    }

    .min-max-width.approval__center .daily__attendance-page .collapse__icon,
    .min-max-width.approval__center .period__attendance-page .collapse__icon {
        position: absolute;
        right: 2px;
        top: 35px;
    }
    #divSchoolPeriodAttendance .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon, #divSchoolDailyAttendance .approval__center.min-max-width .daily__attendance-page .expand-collapse-arrow .collapse__icon {
        top: 35px !important;
    }
    /***********Approval Center -> Daily Attendance on Collpase Ends************/
    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 466px) !important;
    }
    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 364px) !important;
    }

    .approval__center.min-max-width .plusportals__selection .app__toggle .app__togglebutton {
        width: 120px !important;
    }

    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 10px !important;
    }

    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 72px !important;
    }
}
/*****************************New Resposnsive Fixes Ends************************************************/

@media only screen and (width: 1200px) {
    #divHoldingBinTab .app__toggle .app__togglebutton {
        width: 132px;
    }
    #divHoldingBinTab .student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 48px;
    }
    #divHoldingBinTab .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 65px;
    }
    #divHoldingBinTab .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        width: 75px;
    }
    #divHoldingBinTab .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 10px;
    }
    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 484px) !important;
    }
    .approval__online-forms .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 338px) !important;
    }
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 449px) !important;
    }
    .approval-admissions-page .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 379px) !important;
    }
    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 370px) !important;
    }
    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 490px) !important;
    }
    /* Enrollment Dashboard Starts */
    .enroll__third-container .app-card-body .ellipse__container .diagram-flow .col-admission-submitted > span {
        right: 25px;
    }

    .enroll__third-container .app-card-body .ellipse__container .diagram-flow .col-correction-req > span,
    .enroll__third-container .app-card-body .ellipse__container .diagram-flow .col-admission-approve-delete span,
    .enroll__last-container .app-card-body .ellipse__container .diagram-flow .col-approve-delete span {
        left: 5px;
    }

    .enroll__last-container .app-card-body .ellipse__container .diagram-flow .col-submitted:before {
        left: -63px;
    }
    /* Enrollment Dashboard End */
}

/***************** styles for screens with 150% scale on desktops***************************************/
@media screen and (max-width: 1280px) and (hover:hover) {
    #newWindow {
        width: auto !important;
    }
    /*Start : Approval center scalling adjustments*/
    .generic-left__section .student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 66px;
        width: 42px;
    }

    /*End : Approval center scalling adjustments*/
    .approval__center.min-max-width .generic-left__section .k-tabstrip .k-content.k-active {
        overflow: hidden !important;
    }

    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 378px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 359px) !important;
    }

    .student__staff__selection .app__toggle .app__togglebutton {
        width: 100px;
        margin-right: 20px !important;
    }

    .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 62px;
    }

    .app__toggle .app__togglebutton .toggle__knobs:before {
        top: 4px;
    }

    .approval-center-dashboardtiles .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
        width: 70px;
    }

    .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 10px!important;
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 310px - 20px);
    }

    .app__gridheader .gridheader__top, .app__gridheader .gridheader__bottom, .k-tabstrip-content, .k-tabstrip > .k-content {
        padding: 5px 5px;
    }

    #divDailyAttendance .app-card .app-card-body {
        height: calc(100vh - 600px);
    }

    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content,
    #single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content,
    #single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content,
    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked {
        height: calc(100vh - 546px) !important;
    }

    #single-student__mode #gridPeriodAttendance.app-kgrid__container .k-grid-content,
    #single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content {
        height: calc(100vh - 575px) !important;
    }


    #single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 380px) !important;
        min-height: calc(100vh - 380px) !important;
    }

    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked.expanded,
    #single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content.expanded,
    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 350px) !important;
        min-height: calc(100vh - 350px) !important;
    }

    #divPeriodAttendance.expanded #gridPeriodAttendance.app-kgrid__container .k-grid-content {
        max-height: calc(100vh - 375px) !important;
        min-height: calc(100vh - 375px) !important;
    }

    #divStaffAttendance .tab-divListView.expanded {
        max-height: calc(100vh - 232px) !important;
        min-height: calc(100vh - 232px) !important;
    }

    .tab-divListView.expanded .dailyAttendance-tab .app-card-body {
        height: calc(100vh - 370px);
    }

    .date-view.app-mb-10.app-d-flex.app-align-items-center {
        margin-bottom: 5px;
    }

    #divContacts .grid__searchbox .close__icon,
    #divPortfolio .grid__searchbox .close__icon,
    #divSuperDb .grid__searchbox .close__icon {
        top: 9px;
    }

    .settings__dropdown {
        padding: 10px 9px !Important;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active {
        height: calc(100vh - 497px) !important;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active.expanded {
        max-height: calc(100vh - 305px) !important;
        min-height: calc(100vh - 305px) !important;
    }

    #divDailyAttendance.expanded .app-card .app-card-body {
        height: calc(100vh - 410px);
    }

    #divSingleStudentTab #divSchedulerGrid .schedule__boxcontainer {
        height: calc(100vh - 490px);
    }

    #divSingleStudentTab #divSchedulerGrid .schedule__boxcontainer.expanded {
        height: calc(100vh - 272px);
    }

    .demographic-app__tabstrip .k-i-arrow-60-left:before,
    .demographic-app__tabstrip .k-i-arrow-60-right:before {
        top: 10px;
    }

    .ap-gridbody {
        padding: 10px 5px 20px !important;
    }

    #divSchoolSchedule .ap-gridbody.school-schedule-cover,
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }

    #divSchedulerGrid {
        padding: 10px 5px !important;
    }
    /*Snapshot*/
    .app-card-header, .contact__row, #dailyAttendance, .schedule__container .app-green__container ul,
    .incident-card .app-pl-20, .incident-card .app-pr-20,
    .app-green__container ul li, #divSnapshotPanel .gpa-credit__container .app-card-body, .app-snapshot-grid li,
    .incident-card .incident-summary-details > div, .dailyAttendance-grid li, .detailedView-grid li, .attendanceStatistics-grid li {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .portfolio__relation-name.portfolio__name {
        margin-left: 7px !important;
    }

    .portfolio__div-body .portfolio__edit-image {
        right: 7px;
    }

    #divProspectDemographic.demograhics__container .demographics__row {
        margin-left: -14px;
        margin-right: -14px;
    }

    .incident-summary__container .incident-card .incident-summary-details .served,
    .penalty-card .penalty-summary-details .served {
        padding: 2px 10px;
    }

    .student__container .students-bookmarks-yellow {
        top: -16px;
    }

    .student__image-container {
        padding-left: 9px;
    }

    .app-darkBdr-right {
padding-right: var(--space-0px);
    }

    .app__sidebar .k-grid td {
        line-height: 2em;
    }

    .schedule__container .app-green__container ul {
        overflow-y: auto;
        height: auto;
        max-height: 200px;
    }

    .demographics-details {
        padding-left: 10px !important;
    }
}
/*****************End : styles for screens with 150% scale on desktops**********************************/
@media screen and (max-width: 1279.98px) {
    #blockRotationScheduleGrid table {
        min-width: 1300px;
    }
    #contactAnalysisMappingGrid .k-grid-content.k-auto-scrollable {
        min-height: max-content;
        max-height: max-content;
    }
    .app-flex-dir-column-tab {
        flex-direction: column;
    }

    .app-w-tab-80 {
        width: 80% !important
    }

    .divAvailableContactsPopup.k-widget.k-window {
        max-width: 100% !important;
        width: 100% !important;
        margin: auto !important;
left: var(--space-0px) !important;
    }

    #divSingleStudentSnapshot #divCollapseBar .collapsed__left-top .student__info-container {
        width: auto;
    }

    .student__data:first-child {
        padding-left: 20px;
    }

    .student__data {
        max-width: initial;
    }

    .student-info-settings {
        right: 16px;
    }
    #divSchoolSchedule .ap-gridbody.school-schedule-cover,
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
}

/****************IPad Fixes*******************/
@media screen and (min-width:1290px) and (max-width: 1399px) {
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    
    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 225px) !important;
margin-right: var(--space-0px) !important;
    }

    .tab-blue-container-div .tab-description-div {
        width: calc(100% - 395px) !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }

    .school-schedule-all-course .all-course-right {
        height: auto;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /********School -> Dashboard Screen Starts*********/
        .tab-display-charts {
        display: block;
    }

    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }

    #divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
    #gridChartDetailedView.app-kgrid__container .k-grid-content {
        height: auto !important;
    }

    .tab-display-second-charts-box{
        width:100% !important;
        margin-top:20px;
    }
    /********School -> Dashboard Screen Ends*********/
    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 661px) !important;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        left: 60px !important;
top: var(--space-0px) !important;
    }

    #divDailyAttendanceTabstripBin, #divPeriodAttendanceTabstripBin, #IncidentTabStripHoldingBin {
        height: auto;
    }

    .approval__center.min-max-width .plus-portals__screen .expand-collapse-arrow .collapse__icon {
        top: -40px;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active {
        height: calc(100vh - 550px) !important;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active.expanded {
        max-height: calc(100vh - 350px) !important;
        min-height: calc(100vh - 350px) !important;
        height: auto !important;
    }

    #single-student__mode #gridPeriodAttendance.app-kgrid__container .k-grid-content {
        height: calc(100vh - 635px) !important;
    }

    #gridDailyAttendanceList.app-kgrid__container .k-grid-content {
        height: calc(100vh - 640px) !important;
    }
    /******School -> Daily Attendance Starts*****/
    .tab-school-daily__attendance-second-container {
margin-top: var(--space-0px) !important;
    }

    .receive-attendance .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 603px) !important;
    }

    .receive-attendance .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 488px) !important;
    }

    .receive-attendance .approval-center__left-details__container {
        margin-top: 40px;
    }

    #divAttendanceListView .k-grid-content.k-auto-scrollable, #divStaffAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 385px) !important;
    }
    /******School -> Daily Attendance Ends*****/
    /*Start : approval center responsive : plus portal*/
    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 70px;
    }

    .approval__center .approval-center__global .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
        left: 89px;
    }
    /*End : Approval center scalling adjustments - plusportal*/
    .approval__center .app__togglebutton {
        position: absolute;
        bottom: -10px !important;
        left: 10px;
    }

    .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 20px;
    }

    .approval__center.min-max-width .tab-left-container-btns {
padding-top: var(--space-0px);
        position: relative;
        top: 30px;
    }

    .approval__center.min-max-width #divPlusPortalHoldingBinTab.collapsed__div .tab-left-container-btns {
        top: -5px;
    }
    .approval__center.min-max-width #divPlusPortalHoldingBinTab.collapsed__div .expand-collapse-arrow .collapse__icon {
        top: 4px;
        right: -4px !important;
    }

    .approval__center .approval-formdropdown {
        top: -10px;
padding: 20px var(--space-0px);
    }

    .approval__center.min-max-width .approval__btn-receive-log,
    .approval__center .approval__btn-receive-log {
margin-left: var(--space-0px) !important;
    }

    .approval__center .expand__icon,
    .approval__center expand-collapse-arrow {
        position: absolute;
    }

    .approval__center .expand-collapse-arrow,
    .approval__center .expand__icon {
        position: relative;
    }

    .approval__center.min-max-width .generic-left__section .hamburger-menu {
        top: 20px;
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -15px;
padding: 15px var(--space-0px);
    }

    .overview__screen .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 50px;
    }

    .approval__center.min-max-width .expand-collapse-arrow .collapse__icon {
        right: 10px !important;
        position: relative;
margin: var(--space-0px) !important;
        bottom: 35px !important;
    }

    .generic-left__section.collapsed__div .app__toggle .app__togglebutton {
margin-right: var(--space-0px) !important;
    }

    .approval__center .student__staff__selection {
padding: var(--space-0px) !important;
    }

    .approval-center-dashboardtiles .student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 40px;
        left: 80px !important;
    }

    .approval__center.min-max-width .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        content: 'Staff';
        right: 20px;
    }
    /***********Approval Center Daily Attendance Starts************/
    .student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 78px;
    }

    .approval__center .approval-center__global .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
        left: 85px;
    }

    #formPlusPortal .approval__center.min-max-width .generic-left__section .hamburger-menu {
        top: -10px !important;
    }

    .approval__center.min-max-width .daily__attendance-page .expand-collapse-arrow .collapse__icon,
    .approval__center.min-max-width .period__attendance-page .expand-collapse-arrow .collapse__icon {
        right: 5px !important;
        position: relative;
margin: var(--space-0px) !important;
bottom: var(--space-0px);
        top: 5px;
    }
    /***********Approval Center Daily Attendance Ends************/
    /**************Approval Center -> All Grid Height Starts****************/
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 419px) !important;
    }
    .approval-admissions-page .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 379px) !important;
    }
    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 346px) !important;
    }
    .approval-admissions-page .approval__center.min-max-width .generic-left__section .hamburger-menu {
top: var(--space-0px);
    }
    .approval-admissions-page .approval__center.min-max-width #divHoldingBinTab.collapsed__div .collapse__text {
        top: 11px;
    }
    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 376px) !important;
    }

    .approval__online-forms .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 339px) !important;
    }

    .approval__center.min-max-width #divHoldingBinTab.collapsed__div .tab-left-container-btns {
top: var(--space-0px);
        right: 10px;
    }

    .approval__center.min-max-width #divHoldingBinTab.collapsed__div .expand-collapse-arrow .collapse__icon {
        right: -5px !important;
    }
    .approval__center.min-max-width #divHoldingBinTab.collapsed__div .applicantInquirySetting.app-mt-20 { 
margin-top:var(--space-0px) !important;
    }

    .approval__center.min-max-width #divHoldingBinTab.collapsed__div .collapse__text {
        top: 32px;
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 400px);
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 405px);
    }

    .approval__plus-portal .approval_center__panel-section.demographic__panel {
        height: calc(100vh - 370px) !important;
    }

    .approval__center.min-max-width .approval__plus-portal.min-max-width .approval_center__panel-section.demographic__panel {
        height: calc(100vh - 480px) !important;
    }

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 468px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 390px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 500px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 390px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 353px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 458px) !important;
    }

    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 369px) !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 347px) !important;
    }
    /**************Approval Center -> All Grid Height Ends****************/
    /**************Approval Center -> Period Attendance Starts****************/
    .period__attendance-page .approval_center__panel-section.gb__panel {
        height: auto !important;
    }

    .approval__center.min-max-width .period__attendance-page .generic-left__section .hamburger-menu {
        top: -10px;
    }

    .rotation__hover {
        left: 58px;
    }

    .approval__center.min-max-width #divPeriodAttendanceGrid {
margin-top: var(--space-0px) !important;
    }
    /**************Approval Center -> Period Attendance Ends****************/
    /*********Approval Center -> Incidents Starts**********/
    .approval__center.min-max-width .incidents-column-box-outer .hamburger-menu {
        top: -10px !important;
        left: 10px;
    }

    .approval__center.min-max-width .incidents-column-box-outer .tab-left-container-btns {
top: var(--space-0px) !important;
        right: 20px;
    }

    .approval__center.min-max-width .incidents-column-box-outer .expand-collapse-arrow .collapse__icon {
        right: -10px !important;
bottom: var(--space-0px) !important;
    }
    /*********Approval Center -> Incidents Ends**********/
    .ap-gridbody .grid-section {
        width: 64%;
    }

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:first-child {
        width: 160px !important;
    }

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }

    #divSchoolSchedule .ap-gridbody.school-schedule-cover,
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
}
@media screen and (min-height:850px) and (max-height: 880px) {
    /*All Batch Entry Popups Laptop 67%(1920px) Screen Starts*/
    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup,
    #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 425px) !important;
        max-height: calc(100vh - 425px) !important;
        overflow: auto;
    }

    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period, #DailyAttendanceBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup, #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
        overflow: auto;
    }

    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 372px) !important;
        max-height: calc(100vh - 372px) !important;
    }

    .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 520px) !important;
    }

    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 424px) !important;
        max-height: calc(100vh - 424px) !important;
    }

    .demographics-batch-entry .comments-container .batch-entery__popup {
        max-height: calc(100vh - 382px) !important;
        min-height: calc(100vh - 382px) !important;
    }
    #tableBatchInvoiceCharges tbody {
        height: calc(100vh - 500px);
        overflow-y: auto;
    }

    #divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 414px);
        max-height: calc(100vh - 414px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
        min-height: calc(100vh - 365px);
        max-height: calc(100vh - 365px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    #divInvoiceChargeBatchEntry .first-step-container.comments-container .batch-entery__popup {
        min-height: calc(100vh - 365px);
        max-height: calc(100vh - 365px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    /*All Batch Entry Popups Laptop 67%(1920px) Screen Ends*/
    #divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 408px);
        max-height: calc(100vh - 408px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    #divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 370px);
        max-height: calc(100vh - 370px);
        overflow: auto;
    }
    #divSuperDbAddRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 455px);
    }
  /*  #divSuperDbBatchEntry #tblSuperDbFields tbody {
        height: calc(100vh - 455px);
    }*/
    #divEditRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 495px)!important;
    }
    #divSuperDbEditRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 455px);
    }
    #divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 370px);
        max-height: calc(100vh - 370px);
        overflow: auto;
    }
    #divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 495px) !important;
    }
    #divSuperDbDeleteRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 370px);
        max-height: calc(100vh - 370px);
        overflow: auto;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 580px) !important;
    }
    /*************Schedule - Manage Course and Skills - Linked Skills starts**************/   
    #manageskills_actionbtn .course-main-div {
        width:50% !important;
    }
    /*************Schedule - Manage Course and Skills - Linked Skills ends**************/   

}
@media screen and (min-width:800px) and (max-width: 850px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 615px) !important;
        max-height: calc(100vh - 615px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    .tab-width-350 {
        width: 350px !important;
    }

    .tab-search-input-width {
        width: max-content !important;
    }

    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 240px) !important;
    }

    .tab-blue-container-div .tab-description-div {
        width: 100% !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /********School -> Dashboard Screen Starts*********/
    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }

    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }

    .app-component-secondary-bg {
        background: var(--brand-component-secondary-background);
    }

    .tab-w-300, .tab-specific-width {
        width: 300px !important;
    }

    #divAddEditTileSpec .tab-width-max-content {
        width: max-content;
    }

    #divAddEditTileSpec .tab-width-380 {
        width: 380px !important;
    }

    #divDashboardLibraryView .tab-w-80px {
        width: 100px !important;
    }

    .tab__manage-page__inner-content {
        right: -2px;
    }

    #divAddWidget .widget-add-edit-field.tab-width-200 {
        width: 200px;
    }

    #divAddWidget .select-staff-by-type .tab-width-170 {
        width: 170px;
    }

    #divAddWidget .select-staff-status .tab-width-195 {
        width: 195px !important;
    }

    .select-fields-box {
        min-width: 400px;
    }

    .color__selectionbox .default-color-box {
        gap: 35px;
    }

    #divAddWidget .tab-w-400, #divManageSetting .tab-w-400 {
        width: 400px !important;
    }

    #divAddEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
        height: calc(100vh - 150px);
    }
    /********School -> Dashboard Screen Ends*********/
    .tab-grades-gridheader__top .tabs-grades-right-section {
        position: relative;
        left: 13%;
    }

    #divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 547px) !important;
        min-height: calc(100vh - 547px) !important;
    }
    /***School-> Schedule Starts***/
    .tab-margin-0 {
margin-left: var(--space-0px) !important;
    }

    .tab-prt-10 {
        padding-right: 10px !important;
    }

    .tab-pl-10 {
        padding-left: 10px !important;
    }

    .manage-course-buttons-header {
        display: flex;
        margin-top: 20px;
    }

    #divCourseSection label {
        margin-top: 5px;
    }
    /***School-> Schedule Ends***/
    /***Students -> Grid Schedule Starts***/
    .tab-mar-top-10, .grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {
        margin-top: 10px;
    }

    .tab-display-charts, .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
    }

    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
margin-bottom: var(--space-0px) !important;
        margin-left: 5px !important;
    }

    .tabHomeContent.app__gridheader.app-scrollbar-normal #tabstripSchedule .no-spacing.view-width.app-d-flex.app-align-items-center {
        display: flex !important;
    }
    /***Students -> Grid Schedule Ends***/
    /*****Send Module All Screen Starts*****/
    #dvEmailEditor {
        height: calc(100vh - 355px);
    }

        #dvEmailEditor #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 604px) !important;
        }

    #divSchoolSchedule .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 467px) !important;
    }

    #divSchoolSchedule .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 605px) !important;
    }

    .create-template-block #dvEmailEditor {
        height: calc(100vh - 300px) !important;
    }

        .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
            height: calc(100vh - 429px) !important;
        }

    .create-template-block #divComposeEmail #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 588px) !important;
    }
    /*****Send Module All Screen Ends*****/
    /***Enrollment Starts***/
    #divEnterStudentDetails .enrollment__enterdata {
        min-height: calc(100vh - 390px);
    }

    #divEnterStaffDetails .enrollment__enterdata {
        min-height: calc(100vh - 389px) !important;
        overflow-y: auto;
    }

    .addstud__demographic .enrollment__add-demographics {
        height: calc(100vh - 505px);
        overflow-y: auto;
    }
    /***Enrollment Ends***/
    /***School -> Period Attendance Starts***/
    .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 613px) !important;
    }

    .period-attendance-dashboard .receive-attendance .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 460px) !important;
    }

    #divIncidentsHoldingBinTab.collapsed__div .tab-approval-left-btns .tab-left-container-btns .input-group {
        top: -15px;
    }
    /***School -> Period Attendance Ends***/
    /***Approval Center -> Plus Portal Knob Starts***/
    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 85px !important;
        width: 70px !important;
    }

    .plusportals__selection.student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
        left: 93px !important;
    }

    #divAttendanceListView .k-grid-content.k-auto-scrollable, #divStaffAttendanceListView .k-grid-content.k-auto-scrollable, #divPeriodAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 378px) !important;
        overflow: auto;
    }
    /***Approval Center -> Plus Portal Knob Ends***/
    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 680px) !important;
    }

    #divPeriodAttendance.expanded #gridPeriodAttendance.app-kgrid__container .k-grid-content,
    #divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #single-student__mode #divStaffSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 480px) !important;
        min-height: calc(100vh - 480px) !important;
        height: auto !important;
    }

    #single-student__mode #divSchedule .tab-divListView.expanded .k-grid-content,
    #single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked.expanded {
        max-height: calc(100vh - 510px) !important;
        min-height: calc(100vh - 510px) !important;
        height: auto !important;
    }

    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 452px) !important;
        min-height: calc(100vh - 452px) !important;
    }

    #single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 550px) !important;
        min-height: calc(100vh - 550px) !important;
        height: auto !important;
    }

    #divMultipleStudentsMode #grdMultiStudentSuperDb.app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 440px) !important;
        min-height: calc(var(--app-height) - 440px) !important;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content, #divMultipleStudentsMode .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 430px) !important;
        min-height: calc(var(--app-height) - 430px) !important;
    }

    #single-student__mode #divStaffSchedule .tab-divListView.expanded .k-grid-content {
        height: calc(100vh - 460px) !important;
    }

    #divMultiStaffPortfolio .k-grid-content, #divMultiStaffLookup .k-grid-content {
        max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 325px)) !important;
        min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 325px)) !important;
    }

    #divMultiStaffSuperDB .k-grid-content {
        max-height: calc(100vh - (var(--header-height) + var(--nav-height) + 345px)) !important;
        min-height: calc(100vh - (var(--header-height) + var(--nav-height) + 345px)) !important;
    }

    .app-custom-pagination .k-grid-pager.k-pager-wrap .k-pager-info.k-label {
        display: none;
    }
    /***********Approval Center Daily Attendance Starts************/
    .approval__center.min-max-width .generic-left__section .tab-approval-left-btns {
        padding-top: 40px;
    }

    .min-max-width.approval__center .collapse__icon {
        position: absolute;
        top: 55px;
    }

    .student__contact__selection .app__toggle .app__togglebutton .toggle__knobs:before {
        width: 78px;
    }

    .approval__center .approval-center__global .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
        left: 100px;
    }

    .approval__center .approval__plus-portal.approval-center__global .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
        left: 85px;
    }

    .approval__center.min-max-width .daily__attendance-page .daily_attendance-date-field,
    .approval__center.min-max-width .period__attendance-page .daily_attendance-date-field {
        padding-left: 10px !important;
        width: auto;
    }

    .min-max-width.approval__center .daily__attendance-page .collapse__icon,
    .min-max-width.approval__center .period__attendance-page .collapse__icon {
        right: 10px;
    }
    /**************Approval Center -> All Grid Height Starts****************/
    #divDailyAttendanceTabstripBin, #divPeriodAttendanceTabstripBin, #IncidentTabStripHoldingBin {
        height: auto;
    }

    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 452px) !important;
    }

    .approval-admissions-page .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 372px) !important;
    }


    .generic-left__section#divHoldingBinTab .approval-filter.app__dropdown, .generic-left__section#divHoldingBinTab .approval-filter.app__dropdown .k-dropdownlist {
        width: 120px !important;
    }

    .approval__center #divHoldingBinTab .expand__icon {
        top: 112px;
        right: -8px;
    }

    .min-max-width.approval__center #divHoldingBinTab .collapse__icon {
        top: 114px;
        right: -8px;
    }

    .approval__center #divHoldingBinTab.collapsed__div .app-kgrid__container {
margin-top: var(--space-0px) !important;
    }

    .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 400px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content, .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 414px) !important;
    }

    .approval-admissions-page .approval__center.min-max-width .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 364px) !important;
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 476px) !important;
    }

    .approval__plus-portal .approval_center__panel-section.demographic__panel,
    .period__attendance-page .approval_center__panel-section.gb__panel {
        height: auto !important;
    }

    .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 454px) !important;
    }

    .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 543px) !important;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 383px) !important;
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 550px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 529px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content, .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 400px) !important;
    }

    #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable, #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 560px) !important;
    }

    .approval__center.min-max-width #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 585px) !important;
    }

    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 362px) !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 395px) !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 354px) !important;
        min-height: calc(100vh - 354px) !important;
        height: auto !important;
    }
    /**************Approval Center -> All Grid Height Ends****************/
    .approval__center.min-max-width #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 525px) !important;
    }

    /*********Approval Center -> Incidents Starts**********/
    .approval__center .incidents__screen .tab-left-container-btns,
    .approval__center.min-max-width .incidents__screen .tab-approval-left-btns,
    .approval__center.min-max-width .daily__attendance-page .generic-left__section .tab-approval-left-btns,
    .approval__center.min-max-width .period__attendance-page .generic-left__section .tab-approval-left-btns {
padding-top: var(--space-0px) !important;
    }

    .approval__center.min-max-width .incidents__screen .tab-left-container-btns {
        margin-bottom: 40px !important;
right: var(--space-0px);
    }

    .approval__center.min-max-width .incidents__screen .hamburger-menu {
        top: -50px;
        left: 10px;
    }
    /*********Approval Center -> Incidents Ends**********/
    .approval__center.min-max-width .tab-left-container-btns .app-primary-btn-container,
    .approval__center.min-max-width .daily__attendance-page .generic-left__section .tab-approval-left-btns .input-group,
    .approval__center.min-max-width .period__attendance-page .generic-left__section .tab-approval-left-btns .input-group,
    .approval__center .incidents__screen .generic-left__section .tab-approval-left-btns .input-group,
    .plusportals__selection .tab-approval-left-btns .input-group {
margin-left: var(--space-0px) !important;
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .incidents__screen .expand__icon,
    .approval__center .incidents__screen .collapse__icon {
        top: 110px;
        right: -10px !important;
    }

    .approval__center .daily__attendance-page .collapse__icon {
        top: 83px;
        right: -258px !important;
    }

    .approval__center .period__attendance-page .expand__icon, .approval__center .period__attendance-page .collapse__icon {
        top: -4px;
        right: -7px;
    }

    .approval__center.min-max-width .daily_attendance-date-field {
        position: relative;
        top: 10px;
        width: 220px;
    }

    .approval__center.min-max-width .attendance-date__input {
        width: 100px;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        bottom: 20px !important;
        left: 60px !important;
        top: 38px !important;
    }

    .approval__center #divPlusPortalHoldingBinTab .k-pager-info.k-label {
        display: none !important;
    }

    .min-max-width .plusportals__last-container #divButtons {
        display: flex;
    }

    .approval__center .daily__attendance-page .approval-center__left-details__container {
        padding-top: 50px;
    }

    .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab.generic-left__section .tab-approval-left-btns .input-group {
margin-top: var(--space-0px);
    }
    /***School -> Daily Attendance -> Enter Daily Attendance Popup***/
    .staff-attendance__container .s-name .s-data {
        min-width: 90px;
    }

    .staff-attendance__container.multi-value .s-name {
        min-width: auto !important;
        max-width: 225px !important;
    }
    /***School -> Daily Attendance -> Enter Daily Attendance Popup***/
}

@media only screen and (min-width :1100px) and (max-width : 1279.98px) and (orientation : landscape) {
    .block-rotation-edit-mode .schedule-rotation-height .block-table-rotation tbody  {
        max-height: calc(100dvh - 421px);
    }

    .schedule-rotation-height .block-table-rotation tbody {
        max-height: calc(100dvh - 420px);
    }
    .schedule-rotation-height {
        height: calc(100vh - 368px);
        overflow-y: hidden;
    }

    .block-rotation-edit-mode .schedule-rotation-height {
        height: calc(100dvh - 420px);
    }

    .default-local-rotaion-screen-height {
        height: calc(100vh - 200px);
    }
    .tab-display-charts {
        display: block;
    }

    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    .school-schedule-all-course .all-course-right {
        height: max-content;
    }

    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }

    .tab-mt-15 {
        margin-top: 15px !important;
    }

    .tab-display-block {
        display: block !important;
        width: 50%;
    }

    .tab-mar-10 {
        margin-top: 10px;
    }

    .tab-mar-0 {
margin-top: var(--space-0px) !important;
    }

    #divCourseAdvancedSearch .app-input input.input__box {
        width: 250px !important;
    }

    #divCourseAdvancedSearch label {
        width: 26%;
    }

    #divCourseAdvancedSearch .tab-length-label {
        width: 25%;
    }

    #divCourseAdvancedSearch .app-combo-dropdown.k-dropdownlist {
        width: 285px !important
    }

    #divCourseAdvancedSearch .tab-search-button {
        position: relative;
        left: 89px;
        width:fit-content;
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {
margin-left: var(--space-0px) !important;
    }

    .tab-prerequisites-box-with-input, .tab-course-link-block {
        width: 175px;
    }

    .tab-ml-0 {
margin-left: var(--space-0px);
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {
  
margin-left: var(--space-0px) !important;
    }

    .tab-prerequisites-box-with-input, .tab-course-link-block {
        width: 175px;
    }

    .manage-course-buttons-header {
        display: flex;
        margin-top: 20px;
    }

    #divCourseSection label {
        margin-top: 5px;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /***School-> Schedule Starts***/
    #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 600px) !important;
    }

    .school-schedule-all-course .settings__dropdown {
        margin-top: 13px !important;
    }

    .manage-course-buttons-header, tab-header-block {
        display: flex;
margin-top: var(--space-0px);
    }

    #divCourseSection label {
        margin-top: 5px;
    }

    .manage-course-sections-tile{
        padding-left:10px !important;
        margin-top:10px;
    }
    .school-schedule-all-course .all-course-left {
        width: calc(100% - 320px);
    }

    .tab-blue-container-div .tab-description-div {
        width: calc(100% - 400px) !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }

    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 235px) !important;
margin-right: var(--space-0px) !important;
    }
    /***School-> Schedule Ends***/
    /***Students -> Grid Schedule Starts***/
    .grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {
        margin-top: 10px;
    }

    .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
    }

    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
margin-bottom: var(--space-0px) !important;
    }
    .grid-schedule-left-part {
        width: 60%;
    }

        .grid-schedule-left-part .grid-current-date {
margin-left: var(--space-0px) !important;
        }
    /***Students -> Grid Schedule Ends***/
    /*****Send Module All Screen Ends*****/
    #dvEmailEditor {
        height: calc(100vh - 310px);
    }

    #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 467px) !important;
    }

    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 439px) !important;
    }

    #grdScheduledEmail .k-grid-content, #grdEmailRecipientProspectList2 .k-grid-content, #grdManageEmailTemplate .k-grid-content {
        height: calc(100vh - 325px) !important;
    }

    .create-template-block #dvEmailEditor {
        height: calc(100vh - 295px) !important;
    }

    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 451px) !important;
    }

    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 425px) !important;
    }
    /*****Send Module All Screen Ends*****/
    /***Enrollment Starts***/
    #divEnterStudentDetails .enrollment__enterdata {
        min-height: calc(100vh - 390px);
    }
    .addstud__demographic .enrollment__add-demographics {
        height: calc(100vh - 505px);
    }
    /***Enrollment Ends***/
    /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
    .tab-daily-attendance-report-header-block {
        display: grid !important;
    }

        .tab-daily-attendance-report-header-block .abscences-text {
            margin-bottom: 20px;
        }

    .tab-attendance-container-btns {
        position: absolute;
        top: 10px;
        right: 20px;
    }

    .reports-student-tab {
        height: calc(100vh - 260px);
    }

    .student-reports-settings .select-students-reports-box {
        height: calc(100vh - 275px);
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup {
        height: calc(100vh - 360px);
    }

    #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
        width: 54%;
    }

    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .single-student__dropdown,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .app__dropdown.single-student__dropdown .k-dropdownlist,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels .app__dropdown.single-student__dropdown .k-dropdownlist:hover {
        width: 440px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input {
        width: 350px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
        width: 42%;
    }

    #divSortandGenerate .sort__gereration {
        height: calc(100vh - 315px);
    }

    #divSelectStudentandStaff.select-students-staffs .app-radio label,
    .student-reports-settings .app-radio label {
        line-height: 20px;
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup#option2Div {
        height: calc(100vh - 260px);
    }

    #divSelectStudentandStaff.select-students-staffs #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 430px ) !important;
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    /***School -> Period Attendance Starts***/
    #divAttendanceListView .k-grid-content.k-auto-scrollable, #divStaffAttendanceListView .k-grid-content.k-auto-scrollable, #divPeriodAttendanceListView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 398px) !important;
    }

    .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 580px) !important;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 537px) !important;
    }
    .period-attendance-dashboard .receive-attendance .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 460px) !important;
    }
    /***School -> Period Attendance Ends***/
    #divDailyAttendanceTabstripBin, #divPeriodAttendanceTabstripBin, #IncidentTabStripHoldingBin {
        height: auto;
    }

    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 640px) !important;
    }

    .gpa-credit__container {
        margin-top: 10px;
    }

    .incident-summary__container {
padding-left: var(--space-0px) !important;
    }
    /******School -> Daily Attendance Starts*****/
    .tab-school-daily__attendance-second-container {
margin-top: var(--space-0px) !important;
    }
    /******School -> Daily Attendance Ends*****/
    /*********Approval Center -> Incidents Starts**********/
    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 369px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 330px) !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 349px) !important;
    }

    .approval__center.min-max-width .incidents-right-container div#divApplicantFormDetail #grdDemographicsDetails .k-grid-content.k-auto-scrollable {
        max-height: 100vh;
    }

    .approval__center.min-max-width .incidents-left-container-btns .expand-collapse-arrow {
        bottom: 15px;
    }

    .approval__center.min-max-width .incidents-right-container ul li.k-item .k-content.k-panelbar-content {
        height: calc(100vh - 460px) !important;
        overflow: auto;
    }

    .incidents-right-container div#divApplicantFormDetail #grdDemographicsDetails .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 635px);
    }
    /*********Approval Center -> Incidents Ends**********/
    /*****Header Toggle Button Starts******/
    .app__header .student__toggle .student__togglebutton .layer, .app__header .student__toggle .student__togglebutton .student__knobs {
        max-width: 230px;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs:after {
        content: 'Multiple Students';
        right: 5px;
    }

    .app__header .student__toggle .student__togglebutton .student__checkbox:checked + .student__knobs:before {
        width: 121px;
        left: 103px;
    }

    .app__header .student__toggle .student__togglebutton .student__knobs .app__singlestudent,
    .app__header .student__toggle .student__togglebutton .student__knobs:before {
        width: 115px;
    }
    /*****Header Toggle Button Ends******/
}
/****************IPad Fixes*******************/
@media (max-width:1280px) {
    #divMasterContactToggles.app__toggle .app__togglebutton, #divMasterContactToggles .toggle__knobs, #divMasterContactToggles.app__toggle .app__togglebutton .layer, .app__header .app__toggle .app__togglebutton .toggle__knobs {
        width: 360px;
        max-width: 360px;
    }
    #divMasterContactToggles.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 220px !important;
    }
    #gridMyReportsList colgroup col:first-child{
        width: 140px !important;
    }
    #gridMyReportsList colgroup col:nth-child(2) {
        width: 60px !important;
    }
    .grades-templates-box-selected {
        height: 59px;
    }
    #grdImportTemplate.app-kgrid__container table tbody tr td {
        height: 40px;
    }
    /********School -> Dashboard Screen Starts*********/
    #divAddWidget .manage-page__inner-content, #divAddWidget .manage-page__popup {
right: var(--space-0px) !important;
    }
    /********School -> Dashboard Screen Ends*********/
    #autoToggleContainer .autoToggle__switch:after {
        left: -5px;
    }
    #divEnrollmentTab .import-File-Selection #ImportFromFile_Edit .app-w-400 {
        width: 190px !important;
    }
    #divReportCards .reportcard__tab #tabstripReportCards-3 #divNarrativesView .app-res-flex-wrap {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .approval-admissions-page .approval__center .approval-center__right-details__container .form__approvalsec {
        padding: 10px !important;
    }
    .approval-admissions-page .approval__online-forms .right__section-inner-content .approval_center__panel-section, .approval-admissions-page .approval__online-forms .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 283px) !important;
    }
    .approval-admissions-page .approval__center.min-max-width #divHoldingBinTab .expand-collapse-arrow .collapse__icon {
        top: 5px;
        right: -5px;
    }
    /*********Enrollment create tamplate starts************/
    .select-file-w {
        width: 100% !important;
    }
    .app-mr-laptop-0 {
margin-right: var(--space-0px) !important;
    }
    /*********Enrollment create tamplate ends************/
    #divNarrativesView.expanded .narratives-scroll {
        height: calc(100vh - 435px);
    }
    /*school incident Fast served page start*/
    .approval__center .fast-served-sub-div .tab-left-container-btns {
        right: unset !important;
        top: unset !important;
    }

    .approval__center .fast-served-sub-div .tab-left-container-btns {
padding-top: var(--space-0px) !important;
    }

    .fast-served-sub-div-right .served-Date-lable.app-ml-20,
    .fast-served-sub-div-right .app-green-btn.app-ml-20 {
margin-left: var(--space-0px) !important
    }


    .fast-served-main-page-left {
        width: 250px !important;
    }

    .fast-served-main-page-right {
        width: calc(100% - 250px) !important;
    }

    /*school incident Fast served page ends*/
    .course__section-details { height: 600px !important; }
    #householdList .k-grid-content.k-auto-scrollable {  height: auto !important; }
    .summery__section { margin-left: 20px; }
    /* Approval Center Tooltip */
    #divIncidentsHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu, #divDailyAttendanceTabstripBin .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu { margin-top: 28px !important; }
    #divPlusPortalHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu { margin-top: 49px !important; }
    #divPeriodAttendanceGrid .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu { margin-top: 7px !important; }
}

@media screen and (min-width:1280px) and (max-width:1299.98px) {
    /*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 410px) !important;
        max-height: calc(100vh - 410px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 427px) !important;
    }
    #divSetupCenter #gridAttendanceCodesList .k-grid-content { height: calc(100vh - 391px) !important; }
    #divSetupCenter #gridAttendanceSummaryCodesList .k-grid-content { height: calc(100vh - 351px) !important; }
    #divSetupCenter #gridAttendanceCodesList .k-grid-content { height: calc(100vh - 390px) !important; }
    #divSetupCenter #gridAttendanceSummaryCodesList .k-grid-content { height: calc(100vh - 351px) !important; }
    .tab-check-household-btn {
        min-width: 70px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    /*Setup center - Incident Codes - all tabs  starts*/
    #gridncidentCodesList .k-grid-content.k-auto-scrollable{ height: calc(100vh - 386px) !important; }
    #gridActionCodesList .k-grid-content.k-auto-scrollable, #gridActionSummaryCodesList .k-grid-content.k-auto-scrollable, #gridLocationCodesList .k-grid-content.k-auto-scrollable, #gridServedCodesList .k-grid-content.k-auto-scrollable { height: calc(100vh - 346px) !important; }
    /*Setup center - Incident Codes - all tabs  ends*/
    #divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 543px) !important; }
    #divSchoolReportCards .receive-grades #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 565px) !important; }
    #divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 424px) !important; }
    #divSchoolReportCards .receive-grades .min-max-width #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 530px) !important; }
    .student__image-container:hover .overlay__add-image {
        height: 140px !important;
        width: 120px;
left: var(--space-0px);
    }
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    #divGridDashboardLibrary .k-grid-content.k-auto-scrollable, #gridRegisterCodesDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 365px) !important; }
    #gridAttendanceCodesDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 360px) !important; }
    #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll { height: calc(100vh - 240px); }
    .tab-margin-10 { margin-top: 10px; }
    .tab-mt-15 { margin-top: 15px !important; }
    .tab-manage-course-right-part{ display:flex; }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /***Students -> Grid Schedule Starts***/
    .grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {  margin-left:20px; }
    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown { margin-bottom: 0px !important; margin-left: 5px !important; }
    .tabHomeContent.app__gridheader.app-scrollbar-normal #tabstripSchedule .no-spacing.view-width.app-d-flex.app-align-items-center { display: flex !important; }
    .grid-schedule-left-part { width: 68%; }
    #divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #divSchoolSchedule #divSchedule .tab-divListView .schedule__boxcontainer { height: calc(100vh - 445px) !important; overflow-y: auto; }
    /***Students -> Grid Schedule Ends***/
    .ap-gridbody.billing-grid { max-height: calc(100vh - 555px); }
    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content { height: calc(100vh - 476px) !important; }
    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content { height: calc(100vh - 371px) !important; }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content { height: calc(100vh - 364px) !important; }
    #divSchoolSchedule #gridStudentCourseRequestDetails .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 539px); }
    #gradesSettingspopup { height: calc(100vh - 170px); overflow: auto; }
    #divSchoolSchedule .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content { height: calc(100vh - 429px) !important; }
    #divSchoolLookupTabs #divSchoolIncidents .receive-incidents.approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 382px) !important;  }
    /************Send module start***************/
    #dvEmailEditor { height: calc(100vh - 309px); }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content,
    #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {  height: calc(100vh - 436px) !important; }
    #dvtxtEmailEditor { height: calc(100vh - 310px) !important; }
    #dvtxtEmailEditor .app-k-editor { height: calc(100vh - 375px); }
    #dvtxtEmailEditor .app-k-editor table { height: calc(100vh - 405px); }
    #dvtxtEmailEditor .app-k-editor iframe.k-content { height: calc(100vh - 465px) !important; }
    .create-template-block #dvEmailEditor { height: calc(100vh - 295px); }
    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content { height: calc(100vh - 451px) !important; }
    .create-template-block #dvtxtEmailEditor { height: calc(100vh - 296px) !important; }
    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content,
    .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content,
    .create-template-block#dvEmailEditor #AvailOtherCodesGrid .k-grid-content,
    .create-template-block#dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 423px) !important;
    }
    /************Send module ends***************/
    /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
        #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
            width: 47% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
            width: 36% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .comments-container .view__grade-levels .app__dropdown .k-dropdownlist {
            width: 440px !important;
        }

        #divSelectStudentandStaff.select-students-staffs .app-radio label,
        .student-reports-settings .app-radio label {
            line-height: 20px;
        }

        #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input, #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .k-combobox.form-control {
            width: 450px !important;
        }

        #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup#option2Div {
            height: calc(100vh - 134px);
            min-height: auto;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    }

@media screen and (min-width:1300px) and (max-width:1399.98px) {
    /*****************School Screen Starts*******************/
    .receive-attendance .approval-center__left-details__container {
margin-top: var(--space-0px);
    }

    #school_mode .demographic__panel {
        height: calc(100vh - 400px);
    }

    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 530px) !important;
    }

    .daily_attendance-date-field{
        margin-left:10px;
    }
    /*****************School Screen Starts*******************/
    /***********Approival Center Starts***************/
    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 468px) !important;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content,
    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 366px) !important;
    }
    .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 366px) !important;
    }
    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 495px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 461px) !important;
    }

    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 487px) !important;
    }

    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 369px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 316px) !important;
    }

    .approval-center-page .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        left: 10px;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        display: none;
    }
    /***********Approival Center Ends***************/
    /*********Report Cards Starts*************/
    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 405px) !important;
        min-height: calc(100vh - 405px) !important;
    }

    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content {
        height: calc(100vh - 610px) !important;
    }

    #divSkillsView .course-skills {
        height: calc(100vh - 725px);
    }

    #divSkillsView.expanded .course-skills {
        height: calc(100vh - 525px);
    }

    #divNarrativesView.expanded .narratives-scroll {
        height: calc(100vh - 500px);
    }

    #divNarrativesView .narratives-scroll {
        height: calc(100vh - 705px);
    }

    .progressreport__editor .progress-report-tab {
        height: calc(100vh - 565px) !important;
    }

    #divSingleStudentTab #divReportCards #divProgressReportView.expanded .progressreport__editor .progress-report-tab {
        height: calc(100vh - 365px) !important;
    }
    /*********Report Cards Ends*************/
    /*******Schedule Screen Starts************/
    #divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer, #single-student__mode #divStaffSchedule .tab-divListView.expanded .schedule__boxcontainer {
        height: calc(100vh - 430px) !important;
    }

    #divSingleStudentTab #divSchedule .tab-divListView .schedule__boxcontainer, #divScheduleLater.schedule-later .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 630px);
    }
    /*******Schedule Screen Ends************/
    /************Send module start***************/
    .emailSubjectBlock .app-sent-view-contact,
    .app-perview-contact, #divScheduleLater .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 710px);
    }
    #dvEmailEditor, .create-template-block #dvEmailEditor {
        height: calc(100vh - 360px);
    }
    #dvtxtEmailEditor, .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 375px);
    }
    #dvtxtEmailEditor .app-k-editor iframe.k-content, .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 518px) !important;
    }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 490px) !important;
    } 
    #studentSelectionEmail .app-grey-bg {
        height: calc(100vh - 420px) !important;
    }
    .select-recipients-block {
        height: calc(100vh - 430px);
    }
    .add-recipient-block {
        max-height: calc(100vh - 630px);
    }
    #grdScheduledEmail .k-grid-content, #grdEmailRecipientProspectList2 .k-grid-content,
    #grdManageEmailTemplate .k-grid-content {
        height: calc(100vh - 420px);
    }
    /************Send module ends***************/
    .ap-gridbody.billing-grid {
        max-height: calc(100vh - 575px);
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 486px) !important;
    }
    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 373px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
        height: calc(100vh - 366px) !important;
    }
    #gradesSettingspopup {
        height: calc(100vh - 170px);
        overflow: auto;
    }
}

@media screen and (min-width:1400px) and (max-width:1599.98px) {
    .tab-device-width-messagespan {
        max-width: 360px;
    }
    /*Setup center - Incident Codes - all tabs  starts*/
    #gridncidentCodesList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 413px) !important;
    }

    #gridActionCodesList .k-grid-content.k-auto-scrollable, #gridActionSummaryCodesList .k-grid-content.k-auto-scrollable, #gridLocationCodesList .k-grid-content.k-auto-scrollable, #gridServedCodesList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 373px) !important;
    }
    /*Setup center - Incident Codes - all tabs  ends*/
    #divCourseSection label {
        width: max-content;
    }
    .addcourse__details #anrCourseLink, .addcourse__details #anrCoursePrerequisites {
        margin-top: 22px !important;
    }
    /* School daily attendance - monthly card header Starts */
    .schedule-calendar-header {
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .schedule-calendar-header .prev-button img {
        margin-right:5px !important;
        height:16px;
    }
    .schedule-calendar-header .abs__tar__selection {
        right: -15px;
        top: 53px;
    }
    .schedule-calendar-header .next-button img {
        margin-left:5px !important;
        height:16px;
    }
    .schedule-calendar-header #spnCurrentMonth {
        font-size: 15px !important;
padding-top: var(--space-0px);
    }
    /* School daily attendance - monthly card header Ends */

    .grid-schedule-right-part .add-scheduled-btns {
        position: absolute;
        right: 20px;
    }
    .student__image-container .overlay__add-image {
        width:100%;
        height:100%;
    }
    .ap-gridbody.billing-grid {
        max-height: calc(100vh - 580px);
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 486px) !important;
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid #gridCourseRequests .k-grid-content {
        height: auto;
    }
    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 375px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
        height: calc(100vh - 368px) !important;
    }
    #divSchoolSchedule .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 438px) !important;
    }
    #gradesSettingspopup {
        height: calc(100vh - 180px);
        overflow: auto;
    }
    /************Send module start***************/
    #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 471px) !important;
    }
    #dvEmailEditor {
        height: calc(100vh - 315px);
    }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 442px) !important;
    }
    #dvtxtEmailEditor {
        height: calc(100vh - 316px);
    }
    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 467px) !important;
    }
    /************Send module ends***************/
    /*************Schedule - Manage Course and Skills - Linked Skills starts**************/   
    #manageskills_actionbtn .course-main-div {
        width: 70% !important;
    }
    /*************Schedule - Manage Course and Skills - Linked Skills ends**************/   

    /* SC- Libraries - skills screen starts*/
    #scmanageSkills_box .course-search-input {
        width: auto !important;
    }
    /* SC- Libraries - skills screen ends*/

}

/* School daily attendance - monthly card header Starts */
@media screen and (min-width:1200px) and (max-width:1599.98px) {    
    .schedule-calendar-header { padding-left: 10px !important; padding-right: 10px !important; }
    .schedule-calendar-header .prev-button img { margin-right: 5px !important; height: 16px; }
    .schedule-calendar-header .abs__tar__selection { right: -15px; top: 53px; }
    .schedule-calendar-header .next-button img { margin-left: 5px !important; height: 16px; }
    .schedule-calendar-header #spnCurrentMonth { font-size: 15px !important; padding-top: 0; }
    .schedule-calendar-header .abs__tar__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after { left: 94px; }
   
    /* SC- Libraries - skills screen starts*/
    #scmanageSkills_box .course-search-input {
        width: auto !important;
    }
    #gridManagedSkillsList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridManagedSkillsList .k-grid-content table colgroup col:first-child {
        width: 40px !important;
    }
    .skill-linkedto-box .tab-flex-skill-box {
        gap: var(--space-20px);
    }
    /* SC- Libraries - skills screen ends*/

}
@media screen and (min-width:1200px) and (max-width:1365.98px) {
    .schedule-calendar-header .abs__tar__selection { right: 10px; top: 58px; }
    .schedule-calendar-header .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs:before { width: 68px; }
    .schedule-calendar-header .abs__tar__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before { left: 75px; width: 46px; }
    .schedule-calendar-header .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs .app__toggleone { left: 8px; width:63px; }
    .schedule-calendar-header .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs:after { right: 6px; width: 46px; left: auto !important; }
    .schedule-calendar-header .abs__tar__selection .app__toggle .app__togglebutton { width: 112px; }
}
/* School daily attendance - monthly card header Ends */

    @media screen and (min-width:1600px) and (max-width:1645.98px) {
        .block-rotation-edit-mode .schedule-rotation-height {
            height: calc(100dvh - 353px);
        }
        .schedule-rotation-height {
            height: calc(100dvh - 309px);
        }
        #gridMyReportsList colgroup col:first-child {
            width: 150px !important;
        }
        #divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 554px) !important;
        }
        #divSchoolReportCards .receive-grades #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 580px) !important;
        }

        #divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 434px) !important;
        }

        #divSchoolReportCards .receive-grades .min-max-width #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 545px) !important;
        }
        .edit-section-modal #divSectionAddEdit #divSectionDetailsContent, .edit-section-modal #divSectionAddEdit #divCustomContent #tabExtendedSectionTable.k-tabstrip .k-tabstrip-content {
            height: calc(100vh - 287px) !important;
        }
        #divCourseSection label {
            width: max-content;
        }
        .ap-gridbody.billing-grid {
            max-height: calc(100vh - 570px);
        }

        .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
            height: calc(100vh - 456px) !important;
        }
        .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
            height: calc(100vh - 376px) !important;
        }
        .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
            height: calc(100vh - 370px) !important;
        }
        #gradesSettingspopup {
            height: calc(100vh - 190px);
            overflow: auto;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
        #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
            width: 29% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
            width: 17% !important;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Ends********/

        #divSchoolSchedule .ap-gridbody.school-schedule-cover,
        #divEditCourseSection .ap-gridbody.school-schedule-cover {
            height: calc(100vh - 212px);
            overflow: auto;
            overflow-y: scroll;
            flex-direction: row;
            padding: 10px 20px 20px !important;
        }

    }
@media only screen and (max-width:1200px) {
    .confirm-batch-process-wrap {
        flex-direction: column;
        row-gap: 20px;
    }
    .extended-course-info label {
        min-width: 135px;
        padding-right: 10px !important;
        white-space: nowrap;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 513px) !important;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 426px) !important;
    }
}
@media only screen and (max-width:1024px) {
    .app-stepper-section-wrapper .app-stepper-section-two .app__dropdown,
    .app-stepper-section-wrapper .app-stepper-section-two .app__dropdown .k-dropdownlist,
    .app-stepper-section-wrapper .app-stepper-section-two .app__dropdown .k-combobox {
        width: auto !important;
        min-width: 200px !important;
    }
    #divSchoolPeriodAttendance .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box {
        margin-top: 30px !important;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 608px) !important;
    }
}
@media only screen and (max-width:840px) {
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235, .properties-field-wrap .app__dropdown.app-w-235 {
        min-width: auto;
    }

    #divStudentStaffDemographicFieldOptions .single-student__filter__box, #grdDemographicsPageFieldsList {
        width: 260px !important;
    }
    .app-stepper-section-wrapper .app-stepper-section-two .batch-entry-select-student-by .app-radio label { margin-right: 10px; }
    .app-stepper-section-wrapper .app-stepper-section-two .grid__searchbox .tab-portfolio__search { width: 150px !important; }
    #divbatchAddSchedule #home-wrap li:last-child {
        flex-wrap: wrap;
        row-gap: 10px;
        margin-left: 10px;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .k-dropdownlist,
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown {
        max-width: 150px !important;
        width: 150px !important;
    }

    #divbatchAddSchedule #studentSelectionSchedule .comments-container #option4Div.batch-entery__popup .row [class*="col-"] {
        min-width: 170px;
    }
    #divSchoolPeriodAttendance .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box {
        margin-top: 60px !important;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 591px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
        height: calc(100vh - 404px) !important;
    }
}

    /********Farst served page height start ****************/
    @media screen and (min-width:400px) and (max-width:767.98px) {
        #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 625px) !important;
        }
    }

    @media screen and (min-width:768px) and (max-width:991.98px) {
        /**************Send module start*****************/
        #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 625px) !important;
        }

        .app-mt-por-15 {
            margin-top: 15px;
        }

        .app-mb-por-15 {
            margin-bottom: 15px;
        }

        .app-d-none-tab {
            display: none;
        }

        .app-h-por-auto, .select-recipients-block {
            height: auto;
        }

        .app-pl-por-0 {
padding-left: var(--space-0px) !important;
        }

        #divEmailLookupTabs,
        #divEnrollmentLookupTabs {
            height: calc(var(--app-height) - var(--header-height) - 50px);
            overflow-y: auto;
            overflow-x: hidden;
        }
        #divSchoolDemographics #divEnrollmentLookupTabs {
            height: calc(var(--app-height) - var(--header-height) - 125px);
        }
        #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 643px) !important;
        }

        #dvEmailEditor {
            height: calc(100vh - 355px);
        }

        #grdManageEmailTemplate .k-grid-content {
            height: calc(100vh - 320px) !important;
        }
        #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
            height: calc(100vh - 484px) !important;
        }

        .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 582px);
        }
        /**************Send module ends*****************/
    }

    @media (min-width:992px) and (max-width:1023.98px) {
        /*************Send module start********************/
        .app-flex-column-tab {
            flex-direction: column
        }

        .app-h-tab-auto {
            height: auto !important;
        }

        .app-mt-tab-15 {
            margin-top: 15px;
        }

        .app-mb-tab-15 {
            margin-bottom: 15px;
        }

        .app-ml-tab-0 {
margin-left: var(--space-0px) !important;
        }

        .app-tab-mb-20 {
            margin-bottom: 20px !important;
        }

        .send-view-recipient-block,
        .send-student-details-block,
        .send-view-recipient-block-btn,
        .send-student-details-block-btn,
        .send-scheduled-edit,
        .send-edit-block {
            width: 100% !important;
        }

            .send-edit-block.app-ml-20 {
margin-left: var(--space-0px) !important;
            }

        .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
            height: calc(100vh - 430px) !important;
        }

        .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 467px) !important;
        }
        /***************Send module ends*********************/
    }

    @media (min-width:1024px) and (max-width:1278.98px) {
        .editDemographicsHeight #grdImportTemplate .k-grid-content {
            min-height: calc(100vh - 460px);
        }
        #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 612px) !important;
        }
        /**************Send module start*****************/
        .send-view-recipient-block,
        .send-student-details-block,
        .send-view-recipient-block-btn,
        .send-student-details-block-btn {
            width: 50%;
        }

        .send-scheduled-edit {
            width: 49%;
        }

        .send-edit-block {
            width: 100%;
        }

            .send-edit-block.app-ml-20 {
margin-left: var(--space-0px) !important;
                margin-bottom: 15px;
            }

        .app-flex-dir-row-tab {
            flex-direction: row !important;
        }

        .app-mb-tab-land-15 {
            margin-bottom: 15px;
        }

        .send-select-student-grid {
            height: calc(100vh - 365px);
            overflow: auto;
        }

        .select-recipients-block {
            height: calc(100vh - 400px);
        }

        .emailSubjectBlock.email-subjec-block .app-sent-view-contact,
        .emailSubjectBlock.email-subjec-block .app-perview-contact {
            height: calc(100vh - 740px);
        }

        .emailSubjectBlock {
margin-top: var(--space-0px);
        }

            .emailSubjectBlock .app-sent-view-contact {
                height: calc(100vh - 790px);
            }

        .schedule-later .emailSubjectBlock .app-sent-view-contact {
            height: calc(100vh - 610px);
        }

        #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 476px);
        }

        #studentSelectionEmail .app__dropdown {
            width: 200px !important;
        }

        #divEmailTab .grid__searchbox .allGrids__SearchBox {
            width: 250px !important;
        }

        .emailSubjectBlock {
margin-top: var(--space-0px) !important;
        }

        .email-subjec-block {
            margin-top: 15px !important;
        }
        .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 451px);
        }

        .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
            height: calc(100vh - 413px);
        }

        .create-template-block #dvtxtEmailEditor {
            height: calc(100vh - 296px);
        }

        .app-w-tab-60 {
            width: 60%;
        }
        /**************Send module ends*****************/
        .tab_display_skills-gridbox .tab_display_skills-labelbox {
            width: 100% !important;
        }
        .tab_display_skills-gridbox .tab_display_skills-gridhelpbox {
            flex-direction: column;
        }

        .tab_display_skills-gridbox .tab_display_skills-gridhelpbox .tab_skills-scmanagegrid {
            width: auto !important;
        }

        .tab_display_skills-gridbox .tab_display_skills-gridhelpbox .tab_skills-help_linked {
            width: 100% !important;
            margin-top: 30px !important;
        }
    }

    @media (min-width:1280px) and (max-width:1399.98px) {
        .contacts-import-hover.allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu {
            transform: translateX(-25px);
        }
        .tab-device-width-messagespan {
            max-width: 300px;
        }
        .stud__ap-id {
            bottom: 38px;
        }
        #divAddEditIncident .student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__knobs:after {
            right: -40px !important;
        }
        #anrCourseLink, #anrCoursePrerequisites {
            margin-top: 17px !important;
        }

        .addcourse__details #anrCourseLink, .addcourse__details #anrCoursePrerequisites {
            margin-top: 19px !important;
        }

        .student__image {
            max-height: 140px;
            max-width: 120px;
            height: auto;
        }

        .student__image-container .overlay__add-image {
            height: 100%;
            width: 100%;
top: var(--space-0px);
        }

        #InsertDayToCalendar #gridCalendarList.app-kgrid__container .k-grid-content.k-auto-scrollable,
        #EditingDayOnCalendar #gridCalendarList.app-kgrid__container .k-grid-content.k-auto-scrollable,
        #AddingDayToCalendar #gridCalendarList.app-kgrid__container .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 450px) !important;
        }

        #divAttendanceCalendarView #grdCalendarView .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 420px) !important;
        }

        #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable, #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 515px) !important;
        }
        #divSchoolLookupTabs .receive-incidents.approval__center #gridHbIncidentView .k-grid-content.k-auto-scrollable {
            max-height: calc(100vh - 560px) !important;
        }

        #divSchoolLookupTabs .receive-incidents.approval__center #HbIncidentComments {
            height: 35px;
            padding: 6px !important;
        }

        #divSchoolLookupTabs .receive-incidents.approval__center .incident__comment-container {
margin: var(--space-0px) 13px;
        }

        #divSchoolLookupTabs .receive-incidents.approval__center #divHBIncidentsDetails ul li .app-kgrid__container {
            padding: 13px;
        }
        /*************Send module start**************/
        .send-view-recipient-block,
        .send-student-details-block,
        .send-view-recipient-block-btn,
        .send-student-details-block-btn {
            width: 50%;
        }
        /*************Send module ends**************/
    }

    @media (min-width:1400px) and (max-width: 1599.98px) {
        #divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 548px) !important;
        }

        #divSchoolReportCards .receive-grades #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 575px) !important;
        }

        #divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 429px) !important;
        }

        #divSchoolReportCards .receive-grades .min-max-width #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 530px) !important;
        }
        .scheduleyear-indicator .tab-schedule-year {
            font-size: var(--global-text-size-sm) !important;
            margin-top: 3px;
        }
        #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 515px) !important;
        }

        #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 520px) !important;
        }

        #divSchoolLookupTabs .receive-incidents.approval__center #gridHbIncidentView .k-grid-content.k-auto-scrollable {
            max-height: calc(100vh - 625px) !important;
        }

        #divSchoolLookupTabs .receive-incidents.approval__center #HbIncidentComments {
            height: 70px;
        }
        /*************Send module start**************/
        .send-view-recipient-block,
        .send-student-details-block,
        .send-view-recipient-block-btn,
        .send-student-details-block-btn {
            width: 50%;
        }

        .app-sent-view-contact {
            height: calc(100vh - 645px);
        }
        /*************Send module ends**************/
        /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
        #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
            width: 39% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
            width: 26% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .comments-container .view__grade-levels .app__dropdown .k-dropdownlist {
            width: 440px !important;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Ends********/

    }

    @media (min-width:1600px) and (max-width:1899.98px) {
        /*Setup center - Incident Codes - all tabs  starts*/
        #gridncidentCodesList .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 413px) !important;
        }

        #gridActionCodesList .k-grid-content.k-auto-scrollable, #gridActionSummaryCodesList .k-grid-content.k-auto-scrollable, #gridLocationCodesList .k-grid-content.k-auto-scrollable, #gridServedCodesList .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 373px) !important;
        }
        /*Setup center - Incident Codes - all tabs  ends*/
        .student__image-container:hover .overlay__add-image {
            width: 100%;
            height: calc(100% - 7px);
        }

        #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 524px) !important;
        }

        /********Farst served page height ends ****************/
        /*************Send module start**************/
        .send-view-recipient-block,
        .send-student-details-block,
        .send-view-recipient-block-btn,
        .send-student-details-block-btn {
            width: 50%;
        }

        #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 476px) !important;
        }

        .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 467px) !important;
        }
        /*************Send module ends**************/

        /*************Schedule - Manage Course and Skills - Linked Skills starts**************/        
        #manageskills_actionbtn .course-main-div {
            width: 60% !important;
        }
        /*************Schedule - Manage Course and Skills - Linked Skills ends**************/ 
    }

    /********Farst served page height ends ****************/
    @media (min-width : 1660px) and (max-width:1900px) {
        /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
        #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
            width: 24% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
            width: 13% !important;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    }

    @media only screen and (max-width: 1280px) {
        #anrCourseLink, #anrCoursePrerequisites {
            margin-top: 14px !important;
        }

        .addcourse__details #anrCourseLink, .addcourse__details #anrCoursePrerequisites {
            margin-top: 17px !important;
        }
        #divStudentCourseRequestDetails .app-kgrid__container .k-grid-header th.k-header:nth-child(2), #divStudentCourseRequestDetails .app-kgrid__container .k-grid-content table td:nth-child(2) {
            padding-left: 15px !important;
        }

       
    }

    @media only screen and (max-width: 1279.98px) {
        /*Setup center - Incident Codes - all tabs  starts*/
        #gridActionCodesList colgroup col:first-child,
        #gridActionCodesList colgroup col:nth-child(2),
        #gridActionSummaryCodesList colgroup col:first-child,
        #gridActionSummaryCodesList colgroup col:nth-child(2),
        #gridServedCodesList colgroup col:first-child,
        #gridServedCodesList colgroup col:nth-child(2),
        #gridLocationCodesList colgroup col:first-child,
        #gridLocationCodesList colgroup col:nth-child(2) {
            width: 100px !important;
        }
        /*Setup center - Incident Codes - all tabs  ends*/
        .admission__resolution, #newWindow {
            width: auto !important;
        }

        #divSchoolPeriodAttendance .bulletin__multi-grid-sec .multigrid__block:nth-child(even) {
            padding-left: 10px;
        }
        .addcourse__details .app-w-240 {
            width: 240px;
        }

        .addcourse__details .app-w-250 {
            width: 250px;
        }

        .addcourse__details .all-course-left .res-flex-b100, #divCourseDetailsView .res-flex-b100 {
            flex-basis: 100%;
        }

        .addcourse__details .all-course-left .res-flex-b100 .tab-header-block {
            display: block;
        }
        /*********School -> Schedule -> Manage Course & Section Starts*************/
        #divCourseDetailsView .res-flex-b100 .tab-header-block{
            flex-wrap:wrap;
            display:flex;
        }

        .addcourse__details .tab-manage__courselink-box {
            width: auto !important;
        }
        /*********School -> Schedule -> Manage Course & Section Ends*************/
    }

    @media (min-width : 767px) and (max-width : 800px) {
        /********School -> Dashboard Screen Starts*********/
        #divAddWidget .tab-w-400, #divManageSetting .tab-w-400 {
            width: 400px !important;
        }
        /********School -> Dashboard Screen Ends*********/
        #divAddEditWidget .manage-page__popup.tab__manage-page__popup .tab-ml-20 {
            margin-left: 20px;
        }

        #divAddEditWidget .manage-page__popup.dashboard-home-tile.tab__manage-page__popup {
            width: 800px !important;
        }

        #divAddEditWidget .manage-page__popup.dashboard-home-tile .manage-page__inner-content .manage-page__inner-content {
            width: 735px !important;
            position:relative;
right: var(--space-0px) !important;
        }

        #divAddEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
            height: calc(100vh - 140px);
            overflow: auto;
            overflow-x: hidden;
        }

        #divDefaultColor.select-fields-box{
            min-width: auto;
        }

        .app-kgrid__container #grdDashbordTilesList .k-grid-content.k-auto-scrollable, .app-kgrid__container #grdDashbordChartsList .k-grid-content.k-auto-scrollable{
            overflow-x: hidden;
        }
        /*********School -> Schedule -> Manage Course & Section Starts*************/
        #anrCoursePrerequisites {
            margin-top: 32px !important;
        }

        .tab-header-block {
            display: block;
        }

        .tab-width-150 {
            width: 150px !important;
        }

        .tab-manage__courselink-box, .tab-manage__courselink-input-box, .tab-margin-0 {
margin-left: var(--space-0px) !important;
        }

        .tab-prerequisites-box-with-input, .tab-course-link-block {
            width: 175px;
        }

        .tab-pl-10 {
            padding-left: 10px !important;
        }

        .tab-prt-10 {
            padding-right: 10px !important;
        }

        .tab-mar-top-10 {
            margin-top: 10px;
        }

        .tab-blue-container-div .tab-course-name-div, .tab-blue-container-div .tab-course-div{
            width:100% !important;
        }

        .tab-blue-container-div .tab-box-active {
            align-items: center;
            display: flex;
        }
        /*********School -> Schedule -> Manage Course & Section Ends*************/
    }

    /* IPad Pro orientation */
    @media (min-width : 1280px) and (max-width : 1390px) and (orientation : landscape) {
        .block-rotation-edit-mode .schedule-rotation-height .block-table-rotation tbody {
            max-height: calc(100dvh - 452px);
        }
        .schedule-rotation-height .block-table-rotation tbody {
            max-height: calc(100dvh - 399px);
        }
        .incident-grid-edit {
            height: calc(100vh - 350px);
        }
        #divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
            max-height: calc(100vh - 410px) !important;
            min-height: calc(100vh - 410px) !important;
        }
        #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
            max-height: calc(100vh - 360px) !important;
            min-height: calc(100vh - 360px) !important;
        }
        #divSkillsView.expanded .course-skills {
            height: calc(100vh - 400px) !important;
        }
        #divNarrativesView.expanded .narratives-scroll {
            height: calc(100vh - 390px);
        }
        /*****Student -> Grade Tile Starts*****/
        .report-card-block .grade-boxleft, .report-card-block .grade-boxright {
            width: 40px !important;
        }

        .report-card-block .grade-box {
            width: 80px !important;
        }

        .report-card-block .tab-word-break-all {
            word-break: break-all;
        }
        /*****Student -> Grade Tile Ends*****/
        /*****Billing Tab Starts*****/
        #divBilling .tab-divListView.expanded .ap-gridbody.billing-grid {
            max-height: calc(100vh - 385px);
        }
        /*****Billing Tab Starts*****/
        /*****Student and Staff -> Daily Attendance Tile Starts*****/
        #divStaffSnapshotAttendance, #divSnapshotAttendance {
padding: var(--space-0px) 3px;
        }
        /*****Student and Staff -> Daily Attendance Tile Ends*****/
        /*****School -> Daily Attendance Starts*****/
        #gridSchoolDailyAttendanceList {
            width: auto;
        }

        #grdCalendarView .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 445px) !important;
        }

        .tab-attendance-header-display {
            display: flex;
            align-items: center;
            width: 30%;
        }
        /*****School -> Daily Attendance Starts*****/
        /*****School -> Manage Course & Section Center Starts*****/
        #divCourseSection label {
            margin-top: 5px;
        }
        /*****School -> Manage Course & Section Center Ends*****/
        /*****Approval Center Starts*****/
        .approval__center .daily__attendance-page .expand__icon, .approval__center .period__attendance-page .expand__icon {
            left: -9px;
            top: 52px;
        }
        .approval__center .course__request-page .expand__icon {
left: var(--space-0px);
top: var(--space-0px);
        }
        #divSchoolDailyAttendance .approval__center .daily__attendance-page .expand__icon, #divSchoolPeriodAttendance .approval__center .period__attendance-page .expand__icon, #divSchoolDailyAttendance .approval__center .daily__attendance-page .expand__icon, #divSchoolDailyAttendance .approval__center.min-max-width .daily__attendance-page .expand-collapse-arrow .collapse__icon, #divSchoolPeriodAttendance .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon, #divSchoolPeriodAttendance .approval__center .period__attendance-page .expand__icon {
top: var(--space-0px);
        }

        .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon, .approval__center.min-max-width .daily__attendance-page .expand-collapse-arrow .collapse__icon {
            top: 50px;
        }

        #divSchoolPeriodAttendance .approval__center.min-max-width #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon, #divSchoolDailyAttendance .approval__center.min-max-width .daily__attendance-page .expand-collapse-arrow .collapse__icon {
            top: 5px;
        }

        .tab-attendance-header-display {
            display: flex;
            align-items: center;
            width: 35%;
        }
        /*****Approval Center Ends*****/
        /*****Send Module All Screen Starts*****/
        #divManageTemplates .create-template-block #dvEmailEditor {
            height: calc(100vh - 290px) !important;
        }

            #divManageTemplates .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
                height: calc(100vh - 418px) !important;
            }

        .create-template-block #divComposeEmail #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 447px) !important;
        }

        #dvEmailEditor {
            height: calc(100vh - 315px);
        }

            #dvEmailEditor #dvtxtEmailEditor .app-k-editor iframe.k-content {
                height: calc(100vh - 470px) !important;
            }

            #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
                height: calc(100vh - 444px) !important;
            }
        /*****Send Module All Screen Ends*****/
        /***Students -> Grid Schedule Starts***/
        #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
margin-bottom: var(--space-0px) !important;
            margin-left: 5px !important;
        }
        .grid-schedule-left-part {
            width: 100%;
        }
        /***Students -> Grid Schedule Ends***/
        /***School -> Period Attendance Starts***/
        #divSchoolPeriodAttendance .bulletin__multi-grid-sec .multigrid__block:nth-child(even) {
            padding-left: 10px !important;
        }
        /***School -> Period Attendance Ends***/
        /***School -> Schedule -> Batch Edit Section Starts***/
        .assign-teacher-popup .grid-schedule-left-part{width:auto;}
        .assign-teacher-popup #divBatchSectionEditScheduleView .app-flex-wrap{flex-wrap: nowrap;}
        /***School -> Schedule -> Batch Edit Section Ends***/
    }

/* Styles for Bootstrap Classes - Extended Course Starts */
@media (min-width: 1200px) {
    .pe-xl-0 { padding-right: 0 !important; }
    .ps-xl-0 { padding-left: 0 !important; }
    .me-xl-0 { margin-right: 0 !important; }
}
@media (min-width: 992px) {
    .pe-lg-0 { padding-right: 0 !important; }
    .ps-lg-0 { padding-left: 0 !important; }
    .me-lg-0 { margin-right: 0 !important; }
}
@media (min-width: 768px) {
    .pe-md-0 { padding-right: 0 !important; }
    .ps-md-0 { padding-left: 0 !important; }
    .me-md-0 { margin-right: 0 !important; }
}
@media (min-width: 576px) {
    .pe-sm-0 { padding-right: 0 !important; }
    .ps-sm-0 { padding-left: 0 !important; }
    .me-sm-0 { margin-right: 0 !important; }
}
@media (min-width: 1400px) {
    #divCourseDetailsView .app-pr-20 { padding-right: 20px !important; }
    #divCourseDetailsView .app-pl-30 { padding-right: 0 !important; }
    #divCourseDetailsView .app-pl-30 { padding-left: 30px !important; }
}
/* Styles for Bootstrap Classes - Extended Course Ends */
@media only screen and (max-height: 1100px) {
    #divDemographicsBatchEntry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 640px) !important;
        max-height: calc(100vh - 640px) !important;
        overflow: auto;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 600px) !important;
    }
}
@media only screen and (min-height: 1050px) and (max-height: 1100px) {
    #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 600px) !important;
        max-height: calc(100vh - 600px) !important;
        overflow: auto;
    }

    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period, #DailyAttendanceBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup, #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 598px);
        max-height: calc(100vh - 598px);
        overflow: auto;
    }

    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 640px);
        max-height: calc(100vh - 640px);
        overflow: auto;
    }
}
@media only screen and (max-height: 1050px) {
    #divDemographicsBatchEntry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 490px) !important;
        max-height: calc(100vh - 490px) !important;
        overflow: auto;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 447px) !important;
    }
}
@media only screen and (max-height: 950px) {
    #divDemographicsBatchEntry .comments-container.confirm-attendance-batch .batch-entery__popup {
        min-height: calc(100vh - 447px) !important;
        max-height: calc(100vh - 447px) !important;
    }
}
@media only screen and (max-height: 900px) {
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 381px) !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        height: calc(100% - 55px);
        min-height: calc(100% - 55px) !important;
    }
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Starts*/
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        height: calc(100% - 37px);
        min-height: calc(100% - 37px) !important;
        overflow-y: auto;
    }
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Ends*/
}
@media only screen and (max-height: 810px) {
    .k-window.app-kpopup__container:has(#divACExistingStudentStaff) { height:98% !important; top:1% !important; }
    .app-stepper-section-wrapper .app-stepper-section-two .batch-entry-data-height .batch-entery__popup .k-grid-content {
        max-height: 260px !important;
        min-height: 260px !important;
    }
    .tab-popup-height.k-window {
    max-height: calc(100vh - 30px) !important;
    }
    .tab-popup-height.k-window {
        top: 10px !important;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
        overflow: auto;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 341px) !important;
    }
    #divDemographicsBatchEntry .comments-container.confirm-attendance-batch .batch-entery__popup {
        min-height: calc(100vh - 340px) !important;
        max-height: calc(100vh - 340px) !important;
    }
}
@media only screen and (max-height: 650px) {
    #divDemographicsBatchEntry .comments-container.confirm-attendance-batch .batch-entery__popup {
        min-height: calc(100vh - 333px) !important;
        max-height: calc(100vh - 333px) !important;
    }
}

/* Override for iPad Mini Landscape (1024x768) */
@media screen and (max-width: 1024px) and (orientation: landscape) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 415px) !important;
        max-height: calc(100vh - 415px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    .app-w-450 {
        width: 300px !important;
    }
    .tab_display_skills-gridbox .tab_display_skills-labelbox {
        width: 100% !important;
    }

}

/* ------------------------- New Breakpoints Starts ---------------------- */
@media only screen and (max-width:1900px) {
}
/* Ends Media Query - 1900px */

@media only screen and (max-width:1600px) {
}
/* Ends Media Query - 1600px */

@media only screen and (max-width:1400px) {
}
/* Ends Media Query - 1600px */

@media only screen and (max-width:1366px) {
}
/* Ends Media Query - 1366px */

/*Common Codes for all iPads*/
@media only screen and (max-width:1279px) {
}
/*Common Codes for all iPads*/

@media only screen and (max-width:1280px) {
}
/* Ends Media Query - 1280px */

@media only screen and (max-width:1024px) {
}
/* Ends Media Query - 1024px */

@media only screen and (max-width:992px) {
    #divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 475px);
    }
    #divDemographicsReports #gridSchoolDemographicsReportsDetail .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 475px);
    }

    .view__jobs-container .app-kgrid__container .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 465px);
    }
}
/* Ends Media Query - 992px */

@media only screen and (max-width:768px) {
}
/* Ends Media Query - 768px */

@media only screen and (max-width:740px) {
}
/* Ends Media Query - 740px */

/* Height Based breakpoints */
@media only screen and (max-height:900px) {
}

@media only screen and (max-height:800px) {
}

@media only screen and (max-height:750px) {
}
/* ------------------------- New Breakpoints Ends ---------------------- */

/* Override ONLY for exactly 1024x768 in landscape */
@media (width:1024px) and (height:768px) and (orientation: landscape) {
    #gridContactRelationshipList .k-grid-content.k-auto-scrollable {
        height: 355px !important;
    }
    #divContactSuffixtable .k-grid-content.k-auto-scrollable {
        height: 355px !important;
    }
    .app-sc-suffi-rel-width {
        width: auto !important;
    }

    .tab_display_skills-gridbox .tab_display_skills-gridhelpbox {
        flex-direction: column;
    }
    .tab_display_skills-gridbox .tab_display_skills-gridhelpbox .tab_skills-scmanagegrid {
        width: auto !important;
    }
    .tab_skills-div {
        display: none;
    }
    .tab_display_skills-gridbox .tab_display_skills-gridhelpbox .tab_skills-help_linked {
        width: 100% !important;
        margin-top: 30px !important;
    }
}
@media (width:1180px) and (height:820px) and (orientation: landscape) {
    #gridContactRelationshipList .k-grid-content.k-auto-scrollable {
        height: 455px !important;
    }
    .app-sc-suffi-rel-width {
        width: auto !important;
    }
    .superdb-batchentrypopup{
        height:auto!important;
        min-height:700px;
    }

    /*Daily attendance - Edit Student Daily Attendence Starts*/
    #divPeriodAttendanceHoldingBinTab .tab-edit-attendance-calender{
        width: 150px;
    }
    /*Daily attendance - Edit Student Daily Attendence ends*/

    /* SC- Libraries - skills screen starts*/
    #gridManagedSkillsList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridManagedSkillsList .k-grid-content table colgroup col:first-child {
        width: 50px !important;
    }

    #scmanageSkills_box .course-search-input.tab-skill-searchbox-input {
        width: 200px !important;
    }
    .tab_display_skills-labelbox .tab-skill-gradepool {
        width: 300px !important;
        height: 40px !important;
    }
    /* SC- Libraries - skills screen ends*/
}