/* 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 '-'
(749,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(750,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(751,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(752,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(753,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(767,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(768,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(771,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(772,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(773,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(774,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(777,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(778,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(779,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(781,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(782,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(784,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(785,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(786,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(787,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(788,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(790,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(791,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(792,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(793,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(812,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(813,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(814,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(816,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(818,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(819,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(820,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(822,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(823,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(824,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(826,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(828,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(830,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(832,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(834,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(835,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(837,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(838,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(840,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(841,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(842,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(843,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(870,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(871,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(872,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(874,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(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 '-'
(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 '-'
(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 '-'
(1048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1049,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1050,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1051,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 '-'
(1054,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 '-'
(1058,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 '-'
(1060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1062,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 '-'
(1066,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 '-'
(1070,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 '-'
(1075,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1081,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 '-'
(1124,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(1128,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxs'
(1132,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(1136,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(1140,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(1144,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(1148,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(1152,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(1156,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(1160,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(1164,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxl'
(1168,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxll'
(1172,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxl'
(1176,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(1180,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple'
(1185,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(1189,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(1193,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(1198,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(1202,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(1207,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-italic'
(1223,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(1224,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(1227,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(1815,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(1819,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(1823,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(1827,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(1831,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(1977,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(1986,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2008,28): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2011,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2028,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2040,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2041,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2048,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(2073,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2075,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2076,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2101,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2102,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2106,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2107,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2108,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(2112,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(2117,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2121,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2123,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2124,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2130,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(2133,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2142,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2144,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2146,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2147,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2154,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(2155,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2172,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-toggle-background-color'
(2179,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border-color'
(2182,45): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2183,50): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2187,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2198,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(2202,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2208,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2214,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2220,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2263,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2265,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2275,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2276,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2290,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2291,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2304,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2316,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2322,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2329,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2331,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2335,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2336,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2340,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2345,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2351,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2353,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(2363,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2373,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2374,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2381,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(2382,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2383,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2384,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2385,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2390,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-green'
(2391,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2392,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2393,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2394,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2395,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2400,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-success-green'
(2405,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grey-shade-bg'
(2406,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-tertiary'
(2407,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2408,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2409,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2413,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2414,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2415,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2418,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-green'
(2419,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2420,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2421,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2422,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2426,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2427,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2428,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2432,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-color'
(2433,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2434,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2437,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2438,17): run-time error CSS1039: Token not allowed after unary operator: '-global-send-template-text-color'
(2439,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2440,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2441,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2445,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2446,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2450,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-color'
(2454,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-solid-color'
(2458,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2459,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2460,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2461,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2462,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2467,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-side-menubar-background'
(2468,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2469,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2487,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2488,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2489,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2490,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2491,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2492,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2493,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2497,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2498,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2499,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2528,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2529,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2530,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2531,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2532,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2539,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(2548,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-color'
(2549,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2550,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2551,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2552,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2556,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(2559,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(2565,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(2568,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(2672,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(2696,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2697,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2698,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(2703,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(2709,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2710,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2711,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2712,25): run-time error CSS1039: Token not allowed after unary operator: '-font-16px'
(2713,27): run-time error CSS1039: Token not allowed after unary operator: '-source-sans-pro-regular'
(2714,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2813,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightblue-bg-color'
(2816,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-infobox-bg'
(2820,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-lightblue-background'
(2824,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(2827,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-td-field-bg'
(2830,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(2836,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(2840,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(2843,28): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(2850,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(2853,28): run-time error CSS1039: Token not allowed after unary operator: '-global-greylight-border'
(2863,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(2864,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2865,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2868,28): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2872,35): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2876,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2880,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(2883,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2886,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2889,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(2892,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tinblue-bg-color'
(2895,32): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2898,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2901,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2904,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2907,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2912,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-orange'
(2915,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(2923,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(2926,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(2930,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-black-border'
(2934,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(2938,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(2942,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(2943,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(2947,22): run-time error CSS1039: Token not allowed after unary operator: '-global-elevation-shadow'
(2948,27): run-time error CSS1039: Token not allowed after unary operator: '-global-elevation-shadow'
(2952,34): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(2953,39): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(2957,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(2958,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(2962,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2963,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2967,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2968,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2972,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(2973,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(2977,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(2978,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(2982,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(2983,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3351,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3352,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3356,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(3357,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(3360,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(3361,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(3501,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(3501,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(3504,34): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(3508,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(3512,34): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(3516,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3520,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3524,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3528,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3532,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3536,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(3539,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(3543,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(3547,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(3550,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(3553,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(3556,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightwhite-bg-color'
(3559,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-blue'
(3562,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-red-bg'
(3565,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(3568,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-color-blue-bg'
(3571,22): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(3574,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-light-gray'
(3578,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-grey-bg'
(3582,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-orange-bg'
(3586,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-green-bg'
(3590,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(3595,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(3599,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-light-blue'
(3602,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(3605,17): run-time error CSS1039: Token not allowed after unary operator: '-global-green-color'
(3608,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(3611,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(3614,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-dark-color'
(3617,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-green-color'
(3620,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(3623,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(3626,17): run-time error CSS1039: Token not allowed after unary operator: '-global-rust-orange-color'
(3629,17): run-time error CSS1039: Token not allowed after unary operator: '-global-deep-green-color'
(3633,17): run-time error CSS1039: Token not allowed after unary operator: '-global-error-red-color'
(3659,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(3660,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(3667,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(3671,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3672,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3673,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3676,33): run-time error CSS1030: Expected identifier, found '.'
(3676,60): run-time error CSS1031: Expected selector, found ')'
(3676,60): run-time error CSS1025: Expected comma or open brace, found ')'
(3776,17): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-color'
(3851,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(3857,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(3860,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(3863,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(3866,35): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(3870,28): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(3873,17): run-time error CSS1039: Token not allowed after unary operator: '-global-red-color'
(3880,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(3881,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(3891,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(3900,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(3906,40): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(3907,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(3913,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(3925,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(3948,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(3955,22): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3961,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(3965,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(3977,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(3978,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(3980,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3981,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3982,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(3983,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(3984,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(3988,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(3992,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-readonly'
(3993,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(3998,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4002,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4009,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4010,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4014,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4019,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4056,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4057,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4058,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4074,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4078,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4082,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4127,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(4128,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4129,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4130,36): run-time error CSS1039: Token not allowed after unary operator: '-global-ap-active-border'
(4139,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4148,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4170,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(4174,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(4179,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4212,33): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(4230,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4238,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(4247,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4248,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4253,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4266,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4280,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-required'
(4290,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-color'
(4294,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4301,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(4302,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(4303,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4305,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4306,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4310,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4342,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-readonly'
(4343,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(4348,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4349,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4350,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4390,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-border'
(4424,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(4425,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(4448,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(4452,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4453,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(4457,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4463,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background-alpha'
(4473,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4480,69): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(4482,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-orange'
(4483,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-green'
(4484,75): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-navy-blue'
(4485,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-brown'
(4486,74): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-sky-blue'
(4487,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-yellow'
(4488,75): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-malachite'
(4499,28): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4503,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4507,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4510,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4513,34): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4516,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(4519,33): run-time error CSS1039: Token not allowed after unary operator: '-global-rust-orange-color'
(4523,33): run-time error CSS1039: Token not allowed after unary operator: '-global-deep-green-color'
(4526,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4530,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(4534,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(4538,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-purple-color'
(4542,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-color'
(4546,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-orange-border'
(4550,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border'
(4554,33): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-border'
(4558,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-border'
(4561,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4565,33): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4569,33): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-color'
(4575,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4578,28): run-time error CSS1039: Token not allowed after unary operator: '-global-red-color'
(4581,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4587,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4588,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4592,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4600,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4603,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4607,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-blue-bg'
(4608,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4612,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(4614,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4615,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4616,35): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(4620,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-recipients-grid-row'
(4624,58): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4624,152): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4624,244): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4624,335): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4632,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4638,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(4642,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-red-bg'
(4643,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-border'
(4647,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-orange-bg'
(4675,22): run-time error CSS1039: Token not allowed after unary operator: '-global-disable-grey'
(4676,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4678,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4682,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-grey-bg'
(4683,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4685,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4689,22): run-time error CSS1039: Token not allowed after unary operator: '-global-disable-grey'
(4690,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(4692,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4694,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(4729,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4754,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4773,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4778,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(4779,40): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(4813,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(4814,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(4815,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4826,33): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(4847,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-navbar-background'
(4861,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(4862,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(4880,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(4889,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-side-menubar-background'
(4900,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(4903,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4915,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4920,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(4921,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(4923,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(4929,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxs'
(4930,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-appmenubar-background'
(4945,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-appmenu-background'
(4973,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4977,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5005,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5036,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-header-bg'
(5038,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5042,22): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5050,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5058,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5060,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5061,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5062,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5086,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5100,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(5101,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5143,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(5145,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(5155,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(5156,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5169,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5170,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5182,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5183,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5194,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5200,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5201,35): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5202,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5208,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5210,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5214,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5215,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5219,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5224,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5229,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5231,39): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5244,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5250,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5252,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5253,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5254,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5300,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5304,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5306,38): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(5307,43): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(5308,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(5313,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5315,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5316,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5317,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5340,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5341,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5346,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5357,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(5358,18): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(5360,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(5373,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(5374,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5375,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5385,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5387,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5388,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5397,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5398,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5400,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5401,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5409,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(5409,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5409,68): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(5418,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5419,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5421,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5422,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5423,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5427,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-background'
(5432,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(5442,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5443,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5444,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5453,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5458,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(5474,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(5479,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(5479,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5488,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5489,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5495,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5502,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5504,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5510,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5511,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5512,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(5517,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5529,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5533,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5534,35): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(5553,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5553,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5554,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5554,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5644,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(5649,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(5701,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(5724,17): run-time error CSS1039: Token not allowed after unary operator: '-global-attendance-status-color'
(5725,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(5727,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxxl'
(5736,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-italic'
(5792,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(5800,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(5808,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-second-color'
(5816,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-last-color'
(5822,32): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(5826,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(5849,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(5850,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(5871,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(5878,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color-one'
(5903,35): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(5998,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6003,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6005,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(6006,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6007,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6012,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6016,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(6050,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6093,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(6094,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(6095,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6125,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(6168,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6170,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(6177,32): run-time error CSS1039: Token not allowed after unary operator: '-global-checked-login'
(6181,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(6231,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6235,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6244,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(6246,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6246,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6247,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6247,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6268,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6269,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6273,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6277,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6278,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6283,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6288,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6289,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6290,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6292,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6293,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6294,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6297,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6301,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6331,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(6332,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6333,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6364,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6365,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(6370,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(6371,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(6380,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6381,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6394,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6401,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6402,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6415,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6426,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6432,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6433,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6444,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6449,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(6449,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(6456,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(6462,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(6482,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6483,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6484,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(6485,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(6493,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(6495,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(6495,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(6496,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6496,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6501,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(6510,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6520,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6521,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6522,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6525,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6532,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6533,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6561,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(6575,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6584,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6585,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6587,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6587,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6588,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6588,62): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6594,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6596,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6596,55): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6597,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6597,60): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6598,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6599,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(6600,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6602,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6639,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(6640,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6641,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6642,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6643,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6647,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(6655,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(6656,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6657,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6665,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(6673,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(6674,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6683,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6684,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6686,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6691,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(6721,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6729,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6730,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6736,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6740,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6744,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6758,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6768,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6783,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(6898,38): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(6910,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6911,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7006,29): run-time error CSS1046: Expect comma, found '83'
(7006,36): run-time error CSS1046: Expect comma, found '/'
(7011,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7034,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7043,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7048,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(7052,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(7065,33): run-time error CSS1046: Expect comma, found '83'
(7065,40): run-time error CSS1046: Expect comma, found '/'
(7070,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7086,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7090,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7091,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7092,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7108,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7109,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(7109,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7116,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7129,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7134,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(7175,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(7179,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7210,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(7227,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7227,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7228,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7228,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7232,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7232,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7233,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7233,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7265,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7291,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7300,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7323,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(7335,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(7339,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7340,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7341,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7345,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7372,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7373,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7374,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7381,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7387,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(7395,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7404,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(7424,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7445,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7450,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7455,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7460,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7465,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7470,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7474,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7503,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7510,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7521,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(7521,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(7525,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7526,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7527,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7529,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7533,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7534,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7535,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7536,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7553,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7555,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7555,61): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7565,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7566,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7570,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7616,29): run-time error CSS1046: Expect comma, found '83'
(7616,36): run-time error CSS1046: Expect comma, found '/'
(7618,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7619,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7620,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7632,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7670,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7687,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7688,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(7689,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7689,55): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7689,83): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7690,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7690,60): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7690,88): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7698,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7699,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7700,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7704,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7764,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(7771,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7771,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7777,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7782,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(7783,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7784,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7784,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7785,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(7786,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(7803,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(7882,35): run-time error CSS1039: Token not allowed after unary operator: '-global-lists-box-border'
(7918,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(7929,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(7939,49): run-time error CSS1030: Expected identifier, found ','
(7939,63): run-time error CSS1031: Expected selector, found ')'
(7939,63): run-time error CSS1025: Expected comma or open brace, found ')'
(7944,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7945,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7946,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7947,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8016,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8023,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8024,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(8025,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(8051,29): run-time error CSS1046: Expect comma, found '83'
(8051,36): run-time error CSS1046: Expect comma, found '/'
(8053,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8054,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8058,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8059,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8087,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8098,45): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8109,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8129,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8130,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8134,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8144,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8145,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8146,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8161,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8162,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(8185,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(8186,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8187,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8189,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8190,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8191,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8192,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8238,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(8262,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8263,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8267,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8268,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8290,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(8291,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8292,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8293,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8294,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8303,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8322,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8324,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8325,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8367,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8368,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8369,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8375,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(8376,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8380,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8381,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8382,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8383,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8391,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8392,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8397,17): run-time error CSS1039: Token not allowed after unary operator: '-quick-mail-right-container'
(8406,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8406,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8407,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8408,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8418,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(8423,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8424,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8432,29): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8436,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8438,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8438,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8442,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8443,28): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-border'
(8447,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8447,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8451,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8496,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8530,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(8531,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8532,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8533,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8534,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8535,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8536,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8541,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(8557,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8562,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8562,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8563,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8564,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8565,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8566,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8570,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8570,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8574,35): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(8575,40): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(8576,28): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(8577,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8582,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8582,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8586,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8608,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(8612,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8613,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8686,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(8689,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8690,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8691,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8696,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8698,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8699,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8700,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8701,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8706,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8710,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8715,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(8716,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8721,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8722,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8723,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8724,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8725,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8726,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8748,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8766,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxs'
(8767,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8768,24): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8772,52): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8772,78): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8790,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8795,21): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(8835,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8852,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8856,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(8863,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8864,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(8870,44): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(8871,49): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(8872,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(8873,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(8879,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(8922,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8924,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(8926,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(8936,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(8944,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8945,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8946,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8947,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8965,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(8966,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8971,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-green'
(8972,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8978,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(8989,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(8995,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(9008,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9017,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9018,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9019,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9029,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9059,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9060,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9064,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9068,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9072,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(9077,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(9078,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9081,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9082,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9089,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(9090,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9091,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9107,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(9120,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9165,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9166,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(9307,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9327,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9328,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9333,32): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9342,18): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(9346,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9347,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9348,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9352,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9357,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9365,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9369,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(9370,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9371,24): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9374,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9387,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9388,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9388,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9389,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9389,62): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9393,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9400,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9423,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(9423,61): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(9441,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9445,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9446,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9450,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9451,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9452,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(9462,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9474,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9475,17): run-time error CSS1039: Token not allowed after unary operator: '-global-local-field-input-color'
(9476,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9525,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9526,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9531,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9532,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9533,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9594,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-seperator'
(9604,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(9633,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9636,28): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(9637,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9638,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9649,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9659,52): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(9680,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(9695,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(9696,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9697,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9715,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9737,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(9738,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9739,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-recipients-grid-row'
(9743,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(9805,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(9806,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9807,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9809,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9810,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9812,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9813,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9828,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(9830,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9830,55): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9831,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9831,60): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9832,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9833,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(9834,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9836,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9845,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9846,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(9847,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9850,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9855,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(9856,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(9858,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9858,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9859,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9859,62): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9867,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(9869,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9869,61): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9870,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9870,66): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9871,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9872,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(9873,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9875,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9889,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9890,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9891,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9892,39): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9896,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9897,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9902,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9907,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9920,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9924,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9929,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9933,35): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9937,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9941,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9945,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9949,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9953,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9957,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9961,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9965,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(9981,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-onhover-bg'
(9995,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10003,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(10014,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10027,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10028,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10034,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10035,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10039,28): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10047,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10060,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10061,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10062,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10067,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10071,17): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-custom-pagination-disabled-color'
(10083,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10115,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-alert-window'
(10138,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(10188,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(10205,33): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(10217,40): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(10234,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10234,61): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10235,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10235,66): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10259,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10261,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10262,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10263,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10264,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10278,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(10288,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10289,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10290,24): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10290,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10290,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10290,131): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10325,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10327,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10328,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10329,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10330,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10346,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10361,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10365,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10367,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10369,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10380,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10383,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10384,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10385,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10388,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10389,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(10395,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(10396,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10397,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10410,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(10420,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10422,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(10423,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10443,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(10447,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10448,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10450,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10464,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10465,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10469,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10470,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10474,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10474,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10475,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10475,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10570,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(10584,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(10585,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(10587,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(10597,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10598,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10599,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10610,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10611,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10681,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10690,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10691,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10697,39): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(10702,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10711,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10716,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10720,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10730,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10734,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10740,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10746,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10750,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10754,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10778,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(10780,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10785,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dailyAttendance-grid-color'
(10797,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dailyAttendance-grid-color'
(10830,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-first-header-color'
(10833,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-second-header-color'
(10834,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-second-header-color'
(10835,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-fourth-header-color'
(10836,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10837,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-last-header-color'
(10840,28): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-border-color'
(10847,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-row-header-color'
(10851,29): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-border-color'
(10855,31): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(10859,31): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(10869,39): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(10870,40): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(10882,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-first-cell-color'
(10883,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10884,39): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(10885,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(10887,35): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-first-cell-border-color'
(10890,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10901,21): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-box-color'
(10917,28): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-roomnum-color'
(10918,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-roomnum-color'
(10920,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10924,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10926,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10927,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10936,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(10959,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10960,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10961,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10975,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(10979,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10984,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(10992,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11054,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11056,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(11062,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(11063,28): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(11080,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11081,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11082,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11107,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(11355,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11399,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(11400,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11401,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(11409,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(11434,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-two'
(11438,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(11442,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(11446,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(11450,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(11454,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(11458,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-two'
(11462,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(11466,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11467,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11471,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(11475,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(11496,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11506,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11520,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11524,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(11541,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(11562,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(11563,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11569,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(11570,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11584,35): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(11590,34): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(11596,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11605,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11615,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11616,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11622,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11623,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11634,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11635,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(11636,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11641,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(11661,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(11685,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(11686,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(11696,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(11702,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11733,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(11794,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11795,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11804,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(11827,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11843,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(11844,31): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11845,36): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11854,40): run-time error CSS1039: Token not allowed after unary operator: '-global-expanded-container-border'
(11858,40): run-time error CSS1039: Token not allowed after unary operator: '-global-expanded-container-border'
(11859,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11860,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11873,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(11910,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11915,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(11917,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11933,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11934,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11935,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12004,29): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12005,34): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12006,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12040,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12053,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12054,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12055,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12056,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12057,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12059,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12063,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(12064,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(12069,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxl'
(12079,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12080,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12086,21): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(12087,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(12091,36): run-time error CSS1039: Token not allowed after unary operator: '-global-login-drawer-border'
(12093,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(12094,34): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-black-boxshadow'
(12095,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12095,60): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12107,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12108,35): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(12109,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(12123,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12137,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(12140,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12170,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(12174,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(12182,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(12187,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12192,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12198,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tile-light-color'
(12204,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12216,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(12229,22): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(12241,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12245,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-grid'
(12258,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-grey-bg'
(12264,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-purple-border'
(12378,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(12386,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12396,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(12442,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12451,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-dim-grey-border'
(12462,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12466,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12488,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12498,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12520,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(12521,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12558,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(12559,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(12560,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12561,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(12567,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(12571,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(12572,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(12573,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(12582,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(12585,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12617,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12621,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12622,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12635,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(12640,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12676,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(12679,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12680,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12697,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(12699,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12700,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12711,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12711,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12727,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12729,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12739,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12803,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(12804,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12810,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(12814,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12818,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12820,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(12825,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12841,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(12842,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12859,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(12860,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12866,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12873,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(12875,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(12882,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(12883,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12884,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(12889,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12912,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(12918,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12937,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(12938,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(12944,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(12945,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(12951,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12957,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12964,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12970,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12974,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12978,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(12978,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(12979,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(12998,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13006,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13013,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13026,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxl'
(13033,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13034,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(13041,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(13089,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(13093,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13118,18): run-time error CSS1039: Token not allowed after unary operator: '-excel-wizard-filter-box-height'
(13123,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13123,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13123,68): run-time error CSS1039: Token not allowed after unary operator: '-excel-wizard-filter-box-height'
(13123,108): run-time error CSS1039: Token not allowed after unary operator: '-app-menubar-height'
(13136,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13136,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13154,22): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(13191,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13197,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13217,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13218,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13218,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13234,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(13236,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(13236,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(13240,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13242,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13242,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13250,32): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(13280,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(13318,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(13319,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13320,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(13321,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(13322,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(13323,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-pink'
(13324,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-orange'
(13339,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13345,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13346,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13354,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(13356,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13361,42): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(13362,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13367,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13371,42): run-time error CSS1039: Token not allowed after unary operator: '-global-capsule-shadow-color'
(13372,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-navyblue-border'
(13376,42): run-time error CSS1039: Token not allowed after unary operator: '-global-capsule-shadow-color'
(13377,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-navyblue-border'
(13492,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13492,48): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13497,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(13501,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13503,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(13507,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13563,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13597,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(13631,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(13641,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13675,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(13675,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(13707,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(13708,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(13714,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(13718,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13725,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13726,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(13727,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13746,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxl'
(13758,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(13864,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(13873,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(13881,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(13882,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13883,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13887,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13888,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13892,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13896,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13916,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13948,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(14008,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(14012,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14017,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14017,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14021,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(14030,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14042,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(14076,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14080,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14081,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14094,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14102,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14109,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(14157,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14159,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(14160,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(14161,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14162,29): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14181,37): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14193,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(14200,29): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14201,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14202,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14236,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14237,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14238,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14239,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14240,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14269,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(14297,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14316,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(14329,28): run-time error CSS1039: Token not allowed after unary operator: '-global-ultra-lightish-grey-border'
(14380,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14388,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14393,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14422,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(14434,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(14442,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(14446,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(14455,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(14469,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(14492,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14506,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(14507,67): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(14508,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(14509,80): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14510,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(14511,61): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-tardy-bgcolor'
(14512,65): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-dismissal-bgcolor'
(14513,75): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(14514,69): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(14515,74): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(14516,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-tile-green'
(14517,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(14522,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14522,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14528,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(14534,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(14548,54): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(14559,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(14578,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-dismissal-bgcolor'
(14673,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(14732,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(14758,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14759,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14764,54): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14765,61): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14779,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-color'
(14804,78): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(14804,99): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(14815,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(14827,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-dimlight-blue-bg'
(14828,36): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(14832,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14837,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14841,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(14847,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14849,24): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-grey-border'
(14857,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(14858,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14865,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14866,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(14873,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(14886,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(14906,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(14912,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14933,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14943,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(14958,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-blue-light-version'
(14982,22): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(15000,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(15022,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(15023,28): run-time error CSS1039: Token not allowed after unary operator: '-global-lightblue-border'
(15053,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15054,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15055,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(15056,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(15057,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(15058,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15117,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(15118,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-abs-bg-color'
(15119,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-tar-bg-color'
(15120,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-dis-bg-color'
(15137,28): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15140,75): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15141,76): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15144,43): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15167,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15186,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(15312,71): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(15315,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(15316,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(15322,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(15339,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15343,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15347,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15348,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15354,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(15375,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-purple-border'
(15382,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15400,49): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15411,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(15432,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(15433,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15440,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxs'
(15475,156): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-secondary-readonly'
(15476,255): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15498,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(15502,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15503,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15504,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15505,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15510,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(15517,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(15518,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15519,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15550,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15576,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15620,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(15625,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15637,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15646,26): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15650,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15651,38): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(15652,36): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15653,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15658,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(15659,32): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(15698,98): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(15718,50): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15719,49): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(15721,122): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(15735,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(15736,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15737,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15751,48): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15754,95): run-time error CSS1039: Token not allowed after unary operator: '-global-checkbox-border'
(15760,48): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15761,50): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15762,49): run-time error CSS1039: Token not allowed after unary operator: '-global-greyish-border-light'
(15766,69): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15768,129): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(15769,131): run-time error CSS1039: Token not allowed after unary operator: '-brand-invoice-summary-status-payment'
(15770,125): run-time error CSS1039: Token not allowed after unary operator: '-brand-invoice-summary-status-due'
(15771,45): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(15771,99): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(15772,80): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15776,85): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15777,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15778,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15794,77): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(15797,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(15797,159): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(15798,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(15799,67): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(15805,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(15806,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(15814,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(15815,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(15858,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-orange'
(15865,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15874,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15908,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15943,42): run-time error CSS1039: Token not allowed after unary operator: '-global-filter-shadow'
(15947,23): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15948,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15949,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15965,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15977,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15990,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16003,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16016,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16029,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16043,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16055,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-blue'
(16066,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16076,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16081,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16084,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16085,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16086,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16093,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(16094,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16095,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16100,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16101,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16102,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16104,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16110,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16111,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16112,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16113,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16114,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16117,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16123,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16124,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16127,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16131,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(16142,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16143,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(16144,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16147,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16164,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16168,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(16177,26): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16179,29): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16190,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16194,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(16195,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16196,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16213,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16217,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(16224,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(16228,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16229,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16230,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16232,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16241,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16252,36): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16265,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16273,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16274,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16275,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16277,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16285,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16296,36): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16309,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16317,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16318,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16319,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16321,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16329,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16340,36): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16353,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16377,56): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16385,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16405,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(16408,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16436,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(16445,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16451,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16455,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16456,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16460,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16473,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16478,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16492,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16511,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(16523,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16527,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16528,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16532,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16537,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16541,42): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(16556,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16560,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16645,34): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(16673,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16674,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16677,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16680,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16684,22): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(16688,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16694,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(16695,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-second-color'
(16696,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(16697,39): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(16701,323): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16713,100): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(16723,189): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(16729,70): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(16737,218): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16738,77): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16739,49): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple-large'
(16740,140): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16740,182): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple-large'
(16741,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16741,96): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16742,64): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(16742,112): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16756,94): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16785,75): run-time error CSS1039: Token not allowed after unary operator: '-global-ap-active-border'
(16786,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-active-grid-row'
(16796,65): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16797,60): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16802,124): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(16803,131): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16803,188): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16805,90): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(16808,313): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background-alpha'
(16815,97): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(16815,118): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(16829,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16837,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16838,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16839,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16844,127): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16846,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(16846,113): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(16855,67): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16856,170): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(16860,68): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16861,55): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(16874,137): run-time error CSS1039: Token not allowed after unary operator: '-brand-yellowshade-bg-color'
(16876,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16881,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger-bg-color'
(16888,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16889,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16911,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16922,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16924,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-color'
(16930,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16944,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16964,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(16976,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16979,29): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16980,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16994,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16995,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16998,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17002,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(17010,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17016,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17019,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17023,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17042,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background-rgb'
(17042,71): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(17046,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17055,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17083,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17135,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(17163,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(17195,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17196,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17199,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17223,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(17224,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17225,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17226,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(17227,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17228,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17229,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17234,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(17242,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17243,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(17248,17): run-time error CSS1039: Token not allowed after unary operator: '-quick-mail-right-container'
(17257,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17257,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17258,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17259,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(17277,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17285,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(17286,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(17287,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(17288,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17289,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(17293,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17293,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17298,35): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(17299,40): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(17300,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(17301,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17306,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17306,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17310,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17323,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17324,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(17388,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17393,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(17394,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17395,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17396,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17397,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17410,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17411,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17412,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17416,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17417,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17418,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17419,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17420,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17421,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17422,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17429,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17430,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17431,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17436,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17443,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(17454,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(17459,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(17460,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17461,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17466,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(17479,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17483,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17484,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17488,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17541,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17542,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17555,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17559,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17563,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17568,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17572,31): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17576,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17580,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17584,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17588,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17592,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17596,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17600,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17604,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17619,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17620,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17621,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17639,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17641,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17642,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17669,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17670,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17671,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(17680,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17681,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(17682,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(17683,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(17692,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(17701,29): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(17703,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17710,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17712,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17712,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17716,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17717,24): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-border'
(17721,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17721,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17725,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17747,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17776,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17779,28): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(17780,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17781,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17792,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17802,52): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(17822,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17823,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17826,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17829,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(17847,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17858,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17862,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17863,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17867,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17904,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17916,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17920,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17921,36): run-time error CSS1039: Token not allowed after unary operator: '-global-gray-shadow-color'
(17937,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17940,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(17949,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-color-blue-bg'
(17950,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17953,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(17955,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17956,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17961,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17964,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17967,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-orange'
(17971,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17974,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18054,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18083,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18086,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18087,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18138,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(18197,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(18212,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18215,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18219,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18249,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18290,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18294,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18299,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18319,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(18324,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightwhite-bg-color'
(18362,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(18363,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-editer-toolbar-bg'
(18418,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18423,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-gray-bg-color'
(18442,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-grey-color'
(18458,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-gray-bg-color'
(18483,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18493,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-yellowshade-bg-color'
(18518,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(18522,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-bluegrey-color'
(18526,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-grey-header-color'
(18535,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(18558,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(18700,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(18701,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(18723,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18745,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18765,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18793,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(18798,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-yellowshade-bg-color'
(18803,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(18808,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-semi-grey-bg'
(18809,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-tertiary'
(18810,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(18811,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18812,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18844,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(18857,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18859,90): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18860,93): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18860,139): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18863,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18863,131): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18864,128): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18864,185): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18866,113): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18869,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18876,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18877,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18878,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18881,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18882,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18885,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18886,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18889,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18892,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18899,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18900,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(18903,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18907,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(18914,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18920,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18923,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(18926,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18941,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18964,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(18972,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(18996,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-yellowshade-bg-color'
(19041,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19223,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(19231,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(19232,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(19233,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(19238,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19250,84): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19259,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(19270,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(19311,78): run-time error CSS1030: Expected identifier, found '#divReportsView'
(19311,93): run-time error CSS1031: Expected selector, found ')'
(19311,93): run-time error CSS1025: Expected comma or open brace, found ')'
(19319,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19320,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19326,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19335,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19340,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(19358,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19373,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(19386,17): run-time error CSS1039: Token not allowed after unary operator: '-global-import-success'
(19390,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19391,40): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19391,87): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(19392,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(19397,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(19401,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19423,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19443,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(19447,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(19448,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(19451,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(19459,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(19460,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(19464,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(19486,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(19562,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19566,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(19599,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-red'
(19612,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-red'
(19613,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(19615,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19624,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-disable-bg-color'
(19626,28): run-time error CSS1039: Token not allowed after unary operator: '-global-select-background'
(19647,28): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(19648,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19649,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19650,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(19661,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19666,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19675,85): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(19676,83): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(19679,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(19679,135): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(19681,135): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19681,183): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(19681,224): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19683,84): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(19683,126): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(19684,75): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(19685,135): run-time error CSS1039: Token not allowed after unary operator: '-global-green-color'
(19685,172): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(19713,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19719,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19767,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19789,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(19848,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(19850,62): run-time error CSS1039: Token not allowed after unary operator: '-global-text-required'
(19850,102): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(19857,15): run-time error CSS1030: Expected identifier, found '#divSendEmail'
(19857,28): run-time error CSS1031: Expected selector, found ')'
(19857,28): run-time error CSS1025: Expected comma or open brace, found ')'
(19861,15): run-time error CSS1030: Expected identifier, found '#divSendEmailPreview'
(19861,35): run-time error CSS1031: Expected selector, found ')'
(19861,35): run-time error CSS1025: Expected comma or open brace, found ')'
(19919,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(19936,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(19943,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(19952,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-header-bg'
(19953,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(19987,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(19991,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-yellowshade-bg-color'
(19999,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20002,87): run-time error CSS1030: Expected identifier, found '.'
(20002,98): run-time error CSS1031: Expected selector, found ')'
(20002,98): run-time error CSS1025: Expected comma or open brace, found ')'
(20005,87): run-time error CSS1030: Expected identifier, found '.'
(20005,98): run-time error CSS1031: Expected selector, found ')'
(20005,98): run-time error CSS1025: Expected comma or open brace, found ')'
(20054,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20055,24): run-time error CSS1039: Token not allowed after unary operator: '-global-lightblue-border'
(20074,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-orange'
(20078,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(20085,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20085,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20094,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20095,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20113,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20114,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20116,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(20124,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(20131,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(20131,63): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(20136,27): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(20136,61): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(20151,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(20160,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(20302,28): run-time error CSS1034: 
(20302,28): run-time error CSS1042: Expected function, found ','
(20302,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(20304,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20313,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20341,40): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(20344,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(20347,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(20363,28): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(20370,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(20371,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(20377,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(20378,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(20383,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(20388,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-blue-bg'
(20394,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(20404,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(20409,33): run-time error CSS1039: Token not allowed after unary operator: '-global-lightish-blue-border'
(20441,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20442,28): run-time error CSS1039: Token not allowed after unary operator: '-global-lightish-grey-border'
(20445,58): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20463,161): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20468,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20499,77): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20499,97): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20514,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20525,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(20526,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20528,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(20535,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(20536,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20550,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(20551,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20560,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(20574,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20575,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(20576,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20580,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(20590,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(20601,34): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20602,37): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20606,35): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20607,38): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(20618,28): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(20619,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(20620,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(20622,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(20623,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20626,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(20627,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20649,33): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(20662,33): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(20683,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20684,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20685,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(20688,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20689,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20695,28): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(20703,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(20714,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(20746,119): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(20746,185): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(20747,157): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20749,148): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20750,227): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(20751,91): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(20752,31): run-time error CSS1030: Expected identifier, found '.'
(20752,66): run-time error CSS1031: Expected selector, found ')'
(20752,66): run-time error CSS1025: Expected comma or open brace, found ')'
(20753,108): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20755,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(20757,131): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20758,99): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20774,110): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20779,126): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(20790,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(20809,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(20828,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(20851,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(20863,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20886,34): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(20890,34): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(20958,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20962,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21015,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(21026,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(21030,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(21047,21): run-time error CSS1030: Expected identifier, found '.'
(21047,32): run-time error CSS1031: Expected selector, found ')'
(21047,32): run-time error CSS1025: Expected comma or open brace, found ')'
(21075,28): run-time error CSS1030: Expected identifier, found '#divSectionAddEdit'
(21075,46): run-time error CSS1031: Expected selector, found ')'
(21075,46): run-time error CSS1025: Expected comma or open brace, found ')'
(21138,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-background-color'
(21174,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(21188,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(21200,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(21208,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(21222,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(21240,28): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(21244,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21245,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21246,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(21249,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(21250,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(21255,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(21279,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(21283,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(21289,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(21299,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(21300,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(21331,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(21457,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(21458,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(21477,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21500,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21539,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(21542,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(21545,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(21548,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(21554,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(21554,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(21555,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21565,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(21565,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(21566,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21589,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(21589,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(21589,67): run-time error CSS1039: Token not allowed after unary operator: '-schedule-filter-box-height'
(21589,103): run-time error CSS1039: Token not allowed after unary operator: '-app-breadcrump-height'
(21589,134): run-time error CSS1039: Token not allowed after unary operator: '-app-menu-bar-height'
(21619,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21647,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21659,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(21662,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(21672,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(21702,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(21703,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(21706,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21707,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(21729,141): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21739,114): run-time error CSS1030: Expected identifier, found '#grdSelectedStudentList'
(21739,137): run-time error CSS1031: Expected selector, found ')'
(21739,137): run-time error CSS1025: Expected comma or open brace, found ')'
(21798,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21802,85): run-time error CSS1030: Expected identifier, found '.'
(21802,111): run-time error CSS1031: Expected selector, found ')'
(21802,111): run-time error CSS1025: Expected comma or open brace, found ')'
(21809,159): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(21818,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(21818,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(21831,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(21832,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(21852,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-blue-bg'
(21853,33): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(21854,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(21872,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-grey-border-color'
(21881,17): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(21914,33): run-time error CSS1039: Token not allowed after unary operator: '-global-bluish-border'
(21920,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(21924,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bluish-bg'
(21925,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(21927,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(21931,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21935,34): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(21936,33): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(21937,35): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(21941,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21947,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(21996,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(21997,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue-background'
(22005,58): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(22005,154): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(22005,248): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(22005,341): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(22005,400): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-orange'
(22043,28): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-color'
(22084,28): run-time error CSS1030: Expected identifier, found '#divReportTemplateView'
(22084,50): run-time error CSS1031: Expected selector, found ')'
(22084,50): run-time error CSS1025: Expected comma or open brace, found ')'
(22087,28): run-time error CSS1030: Expected identifier, found '#divReportViewer'
(22087,44): run-time error CSS1031: Expected selector, found ')'
(22087,44): run-time error CSS1025: Expected comma or open brace, found ')'
(22101,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-bdr'
(22106,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(22110,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-background'
(22114,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(22119,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(22129,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-orange'
(22130,28): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(22141,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(22198,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22212,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22233,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(22233,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(22233,68): run-time error CSS1039: Token not allowed after unary operator: '-setup-center-filter-box'
(22267,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22268,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22288,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22309,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22317,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(22382,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(22409,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22410,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22414,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22418,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22440,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22473,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22480,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22486,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22489,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22492,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22493,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22496,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22497,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22514,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22515,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22552,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(22553,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(22557,34): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(22561,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(22565,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-lightblue-background'
(22569,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(22575,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(22602,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22603,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22632,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(22636,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(22678,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(22715,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(22781,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(22787,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(22793,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(22799,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(22805,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(23477,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(23641,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(23722,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxs'
(23908,120): run-time error CSS1030: Expected identifier, found '.'
(23908,139): run-time error CSS1031: Expected selector, found ')'
(23908,139): run-time error CSS1025: Expected comma or open brace, found ')'
(24013,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(24014,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(24193,41): run-time error CSS1030: Expected identifier, found '#divAddDropCourseSectionBatch'
(24193,70): run-time error CSS1031: Expected selector, found ')'
(24193,70): run-time error CSS1025: Expected comma or open brace, found ')'
(25581,40): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(25620,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25621,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25625,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25626,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25630,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25631,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25657,21): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(25662,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(25845,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(25848,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(25917,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25925,38): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(26191,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(26192,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(26393,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(26640,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(27943,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27943,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27949,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27949,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28143,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28143,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28144,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28144,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28148,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28148,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28149,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28149,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28153,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28153,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28154,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28154,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(28275,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28276,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28280,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28281,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28322,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(28441,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28686,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28770,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(28771,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(28835,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28836,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29668,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29669,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29673,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29674,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29678,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29679,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29705,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(29800,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29937,35): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(30011,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(30392,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30393,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30397,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30398,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(30409,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(30587,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(30837,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(31535,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31549,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31550,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31742,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(31997,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31998,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32002,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32003,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32498,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(32581,28): run-time error CSS1030: Expected identifier, found '#divDocumentViewer'
(32581,46): run-time error CSS1031: Expected selector, found ')'
(32581,46): run-time error CSS1025: Expected comma or open brace, found ')'
(32679,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32680,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32685,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32686,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32810,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32810,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(33336,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(33510,120): run-time error CSS1030: Expected identifier, found '.'
(33510,139): run-time error CSS1031: Expected selector, found ')'
(33510,139): run-time error CSS1025: Expected comma or open brace, found ')'
(33547,21): run-time error CSS1030: Expected identifier, found '.'
(33547,45): run-time error CSS1031: Expected selector, found ')'
(33547,45): run-time error CSS1025: Expected comma or open brace, found ')'
(33611,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(33805,23): run-time error CSS1030: Expected identifier, found '>'
(33805,43): run-time error CSS1031: Expected selector, found ')'
(33805,43): run-time error CSS1025: Expected comma or open brace, found ')'
(33813,65): run-time error CSS1030: Expected identifier, found '>'
(33813,85): run-time error CSS1031: Expected selector, found ')'
(33813,85): run-time error CSS1025: Expected comma or open brace, found ')'
(33837,43): run-time error CSS1030: Expected identifier, found '#PeriodAttendanceBatchEntry'
(33837,70): run-time error CSS1031: Expected selector, found ')'
(33837,70): run-time error CSS1025: Expected comma or open brace, found ')'
(34185,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34188,21): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(34486,39): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(34490,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(34614,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(34615,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(34662,120): run-time error CSS1030: Expected identifier, found '.'
(34662,139): run-time error CSS1031: Expected selector, found ')'
(34662,139): run-time error CSS1025: Expected comma or open brace, found ')'
(34797,33): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(35227,22): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(35231,28): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(35231,49): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(35231,72): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(35235,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(35235,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(35240,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(35241,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(35616,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(35616,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(35617,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(35617,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36423,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(36636,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36637,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36641,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36642,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36650,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36650,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36651,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36651,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36655,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36655,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36656,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36656,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(37978,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37978,51): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(37983,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37983,51): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(38259,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(38740,41): run-time error CSS1030: Expected identifier, found '#divACExistingStudentStaff'
(38740,67): run-time error CSS1031: Expected selector, found ')'
(38740,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 {
    /*************************************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-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-table-row-background: 3, 83, 164;
    --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-advance-payment-bg: #FFE6CC;
    --brand-dark-blue: #D4EDF7;
    --brand-progress-report-bg-color: #FBF2EA;
    --brand-report-card-bg-color: #DFF3EB;
    --brand-transcript-bg-color: #D8EDF3;
    --brand-advance-payment-bg: #FFE6CC;
    --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-advance-payment-bg: #FFE6CC;
    --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: #FFE5E5;
    --brand-red: #B6000A;
    --brand-red-bg: #FF00001A;
    --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;
    /*************************************Background variables************************************/
    /*************************************Color variables************************************/
    --global-text-light: #fff;
    --global-text-color: #000;
    --global-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-import-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;
    /*************************************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);
    /******************************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************************************/
    /*************************************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************************************/
    /*************************************Scroll bar variables************************************/
    --scrollbar-track: #EBEBEB;
    --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************************************/
}

/*************************************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************************************/
/*************************************HTML-Element************************************/
body * {
    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: 5px!important;
}

.app-p-8{
    padding:8px;
}
.app-p-2 {
    padding: 2px;
} 

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

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

.app-p-40 {
    padding: 40px;
}

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

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

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

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

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

.app-pl-35 {
    padding-left: 35px;
}

.app-pl-40 {
    padding-left: 40px;
}

.app-pl-45 {
    padding-left: 45px;
}

.app-pl-50 {
    padding-left: 50px;
}

.app-pr-50 {
    padding-right: 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: 4px !important;
}
.app-pb-4 {
    padding-bottom: 4px !important;
}
.app-pt-5 {
    padding-top: 5px;
}
.app-pt-8 {
    padding-top: 8px!important;
}
.app-pt-10 {
    padding-top: 10px !important;
}
.app-pt-13 {
    padding-top: 13px;
}
.app-pb-15 {
    padding-bottom: 15px;
}

.app-pt-30 {
    padding-top: 30px;
}

.app-pt-35{
    padding-top:35px;
}
.app-pt-40 {
    padding-top: 40px;
}
.app-pt-50 {
    padding-top: 50px;
}
.app-pt-15 {
    padding-top: 15px;
}

.app-p-20 {
    padding: 20px !important;
}

.app-p-30 {
    padding: 30px !important;
}

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

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

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

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

.app-pt-20 {
    padding-top: 20px!important;
}

.app-pt-25{
    padding-top:25px !important;
}

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

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

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

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

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

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

.app-pl-25 {
    padding-left: 25px !important;
}
.app-pl-100{
    padding-left:100px;
}

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

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

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

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

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

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

.app-pr-5 {
    padding-right: 5px;
}

.app-p-15 {
    padding: 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: 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;
}
.app-mr-45 {
    margin-right: 45px !important;
}

.app-mt-50 {
    margin-top: 50px;
}

.app-mt-10 {
    margin-top: 10px !important;
}

.app-mr-15 {
    margin-right: 15px;
}
.app-mr-8 {
    margin-right: 8px !important;
}
.app-mr-25 {
    margin-right: 25px !important;
}
.app-mr-80 {
    margin-right: 80px !important;
}

.app-mr-90{
    margin-right:90px;
}
.app-mt-15 {
    margin-top: 15px !important;
}

.app-mt-25 {
    margin-top: 25px;
}

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

.app-mr-30 {
    margin-right: 30px;
}

.app-mr-40{
    margin-right:40px;
}

.app-mt-20 {
    margin-top: 20px !important;
}

.app-mt-30 {
    margin-top: 30px !important;
}

.app-mt-40 {
    margin-top: 40px !important;
}

.app-mb-30 {
    margin-bottom: 30px;
}

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

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

.app-ml-3 {
    margin-left: 3px;
}
.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: 60px !important;
}

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

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

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

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

.app-m-20 {
    margin: 20px !important;
}

.app-m-15 {
    margin: 15px;
}

.app-m-10 {
    margin: 10px;
}

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

.app-mt-5 {
    margin-top: 5px !important;
}

.app-mb-5 {
    margin-bottom: 5px;
}

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

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

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

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

.app-mb-10 {
    margin-bottom: 10px;
}

.app-mb-15 {
    margin-bottom: 15px;
}

.app-mb-20 {
    margin-bottom: 20px !important;
}

.app-mb-25 {
    margin-bottom: 25px !important;
}

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

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

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

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

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

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

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

.app-ml-15 {
    margin-left: 15px !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-flex-nowrap {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
}

.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;
}
.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-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-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:20px;
}

.app-right-15{
    right:15px;
}

.app-right-10 {
    right: 10px;
}

.app-top-20 {
    top: 20px;
}

.app-row-gap-10 {
    row-gap: 10px;
}
.app-flex-shrink-0 {
    flex-shrink: 0;
}
.app-flex-grow-1 {
    flex-grow: 1;
}
/*************************************Flex************************************/
/*************************************Radio button************************************/
.app-radio {
    padding-left: 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: 20px;
    -moz-border-radius: 20px;
    background-color: var(--brand-default-light-background);
    width: 8px;
    height: 8px;
    left: 4px;
    top: 7px;
    margin-left: -19px;
}

.app-radio label {
    display: inline-block;
    position: relative;
    padding-left: 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: 250px;
    min-height: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: 40px !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    width: 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: 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: 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 {
    height: 40px !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: 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: 140px !important;*/
    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: 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: 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 5px top 16px !Important;
        background-repeat: no-repeat;
        height: 35px;
        width: 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: 0px;
    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: 10px 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), 0.2) !important;
        color: var(--global-text-color) !important;
    }

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

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

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

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

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

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

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

.app-toggle > input[type="checkbox"]:checked ~ label::after {
    background: var(--global-togggle-button);
    left: 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: 20px;
}

    .app__toggle .app__togglebutton,
    .app__toggle .app__togglebutton .layer {
        border-radius: 100px;
        -moz-border-radius: 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-size: var(--global-text-size-sm);
    font-family: var(--global-font-family-semibold);
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    transition: 0.3s ease all;
    border-radius: 20px;
    -moz-border-radius: 20px;
}

.app__toggle .app__togglebutton .toggle__knobs:before {
    position: absolute;
    top: 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: 20px;
    -moz-border-radius: 20px;
}

        .app__toggle .app__togglebutton .toggle__knobs:after {
            position: absolute;
            top: 1px;
            width: auto;
            height: 28px;
            font-size: var(--global-text-size);
            text-align: center;
            line-height: 1;
            padding: 10px 5px;
            transition: 0.3s ease all;
            border-radius: 20px;
            -moz-border-radius: 20px;
        }

        .app__toggle .app__togglebutton .toggle__knobs:before {
            content: '';
            left: 4px;
            background-color: var(--brand-default-light-background);
        }

        .app__toggle .app__togglebutton .toggle__knobs:after {
            content: 'Calendar View';
            right: 45px;
            font-size: var(--global-text-size);
            opacity: 0.6;
        }

        .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
            display: inline-block;
            left: 7px;
            color: var(--global-text-color);
            z-index: 1;
            font-size: var(--global-text-size);
        }

        .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: 0.2;
            }

.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 15px;
    font-size: var(--global-text-size-sm);
    font-family: var(--global-font-family-regular);
    height: 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-primary-btn:hover {
    background: var(--brand-dark-backgroundcolor-indicator);
    color: var(--global-text-light);
    font-weight: var(--gloabl-default-font-weight);
}

    .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-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-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: 16px;
    margin: 0 5px;
    margin-top: -3px;
}

.save__img {
    height: 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: 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: 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: 30px !important;
}

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

.app-dropdown-button {
    height: 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);
}
/*************************************Button************************************/

/*************************************Text************************************/
.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);
}
/*************************************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-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: 0px;
}
.app-width-fit {
    width: fit-content;
}
.app-no-wrap {
    white-space: nowrap;
}
.app-white-space {
    white-space: nowrap;
}
.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: 20px;
}
.app-line-height-22 {
    line-height: 22px;
}
.app-line-height-25 { line-height: 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: 40px; }
.app-line-height-45 {
    line-height: 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 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:  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-start-100 {
    left: 100%;
}

.app-position-fixed {
    position: fixed
}

.app-ptop-5 {
    top: 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 {
    display: table;
}

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

.app-d-table-row{
    display: table-row;
}
/*************************************Display************************************/
/*************************************Expand Icon************************************/
.app-expanded-icon {
    height: 20px;
    width: 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: 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);
}

.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 #5151514D !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-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-semiblue-bg {
    background-color: var(--brand-light-backgroundblue);
}
.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-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), 0.4) !important;
}
.app-border-right-blue-double {
    border-right: 2px solid rgba(var( --brand-table-row-background), 0.4) !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: 0px 3px 6px var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 0px 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: 0px 1px 3px var(--global-grey-dark-box-shadow);
    -moz-box-shadow: 0px 1px 3px var(--global-grey-dark-box-shadow);
}

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

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

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

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

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

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

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

.app-w-9 {
    width: 9px;
}
.app-w-14px {
    width:14px;
}
.app-w-16 {
    width: 16px;
}
.app-w-20px {
    width:20px;
}
.app-w-26px {
    width: 26px;
}
.app-h-16 {
    height: 16px;
}
.app-w-100 {
    width: 100% !important;
}
.app-width-100px {
    width:100px;
}
.app-width-80px {
    width:80px;
}
.app-w-10 {
    width: 10%;
}

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

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

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

.app-w-335{
    width:335px;
}
.app-max-w-100{
    max-width:100%!important;
}
.app-max-w-300 {
    max-width:300px;
}
.app-max-w-220 {
    max-width: 220px;
}

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

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

.app-w-150 {
    width: 150px;
}
.app-w-20 {
    width: 20% !important;
}
.app-w-50 {
    width: 50% !important;
}
.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-80 {
    width: 80% !important;
}
.app-w-70pxs {
    width: 70px !important;
    min-width:70px !important;
}
.app-w-76px {
    width: 76px !important;
}
.app-w-100px {
    width: 100px !important;
}
.app-w-120px {
    width: 120px;
}
.app-w-130 {
    width:130px;
}
.app-w-128 {
    width:128px;
}
.app-min-w-120px {
    min-width: 120px;
}
.app-w-165px{
    width: 165px;
}
.app-w-170 {
    width: 170px!important;
}
.app-w-180 {
    width: 180px !important;
}

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

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

.app-w-50px {
    width: 50px;
}
.app-max-w-50px {
    max-width:50px;
}
.app-w-60px {
    width: 60px;
}
.app-w-35px {
    width:35px;
}
.app-w-25px {
    width: 25px;
}

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

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

.app-w-270{
    width:270px;
}
.app-w-200 {
    width: 200px;
}

.app-w-225{
    width:225px;
}
.app-w-195 {
    width: 195px;
    min-width:195px;
}
.app-w-240 {
    width: 240px;
}
.app-w-250 {
    width: 250px;
}

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

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

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

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

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

.app-w-85 {
    width: 85%;
}
.app-width-18 {
    width: 18px;
}
.app-width-20 {
    width: 20px;
}
.app-width-40 {
    width: 40px;
}
.app-width-60 {
    width: 60px !important;
}
.app-w-40 {
    width: 40% !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-30 {
    width: 30% !important;
}
.app-w-45 {
    width: 45% !important;
}
.app-w-150 {
    width: 150px !important;
}

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

.app-w-400 {
    width: 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-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: 400px !important;
}

.app-width-300 {
    width: 300px !important;
}
.app-w-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: 300px !important;
    height: 35px !important;
}

.app-w-400px{
    width:400px !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: 150px !important;
    height: 35px !important;
}

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

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

.app-minwidth-200 {
    min-width:200px;
}

.app-minwidth-300 {
    min-width: 300px;
}

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

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

.app-min-w-90 {
    min-width: 90px;
}
.app-min-w-60 {
    min-width: 60px;
}
.app-min-w-30 {
    min-width: 30px;
}
.app-min-w-50 {
    min-width: 50px;
}
.app-min-w-30 {
    min-width:30px;
}
.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: 12px;
    -moz-border-radius: 12px;
}
.app-border-radius-50 {
    border-radius: 50px;
    -moz-border-radius: 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: 80px !important;
}
.app-min-h-200 {
    min-height: 200px !important;
}
.app-minheight-300 {
    min-height:300px;
}
.app-w-90px{
    width:90px !important;
}
.app-h-100 {
    height: 100% !important;
}
.app-h-50px{
    height:50px!important;
}
.app-h-40px {
    height: 40px !important;
}
.app-h-45px {
    height: 45px !important;
}
.app-h-60px {
    height: 60px !important;
}
.app-h-70px {
    height: 70px !important;
}
.app-h-75px {
    height: 75px !important;
}
.app-w-70px{
    width:70px !important;
}
.app-w-75px {
    width: 75px;
}
.app-w-auto {
    width: auto !important;
}

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

.app-height-5 { height:5px !important; }
.app-height-15 {
    height: 15px !important;
}
.app-height-18{
    height:18px;
}
.app-height-20 {
    height: 20px !important;
}
.app-height-24 {
    height: 24px !important;
}
.app-height-25 {
    height: 25px !important;
}
.app-height-30 {
    height: 30px !important;
}

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

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

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

.app-height-50 {
    height: 50px;
}
.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-150 {
    height: 150px !important;
}
.app-height-300 {
    height: 300px !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-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-lightwhite-bg {
    background-color: var(--brand-lightwhite-bg-color);
}
.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: 50px;
    padding: 13px 20px;
}

.app-card-dark-header {
    background: var(--brand-container-dark-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-y-auto {
    overflow-y: hidden;
}*/

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

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

.app-border-top-right-radius {
    border-top-right-radius: 5px !important;
}
.app-border-bottom-left-radius {
    border-bottom-left-radius: 5px !important;
}
.app-border-bottom-right-radius {
    border-bottom-right-radius: 5px;
}

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

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

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

.app-border-bottom-right-radius-0 {
    border-bottom-right-radius: 0px !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-border-bottom-left-radius {
    border-bottom-left-radius: 5px;
}

.app-border-bottom-right-radius {
    border-bottom-right-radius: 5px;
}

.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: 0px !important;
    -moz-border-radius: 0px !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: 16px;
}

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

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

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

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

.app-flex-gap-15 {
    gap: 15px;
}

.app-flex-gap-20 {
    gap: 20px;
}

.app-gap-20 {
    gap:20px;
}
.app-row-gap-20 {
    row-gap:20px;
}
.app-column-gap-10 {
    column-gap:10px;
}
.app-column-gap-50 {
    column-gap: 50px;
}
.app-flex-grow-1 {
    flex-grow: 1;
}

.app-para {
    letter-spacing: 0.18px;
    line-height: 24px;
}

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

.img-size__20 {
    width: 20px;
    height: 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: 60px;
}

    .apps__tabs-header .nav-tabs > li > a {
        background-color: transparent;
        color: var(--global-text-color);
        padding: 15px 0px 1px 0px !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 {
    border-bottom: 0;
    background: var(--brand-default-light-background);
    padding-left: 15px;
}

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

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

.apps__tabs-header {
    position: relative;
}

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

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

.grey-seperation__line {
    position: relative;
    margin: 0 20px;
    width: 1px;
    background: var(--global-standard-grey-border);
}
.textseperation__line {
    position: relative;
    height: 15px;
    width: 1px;
    background: rgba(var(--global-border-dark-rgb), 0.6);
}
/*************************************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: 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: 40px;
}
.app__datepicker .k-i-calendar {
    background-image: url(../Images/AdminPlus/calendar-black.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    height: 25px;
    width: 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: 16px;
    width: 24px;
    height: 24px;
    content: " " !important;
    background-position: right 8px top 4px !Important;
}
.app-kgrid__container .app__datepicker .k-picker-wrap.k-state-default {
    height: 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: 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: 12px;
                height: 12px;
                background: url(../Images/AdminPlus/clock-small.svg);
                background-size: 12px;
                content: "";
            }

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

    .app-green__container ul li {
        padding: 8px 10px 5px;
        margin-bottom: 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 12px 20px -20px #0000004D;
            -moz-box-shadow: inset -3px 12px 20px -20px #0000004D;
            align-items: center;
        }

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

    .app-snapshot-grid li {
        padding: 8px 20px;
    }

    .app-snapshot-grid li {
        border-bottom: 1px solid rgba(var(--brand-table-row-background), 0.4) !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: 10px;
        border-top-right-radius: 10px;
    }

    .border-radius-table .app-snapshot-grid li:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 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-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 20px;
}
/******************Contacts Custom Header Starts**************/
.app-table-kgrid__container .k-header, .app-table-kgrid__container .k-grid-header {
    background-color: #0353A426 !important;
    height: 40px;
    background-image: none;
    vertical-align: middle !important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    padding-right: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !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: 20px;
    width: 1px;
    background: var(--brand-default-dark-background);
    top: 0px;
    right: 0px;
    content: "";
    position: relative;
    float: right;
}

.app-table-kgrid__container.k-grid tr:hover {
    background-color: rgba(var(--brand-table-row-background), 0.2) !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: 0px !important;
    border-top-right-radius: 0px !important;
}

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

.app-table-kgrid__container td {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), 0.4) !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 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: 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: 0px !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: 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 5px top 16px !Important;
    background-repeat: no-repeat;
    height: 35px;
    width: 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: #DDF0DF;
    border: 2px solid #5BB665;
    height: auto;
    z-index: 99999;
    /*-webkit-animation: warning 6s ease-out forwards;*/
    padding: 10px;
    width: max-content;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 2%;
    transform: translateX(-50%);
}

#failmessagefade {
    background: #FFE5E5;
    border: 1px solid var(--global-dark-red-border);
    height: auto;
    z-index: 99999;
    /*-webkit-animation: warning 6s ease-out forwards;*/
    padding: 10px;
    width: max-content;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 2%;
    transform: translateX(-50%);
}

@-webkit-keyframes warning {
    0% {
        background-color: #DDF0DF;
        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: 40px;
    padding: 8px 20px;
    border-top-right-radius: 5px;
    border-top-left-radius: 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: 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: 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: 25px;
    width: 1px;
    top: 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), 0.4) !important;
}

/*custom grid design*/

/*** Statistics Left borders on Incidents School ***/
.app-statistics-grid { box-shadow: 0px 3px 6px #0000001A; }
.app-statistics-grid li { padding: 4px 20px; border: 1px solid var(--global-hr-border-color); border-radius:5px; margin-top:-1px; position:relative; min-height:50px; }
.app-statistics-grid li:before { position:absolute; content:""; width:5px; height:100%; top:0; left:0px; border-top-left-radius:5px; border-bottom-left-radius: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-light-green-color {
    border-left: 3px solid var(--global-light-green-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: 5px;
}

.app-left-blue-container {
    height: 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: 5px;
    left: 0;
    top:0;
}

.app-border-left-blue-bg {
    border-left: 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: 5px solid var(--global-border-blue);
    text-decoration-color: var(--global-border-blue);
    box-shadow: 0px 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 10px, transparent 5px 16px), repeating-linear-gradient(to bottom, var(--global-blue-border) 0 10px, transparent 1px 18px), repeating-linear-gradient(to left, var(--global-blue-border) 0 10px, transparent 5px 17px), repeating-linear-gradient(to top, var(--global-blue-border) 0 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-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-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-orange-box {
    background: var(--brand-orange-bg);
}
/******************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;
}
/******Gloabal CheckBox Position******/
.app-top-5 {
    top: 5px;
}

.app-top-10{
    top:10px;
}

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

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

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

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

.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: 40px;
}
/*timepicker code starts here*/
.app__timepicker .k-input-button {
    background-color: #DDEDF3 !important;
    border-left: 1px solid var(--global-dropdown-border) !important;
    width: 40px;
    padding: 0;
}
.app__timepicker .k-input-button .k-i-clock {
    width: 40px;
    height: 35px;
}
.app__timepicker .k-input-button .k-i-clock:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/clock-black.svg);
    background-position: right 10px top 10px !Important;
    background-repeat: no-repeat;
    height: 35px;
    width: 35px;
    background-size: 16px;
}
.app__timepicker .k-timepicker {
    border: 1px solid var(--global-dropdown-border) !important;
    width: 150px;
}
/*timepicker code ends here*/
.app-box-shadow-darker {
    box-shadow: 0px 6px 12px var(--global-box-shadow);
    -moz-box-shadow: 0px 6px 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: 10px;
}

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

.app-input__search-box input.search-input {
    padding-right: 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: 40px;
    padding-left: 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 {
    padding-right: 12px !important;
}
/*app-input__search-box ends*/
.app-global-box-blue-border {
    border: 1px solid rgba(var(--global-table-border-color), 0.5);
}
/* 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 */

in.csshtml,
body {
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100vw;
}
/*-------------------------------- App Side menu design starts ---------------------------------*/
.app__menubar .navbar-static-side {
    width: 80px;
    background: var(--brand-navbar-background);
    height: 100vh;
    z-index: 99;
    left: 0;
    top: 0;
}

.minimised-view .navbar-static-side {
    width: 80px;
}

.app__menubar .side__menubar li a {
    width: 100%;
    display: block;
    color: var(--global-text-light);
    font-size: var(--global-text-size-xxxs);
    padding: 10px 0;
    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: 5px;
        height: 100%;
        background: var( --brand-light-backgroundcolor-indicator);
        position: absolute;
        left: 0;
        top: 0;
        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: 30px;
    margin: 0 auto;
    height: 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: 30px;
    margin: 0 auto;
    border-radius: var(--global-border-radius);
    height: 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: 15px;
    font-family: var(--global-font-family-regular);
    display: block;
    margin-bottom: 0;
}

.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: 0px;
    top: -17px;
    border-radius: 50%;
    height: 15px;
    width: 15px;
}

.app__menubar .sidemenu__more .moreoption__list, .app__menubar .approval-center-more .moreoption__list {
    display: none;
    position: absolute;
    width: 200px;
    background: var(--brand-appmenu-background);
    z-index: 99;
    top: 0;
    left: 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: 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: 10px !important;
    left: 18px !important;
    z-index: 1000;
}

.app__container .app__menubar {
    width: 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: 20px;
    width: 130px;
    height: 36px;
    z-index: 9999;
    border-radius: 20px;
    top: 0;
}

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

    .app__header header.page-header {
        background: var(--brand-main-header-bg);
        border-bottom: none;
        color: var(--global-text-light);
        margin: 0;
        padding: 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: 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: 0 !important;
            font-size: var(--global-text-size);
            font-family: var(--global-font-family-regular);
            font-weight: var(--gloabl-default-font-weight);
            margin: 0 !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: 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 5px top 16px !Important;
                background-repeat: no-repeat;
                height: 35px;
                width: 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: 35px;
        text-align: center;
        padding: 0.4375em 0;
        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: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

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

        .app__header .student__toggle .student__togglebutton,
        .app__header .student__toggle .student__togglebutton .layer {
            border-radius: 100px;
        }

            .app__header .student__toggle .student__togglebutton .student__checkbox {
                position: relative;
                width: 100%;
                height: 100%;
                padding: 0;
                margin: 0;
                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 4px;
                transition: 0.3s ease all;
                border-radius: 20px;
            }

            .app__header .student__toggle .student__togglebutton .student__knobs:before {
                position: absolute;
                top: 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: 20px;
            }

            .app__header .student__toggle .student__togglebutton .student__knobs:after {
                position: absolute;
                top: 1px;
                width: auto;
                height: 28px;
                font-size: var(--global-text-size);
                font-weight: var(--gloabl-bold-font-weight);
                text-align: center;
                line-height: 1;
                padding: 10px 5px;
                transition: 0.3s ease all;
                border-radius: 20px;
            }

            .app__header .student__toggle .student__togglebutton .student__knobs:before {
                content: '';
                left: 4px;
                background-color: var(--brand-default-light-background);
            }

            .app__header .student__toggle .student__togglebutton .student__knobs:after {
                content: 'Multiple Students';
                right: 10px;
                font-size: var(--global-text-size);
                font-family: var(--global-font-family-regular);
                font-weight: var(--gloabl-default-font-weight);
            }

            .app__header .student__toggle .student__togglebutton .student__knobs .app__singlestudent {
                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__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: 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: 0;
            font-size: var(--global-text-size);
            font-family: var(--global-font-family-regular);
            font-weight: var(--gloabl-default-font-weight);
            line-height: 20px !important;
        }

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

        .app__header .page-header .top-menu #welcome_user .welcome-username {
            max-width: 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 5px top 16px !important;
        background-repeat: no-repeat;
        height: 35px;
        width: 15px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap .k-icon.k-i-arrow-60-down {
        height: 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: 12px;
    }

    .app__header ul#usermenu_area {
        position: absolute;
        right: -8px;
        background: var(--brand-default-light-background);
        padding: 8px 15px 8px 15px;
        top: 38px;
        z-index: 11111;
        color: var(--global-text-light);
        width: 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: 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: 10px;
    }

        .app__header .header__leftsec li.app__schoolname {
            max-width: 50%;
  
        }
.app__header .header__leftsec li.app__schoolname .multi-schools {
    width: 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: 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: 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: 15px;
        margin-bottom: 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: 16px;
    }
/*------------------------------------------------ End Side Filter ------------------------------------------------*/

/*------------------------------------ Side - Students grid ---------------------------------------*/
.app__sidebar .leftbox__grid .k-grid-content {
    height: calc( var(--app-height) - (var(--header-height) + var(--one-prospect-filter-box-height))) !important;
}

.app__sidebar .leftbox__grid table tbody tr {
    height: 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), 0.3);
    padding-left: 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: 5px solid var( --global-light-color-indicator) !important;
    color: var(--global-text-color) !important;
    padding-left: 10px !important;
}

.app__sidebar .leftbox__grid .k-grid-content {
    border: none;
}

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

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

    .app__sidebar .leftbox__grid .k-master-row.k-selected td {
        float: left;
        width: 100%;
        height: 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: 15px 0px 1px 0px !important;
    margin: 0 0 13px 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    border-bottom: 3px solid transparent;
    font-weight: var(--gloabl-default-font-weight) !important;
    cursor: pointer;
    font-size: var(--global-text-size);
}

.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-weight: var(--global-font-family-semibold) !important;
}

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

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

.app__content .students__tabs-header {
    background: var(--brand-default-light-background);
    position: sticky;
    top: 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: 15px;
        right: 15px;
        display: none;
    }

    .app__content .students__tabs-header .nav-tabs > li > a {
        display: block;
        text-decoration: none;
    }
.app__content .nav-tabs { border-bottom: 0; }

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

.student__left {
    bottom: 10px;
    left: 12px;
}

.student__right {
    right: 21px;
    bottom: 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: 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: 24px;
    height: 22px;
}

.setting-icon {
    width: 24px;
    height: 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: 24px;
    height: 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: 20px !important;
    width: 20px !important;
}

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

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

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

.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: 20px;
}

.student__link .student__bg-success,
.student__link .students__badge {
    top: 0px;
    width: 20px;
    height: 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: 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: 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: 0 10px;
        height: 24px;
        border-radius: 12px;
        -moz-border-radius: 12px;
    }

    .penalty-card .penalty-summary-details .single-status {
        min-width: 40px;
        line-height: 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: 35px;
    position: relative;
}

    .incident-card .incident-status li:before,
    .invoice__summary li:before,
    .penalty-card .penalty-status li:before {
        position: absolute;
        width: 10px;
        height: 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: 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 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: 0;
    border-bottom-right-radius: 0;
}

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

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

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

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

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

.contact__list {
    margin-bottom: 8px;
}

.contact__email-image {
    width: 21px;
    margin-left: -24px;
}

.contact__household {
    background: var(--brand-badge-notification-background);
    margin-left: -15px;
    width: 24px;
    height: 24px;
}

.contact__view {
    color: var(--global-link-color-one);
    text-decoration: none;
}

    .contact__view:hover,
    .contact__view:active,
    .contact__view:focus {
        text-decoration: none;
    }

.contact__row {
    padding: 8px 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: 4px !important;
}

.portfolio__relation {
    padding: 0.4rem 0.1rem 0.4rem 1.25rem !important;
}

.portfolio__text {
    width: 163px;
}

.portfolio__edit-image {
    height: 16px;
    right: 19px;
}

.portfolio__edit-note {
    height: 16px;
    margin-top: 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: 0;
    height: auto;
}

    #screenSettings img#demoScreenSettings {
        width: 20px;
        margin-top: 0px;
    }

/* Demographics - multi color tabs */
.demographic__settingsscreen #screenSettings .k-dropdownlist {
    width: 260px;
    height: 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: 0;
        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: 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: 60px !important;
}
/* --------------------------------- End Demographics Tab menu ------------------------------------- */
/* ------------------------------- Common Styles ------------------------------------------------ */
/* Grid header for all tabs */
@keyframes from-left {
    0% {
        left: -9px;
    }

    100% {
        left: 0px;
    }
}

@keyframes from-right {
    0% {
        left: 9px;
    }

    100% {
        left: 0px;
    }
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 0.1px;
    max-height: 12px;
    background-color: var(--brand-default-light-background);
    position: relative;
    top: 52%;
    left: 0%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

@keyframes from-top {
    0% {
        top: -9px;
    }

    100% {
        top: 0px;
    }
}

@keyframes from-bottom {
    0% {
        top: 9px;
    }

    100% {
        top: 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: 8px;
    height: 60px;
}

.student__info-container {
    padding: 8px 16px;
    height: 60px;
}

.student-collapsed-div__img {
    width: 39px;
    height: 39px;
}

.student__name {
    width: fit-content;
    max-width: 300px;
}

.student__graduation-year {
    width: 174px;
}

/************Contact Card Colapse Expand Ends********************/
.triangle {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--global-light-color-indicator);
}

/* collapsed  */
@keyframes slideup {
    0% {
        top: -1px;
        left: 9px;
    }

    100% {
        top: -4px;
        left: 15px;
    }
}

@keyframes slidedown {
    0% {
        top: -1px;
        left: 9px;
    }

    100% {
        top: 4px;
        left: 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: 0;
        left: 0;
        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: 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: 0;
        left: 50px;
        height: 0;
        opacity: 0;
        cursor: pointer;
    }

input#enrollmentStatus, .decision__input:checked {
    margin: 0;
    width: 19px;
    height: 19px;
}
/*for checkbox */
/*Select Demographic fields popup styling*/
.student__popup-wrapper, .admission__popup-wrapper {
    width: 800px !important
}

.add-note__popup-wrapper {
    width: 785px !important;
}

.add-note__popup-wrapper {
    height: 540px !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: 0;
}

.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), 0.1);
}

.app-table .k-grid-content {
    overflow-y: auto;
}
/*Setting header color*/
.app-table .k-header,
.app-table .k-grid-header {
    background-color: var(--brand-container-dark-background) !important;
    padding-right: 0px !important;
    border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
    -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: 0;
        padding: 0;
    }

    .app-table .k-grid-header .k-header .k-link {
        line-height: 24px;
    }

    .app-table .k-grid-header th.k-header {
        padding: 10px 0;
    }

.app-table .k-selected td, .app-table .k-grid-content td, .app-table td {
    padding-left: 20px !important;
}

.app-table .k-selected td, .app-table .k-selected td:hover {
    background: rgba(var( --brand-table-row-background), 0.3) !important;
    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), 0.2) !important;
    color: var(--global-text-color);
}

/*Setting border bottom */
.app-table td {
    border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4) !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), 0.4) !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 for grid*/
    .app-table .k-grid-content {
        border: none;
    }

/*Removing border from outer div*/
.multi-select-outer .multi-select-inner-box {
    border: none;
    width: 345px;
}

.app-table th.k-header > .k-link {
    padding: 0px !important;
    margin: 0px !important;
}
/*Setting height for table row*/
.app-table table tbody tr {
    height: 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: 30px;
    height: 30px;
    line-height: 26px !important;
    padding: 0 !important;
    margin: 0 0 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 {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: 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: 200px !important;
}

.app-info {
    background: var(--brand-default-light-background);
    border: 1px solid var(--global-border-light);
    height: 35px;
    top: 5px;
}
.app-warning {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
}
.setting-popup-img {
    width: 24px;
    height: 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), 0.6);
    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), 0.6);
}

/*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), 0.6);
    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), 0.6);
}

.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: 10px 20px;
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two));
    border-radius: var(--global-border-radius) var(--global-border-radius) 0px 0px;
    min-height:56px;
}

.app__gridheader .gridheader__bottom {
    background: var(--brand-component-secondary-background);
    padding: 10px 20px;
    height: 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: 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: 40px;
    display: block;
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    width: 140px;
    padding: 9px 5px 5px 10px;
}

.view__optionlist .dropdown-toggle .k-icon {
    height: 30px;
    width: 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: 30px;
        width: 20px;
        margin-top: 5px;
    }

.app__gridheader .grid__settings {
    width: 20px;
    margin: -4px 1px 0 0 !important;
}

.settings__dropdown {
    background: var( --brand-main-backgroundcolor-indicator) !important;
    padding: 8px 9px !Important;
    height: 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: 0px 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: 0;
    border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
    padding: 4px 5px 3px 5px;
}

.grid__searchbox .allGrids__SearchBox {
    height: 40px;
    border: 1px solid var(--global-dropdown-border);
    border-left: 0;
    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0 !important;
    -moz-border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0 !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: 8px;
}

input:focus-visible {
    outline: none;
}

.add__superdb {
    background-image: url(../Images/AdminPlus/add-white.svg);
    background-position: right 5px top 0px !Important;
    background-repeat: no-repeat;
    height: 17px;
    width: 20px;
    background-size: 14px;
    margin: 0;
}

#SSuperDBAddRow {
    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;
    -moz-border-radius: var(--global-border-radius) !important;
    border: none !important;
    margin: 0;
    height: 40px;
    font-size: var(--global-text-size-sm) !important;
    padding: 8px 20px !important;
    letter-spacing: 0.5px;
    line-height: 10px !important;
    width: 87px;
}

.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: 20px;
    position: absolute;
    padding: 0;
    background: var(--brand-component-secondary-background) !important;
}

#SBtnSuperDBExport {
    margin-right: 106px;
}

.grid__searchbox .SuperDBSearchBox::placeholder {
    font-weight: var(--gloabl-bold-font-weight) !important;
    color: var(--global-text-color) !important;
}

.gridheader__bottom #SSuperDBSearchdiv .search__icon {
    width: 16px;
    margin-right: 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: 40px;
        background-image: none;
        vertical-align: middle !important;
        border-radius: 0px;
        -moz-border-radius: 0px;
        padding-right: 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: 40px !important;
    }

    .app-kgrid__container th.k-header > .k-link {
        padding: 3px 0 0 0 !important;
        margin: 0 !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: 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), 0.3) !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), 0.4) !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: 30px !important;
        color: var(--global-text-color);
        padding-right: 0 !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: 10px !important;
        }

    .app-kgrid__container .k-grid-header .k-header {
        font-weight: var(--gloabl-default-font-weight);
        padding: 0;
    }

    .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: 30px !important;
        position: relative;
        padding-right: 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:last-child:before {
        height: 25px;
        width: 1px;
        background: rgba(var(--brand-default-light-background-rgb), .6) !important;
        top: 8px;
        right: 0;
        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: 25px;
        position: absolute;
        top: 1px;
        left: 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: 0 !important;
    }

    .app-kgrid__container .k-grid-header-wrap th.k-header a.k-grid-filter .k-icon {
        height: 30px;
        width: 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 5px !Important;
            background-repeat: no-repeat;
            height: 20px;
            width: 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: 20px;
        width: 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: 20px;
            width: 15px;
            background-size: 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: 20px;
        width: 15px;
        background-size: 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: 20px;
        width: 15px;
        background-size: 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: 20px;
        width: 18px;
        background-size: 17px;
    }

    .app-kgrid__container .k-icon.k-i-email {
        width: 20px;
        height: 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: 20px;
        width: 15px;
        background-size: 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: 20px;
        width: 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: 0;
    }

    .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), 0.3) !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 5px !Important;
        background-repeat: no-repeat;
        height: 20px;
        width: 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 {
        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: 0 !important;
    padding-right: 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: 10px !important;
}

.app-kgrid__container .k-grid-header th.k-header {
    text-overflow: clip;
}

.app-kgrid__container.k-hierarchy-col {
    width: 10px !important;
}

.app-kgrid__container .k-grid-header th.k-header {
    padding-left: 30px !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: 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: 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), 0.4) !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: 50px !important;
}

.app-kgrid__container .k-detail-row td.k-detail-cell {
    padding: 20px 0 20px 0 !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, .app-kgrid__container .k-alt.k-master-row.k-selected {
    background-color: rgba(var(--brand-table-row-background), 0.3) !important;
}

    .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: 300px;
}

.multiple-student__left-container {
    width: 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: 4px;
    background: var(--brand-default-light-background);
    content: "";
}

.multi-student__box {
    background: var( --brand-container-darkblue-backgroud);
    width: 300px;
    min-height: 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: 20px;
    right: 15px;
    z-index: 9;
}

.multi-students-expand__image {
    width: 24px;
    height: 24px;
}

.multiple-students__image {
    max-width: 80px;
    max-height: 80px;
    margin: 0 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), 0.4);
}

.multiple-student-contact__relation {
    width: 10%;
    margin-right: 12px;
}

.multiple-student-contact__name {
    width: 76%;
}

.multiple-student-contact__email {
    width: 10%;
}

.multiple-students-contact__row {
    height: 40px;
    padding: 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: 8px;
    width: 24px;
    height: 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: 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: 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: 15px;
}
.demographic__tar__selection .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'Demographics';
    right: 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: 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: 0 !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 {
    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: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: 35px;
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px 10px 10px 35px !important;
}

.app__tabstrip ul.k-reset.k-tabstrip-items {
    height: 37px;
}

.app__tabstrip .k-tabstrip-items .k-state-default {
    border-right: 0 !important;
    border-left: 0 !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: 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: 8px 10px 10px 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-items .k-state-default.xyz {
    background-color: var(--brand-tabs-component-background) !important;
}

.app__tabstrip .k-tabstrip > .k-button.k-bare {
    top: 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: 0px !important;
}

.app__tabstrip .k-tabstrip-items > .k-item {
    overflow: visible !important;
    background: var(--brand-tabs-component-background) !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0px 1px -1px 0px !important;
}

.app__tabstrip .k-tabstrip-wrapper ul.k-tabstrip-items li:first-child {
    margin-left: 1px !important;
}

.app__tabstrip ul.k-reset.k-tabstrip-items {
    padding-left: 20px !important;
}

.app__tabstrip .k-tabstrip-items .k-link, .app__tabstrip .k-tabstrip-items li.k-state-active span.k-link {
    width: auto;
    padding: 9px 25px 10px 25px !important;
}

.app__tabstrip .k-tabstrip .k-content.k-state-active {
    padding: 0;
    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: 40px;
    width: 30px;
    position: absolute;
    top: 0px;
    left: 0;
    margin: 0;
    right: 0;
}

.app__tabstrip .k-panelbar > .k-item > .k-link {
    padding: 0 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),0.8);
}

.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),0.7);
}

.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),0.8);
}

.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),0.6);
}

.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),0.7);
}

.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),0.5);
}

.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),0.1);
    height: 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 8px top 14px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 30px;
    background-image: url(../Images/AdminPlus/add-white.svg);
    background-size: 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 8px top 14px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 30px;
    background-image: url(../Images/AdminPlus/minus-white.svg);
    background-size: 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),0.1);
    height: 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),0.1);
    height: 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 25px 10px 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: 0 0 var(--global-border-radius) var(--global-border-radius);
    }

.app__tabstrip .k-tabstrip {
    box-shadow: none;
    -moz-box-shadow: none;
    padding: 0;
}

    .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: 8px !important;
        border-top-left-radius: 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: 50px !important;
}

.app__tabstrip #gridOneStudentIncident.app-kgrid__container .k-hierarchy-col {
    width: 25px !important;
}

#gridOneStudentIncident .k-grid-content table td.k-hierarchy-cell {
    padding-left: 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: 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-tabstrip .k-content {
    position: initial;
}

    .app__tabstrip .k-tabstrip .k-content.k-active {
        background: var(--brand-component-secondary-background) !important;
        border: none;
    }

.app__tabstrip .k-reset.k-tabstrip-items {
    background: none !important;
}

.app__tabstrip .app__gridheader .gridheader__top {
    border-bottom: 0;
}

.app__tabstrip .k-content.k-state-active .admissions-panel {
    max-height: calc(100vh - 640px) !important;
    min-height: calc(100vh - 640px) !important;
    padding: 0;
    border: none;
    margin-bottom: 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: 0;
}

    .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: 0 var(--global-border-radius) var(--global-border-radius) var(--global-border-radius);
    -moz-border-radius: 0 var(--global-border-radius) var(--global-border-radius) var(--global-border-radius);
}

.app__tabstrip #tabstripContact .basic__contactdetails {
    padding: 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: 8px !important;
    border-top-left-radius: 8px !important;
    position: relative;
    font-family: var(--global-font-family-regular);
    height: 35px;
    width: 101px;
    margin-top: 2px;
    margin-right: 1px;
    margin-left: 1px;
    padding: 6px 10px 10px 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: 8px;
}

.app__tabstrip ul.k-reset.k-tabstrip-items {
    width: 100%;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.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 ul.k-reset.k-tabstrip-items:after {
    background: none !important;
    height: 37px;
    width: 100%;
    content: "";
    position: absolute;
    border-top-left-radius: 8px;
}

.app__tabstrip .k-tabstrip {
    border-radius: 0;
    -moz-border-radius: 0;
    background: transparent;
}

.app__tabstrip .k-tabstrip-items .k-link {
    padding: 8px 20px 10px 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: 0;
    border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
}

.app-tabstrip-nav .k-content {
    padding: 0;
    border: 0;
    background: var(--brand-component-secondary-background);
    overflow-y: auto;
}

.app-tabstrip-nav .k-tabstrip-items-wrapper {
    border: 0px solid var(--global-border-light);
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius) var(--global-border-radius) 0 0;
    box-shadow: 0px 3px 6px var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 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: 0px;
    margin: 5px 0px 5px 0;
    padding: 10px 0px 10px 20px;
}

.app-tabstrip-nav .k-tabstrip-items .k-item .k-link {
    padding: 0 0 5px 0px;
}

.app-tabstrip-nav .k-tabstrip-items .k-item.k-active .k-link {
    border-bottom: 3px solid var(--global-light-color-indicator) !important;
    padding: 0 0 5px 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: 40px;
}

#attendanceListview #divPanelbarPage .addNotes, #attendanceListview #divPanelbarPage #editor.application-lists .note {
    width: 10%;
    text-align: center;
    padding-left: 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: 0;
    padding-left: 0;
}

#attendanceListview ul.application-lists > li {
    padding: 10px 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: 0 !Important;
    margin-right: 0 !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: 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: 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: 40px;
    background: var( --brand-container-dark-background);
}

    .app__panelheader ul {
        display: flex;
        display: -ms-flexbox;
        align-items: center;
        height: 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: 0 15px;
        }

        .app__panelheader ul li:nth-child(3) .panel__headercontent {
            margin: 0 auto;
        }

        .app__panelheader ul li:nth-child(1) {
            width: 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: 10px 20px 10px 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 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: 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: 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), 0.4) !important;
}

    #divSnapShotFields .table-responsive table {
        border: 0 !important;
    }

    #divSnapShotFields .table-responsive th {
        position: sticky;
        z-index: 2;
        top: 0;
        border-bottom: 1px solid rgba(var( --brand-table-row-background), 0.4) !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: 35px;
    width: 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: 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 0px 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: 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: 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: 10px;
    top: 3px;
    position: relative;
}

.app-table th.k-header {
    padding-left: 20px !important;
    padding-bottom: 10px !important;
}

.portfolio__name {
    display: block;
}
/*end :view options for one prospect and multiple prospect*/
.app-view-dropdownlist-items {
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
/*Add Portfolio Starts*/
#divUserNameGrid .k-grid-content input {
    left: 8px !important;
    top: 2px;
}

#divEnrollment {
    padding: 15px;
}

.import-from-file-enrollment:not(:first-child) {
    margin-top: 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;
}

#gridContactStudentLinkedGrid .k-grid-content.k-auto-scrollable {
    overflow-x: hidden;
}
/*Add Portfolio Ends*/
#PortfolioAddWindow .k-dropzone .k-upload-status {
    margin-top: 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: 0;
    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);
    }

#divEditContactWindow {
    overflow-y: auto;
    max-height: 720px;
}

.household-group p {
    line-height: 18px;
}

.addEditContacts .k-tabstrip-items {
    float: left;
    margin-top: -25px;
}

.addcontact__screen .app-contact-name {
    min-width: 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*/
.email-basic-mode__popup {
    width: 1140px !important;
}

#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 */
.content-wrapper .email__section {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.basic-mode__top {
    background: var(--brand-component-secondary-background);
    padding: 10px 20px 10px 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: 10px;
}

.send-now {
    width: 136px;
    padding: 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: 0 8px;
}

.dropdown__button {
    background: var( --brand-main-backgroundcolor-indicator);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    padding: 9px 20px !Important;
    height: 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: 40px;
    display: flex;
    display: -ms-flexbox;
    padding-left: 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: 12px 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: 0px 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: 5px 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: 20px;
}

.app-expand__toggle .expand-arrow, .app-expand__toggle .collapse-arrow {
    width: 10px;
}

.app-expand__toggle .expand-arrow {
    top: 1px;
    left: 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: 10px 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: 10px;
    }

    100% {
        top: -2px;
        left: 14px;
    }
}

@keyframes collapseslidedown {
    0% {
        top: 2px;
        left: 9px;
    }

    100% {
        top: 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: 35px;
}

    .mapOtherFieldsbtn:hover {
        border: 1px solid var(--global-form-container-border) !important;
    }

.mapOtherFields-dropdown-menu, .mapOtherFieldsbtn {
    width: 100%;
}

.content-wrapper .advanced-email-toggler {
    display: none !important;
}

.GridSelection .k-widget {
    width: 100%;
}

.GridSelection .k-alt {
    background: var(--brand-default-light-background);
}

.GridSelection td {
    height: 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 5px 10px var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0px 5px 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 .k-state-selected td:hover {
    background: var(--brand-default-light-background);
}

.GridSelection td:before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: 10px;
    top: 0px;
    position: relative;
    padding-left: 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: 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;
}

#divEmailLayout #dvtxtEmailEditor .k-editor-toolbar .k-editor-widget {
    margin-right: 3px !important;
}

#divEmailLayout #dvtxtEmailEditor .k-editor-toolbar > li {
    margin-right: 3px !important;
}

#dvtxtEmailEditor .k-editor-toolbar .k-combobox-clearable .k-input {
    padding-right: 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 0px 0px 0px;
    }

.divEmail .k-input.k-fontSize.k-group-end {
    width: 56px !important;
}

#dvtxtEmailEditor .k-colorpicker .k-tool-icon {
    width: 0px;
}

/*Quick Mail Starts*/
.content-wrapper .advanced-mode-compose__top > .app-d-flex {
    display: inline-block;
}

.content-wrapper .attachment__container {
    margin-left: 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: 10px 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), 0.2) !important;
        }

    .menu_demographics-dropdown .k-state-hover, .menu_demographics-dropdown .k-state-hover > .k-link {
        background-color: rgba(var(--brand-table-row-background), 0.2) !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: 0 0 0 12px;
    display: table;
    width: 100%;
}

    .app-file-browse .k-dropzone .k-upload-button {
        margin-right: 0px;
        float: right;
        padding: 4px 0;
        min-width: inherit;
        border-radius: 0px !important;
        -moz-border-radius: 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: 16px;
            font-size: 0px;
        }

.app-file-browse .k-upload-status.k-upload-status-total {
    display: none !important;
}

.app-file-browse .k-file-extension-wrapper {
    width: 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: 0px !important;
        right: 0px !important;
        border-width: 3px !important;
    }

.app-file-browse .k-file-extension {
    margin-left: 2px !important;
    margin-bottom: 4px !important;
}

.app-file-browse .k-file-name-size-wrapper {
    margin-left: 8px !important;
    margin-top: 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: 8px !important;
        margin-top: 4px !important;
        float: left;
        opacity: 0.7;
    }

.app-file-browse .k-upload-files {
    position: absolute !important;
    top: 5px !important;
    width: calc(100% - 50px) !important;
    left: 8px !important;
    border: 0 !important;
    line-height: inherit !important;
}

    .app-file-browse .k-upload-files .k-upload-status {
        top: 0 !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: 0 !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: 0 !important;
    background: transparent !important;
    padding: 0 0 0 3px !important;
}

.app-file-browse .file-placeholder {
    background: var(--brand-default-light-background);
    position: absolute;
    top: 1px;
    left: 12px;
    z-index: 1;
    width: calc(100% - 65px);
    height: 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: 0;
    border-top-right-radius: 0;
    border: 1px solid var(--brand-main-backgroundcolor-indicator);
    border-top: 3px solid var(--brand-light-backgroundcolor-indicator);
}

    #contactSnapshotTab .contactName .cThumb {
        width: 60px;
        height: 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: 5px;
}

#contactSnapshotTab .alter__email img {
    left: -1px;
}

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

.gFields {
    height: calc(100% - 104px) !important;
}

.wid-15 {
    width: 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: 0;
        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: 8px 0 0 8px;
        -moz-border-radius: 8px 0 0 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: 0 0 0 8px;
    -moz-border-radius: 0 0 0 8px;
}
.manage {
    background: var(--brand-statistics-green );
    color: var(--global-text-light);
    border-radius: 8px 0 0 8px;
    -moz-border-radius: 8px 0 0 8px;
}

.manage-page__popup-container {
    background: rgba(var(--brand-popup-background), 0.4);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
}

.appointment__container, .task__container {
    border-right: 1px solid var( --global-box-border);
    padding-right: 30px;
    margin-right: 30px;
}

.add-new-tile__popup-container {
    background: rgba(var(--brand-popup-background), 0.4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
}

.add-new-tile__popup {
    height: 100%;
    background: var(--brand-default-light-background);
    position: absolute;
    right: 0;
    padding: 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: 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: 0%;
    top: 10%;
    border-bottom: none !important;
    justify-content: end;
}

.app-radio.app-radio-size-18 input:checked + label::after {
    width: 8px;
    height: 8px;
    left: 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: 5px !important;
    height: 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: 40px !important;
    padding-right: 0 !important;
}
/*common existing application broken button fix ,temparary code */
.checkbox {
    min-height: 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: 4px;
    }

.active-tab-value {
    color: var(--global-border-dark);
    line-height: 50px;
    display: none;
}

.active-tab-value {
    display: none;
}

.fa-plus:before {
    content: "" !important;
    background-image: url(../Images/AdminPlus/add-white.svg);
    position: absolute !important;
    background-repeat: no-repeat;
    background-size: 16px;
    width: 20px !important;
    height: 20px !important;
    margin: -9px 0px 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: 30px !important;
}

#moreoption__list .sidemenu__content {
    line-height: 28px !important;
}

.add-edit-modal .app__datepicker .k-picker-wrap.k-state-default {
    height: 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: 15px;
    padding: 15px;
    text-align: center;
    margin-top: 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: 0 !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: 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: 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: 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: 0 !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: 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: 32px;
    height: 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: 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: 10px 20px 20px 20px;
    background: var(--brand-component-secondary-background);
    border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
    -moz-border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
}

.vertical-seperator {
    border-left: 1px solid var(--global-text-color);
    height: 30px;
    margin-right: 20px;
    margin-left: 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: 40px;
    padding: 0 10px;
}

hr.add-recipient__hr {
    margin-top: 15px;
    margin-bottom: 15px;
    height: 1px;
    background: rgba( var( --global-border-dark-rgb), var( --opacity-two));
    border: none;
}

#DvContactsTypes .help-icon {
    width: 32px;
    height: 32px;
}

#DvContactsTypes #DvDisplayRelation, #DvDisplayLocalFields .local-field__grid-div {
    padding: 0 21px 0 21px;
}

#DvContactsTypes #DvDisplayRelation #divEmailRelationGrid, #DvDisplayLocalFields #GridContactLocalFields {
    width: 380px;
}

#divEmailRelationGrid th {
    color: var(--global-text-light);
}

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

.filter-contact__matching .k-dropdown-wrap {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    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: 20px;
    width: 1px;
    background: var(--brand-default-light-background);
    top: 11px;
    right: 0;
    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: 15px;
}

.add-recipients__save {
    width: 12px;
    height: 8px;
    cursor: pointer;
}

.add-recipients__cancel {
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.add-reciepients__add, .add-reciepients__delete {
    height: 20px;
    width: 20px;
}

#GrdContactAddressLayout td.content-address-drag-icon::before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: 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: 20px !important;
    margin-right: 10px !important;
}

#GridContactLocalFields span.k-widget.k-combobox.k-combobox-clearable {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    width: 90% !important;
}

#GridContactLocalFields span.k-dropdown-wrap {
    border: 1px solid var(--global-box-border) !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !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 5px top 16px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 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: 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: 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: 5px;
    width: 1px;
    height: 100%;
    content: "";
}

.quick-mail__container .basic-mode__top {
    border-bottom: 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: 0 !important;
}

.quick-mail__container .app__tabstrip .k-tabstrip-items .k-link {
    padding: 8px 20px 10px 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: 100px;
    right: -50px;
    top: 45px;
    background: var(--brand-component-secondary-background);
    padding: 15px 25px 15px 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: 10px 10px 15px 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: 10px;
        top: 10px;
    }

#GridContactLocalFields .field-value .k-input {
    padding-right: 0 !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: 0;
    border-right: 1px solid var(--global-border-light) !important;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}

    .email-recipients-grid .app__tabstrip .k-tabstrip-items > .k-item.k-state-active {
        border-right: 0 !important;
    }

.email-recipients-grid .app__tabstrip .k-tabstrip-items .k-link.activeTab {
    width: auto !important;
    padding: 6px 10px 10px 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: 5px 20px;
        white-space: nowrap;
        height: 40px;
    }

    .dummy-table table thead tr th {
        position: relative;
    }

        .dummy-table table thead tr th::after {
            position: absolute;
            right: 0;
            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: 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: 16px !important;
}

/********************Pointer and Cursor Variables Starts********************/
.disableAllControls, .disableAllControlsByRights, .cursor-nodrop {
    pointer-events: none;
    opacity: 0.3;
    cursor: no-drop;
}

.disableClass {
    opacity: 0.09;
    cursor: default !important;
}

.ap-readonly {
    pointer-events: none;
    cursor: no-drop;
    opacity: 0.7;
}

.ap-disabled {
    pointer-events: none;
    cursor: no-drop;
}

.disableNote {
    opacity: 0.3;
    cursor: default !important;
}
/********************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: 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 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: 40px;
    border: 1px solid var(--global-dropdown-border);
    border-left: 0;
    border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0 !important;
    -moz-border-radius: 0 var(--global-border-radius) var(--global-border-radius) 0 !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: 0;
    border-radius: 0px var(--global-border-radius) var(--global-border-radius) 0px;
    -moz-border-radius: 0px var(--global-border-radius) var(--global-border-radius) 0px;
    padding: 4px 5px 3px 5px;
    height: 40px;
    width: 40px;
}

.app__searchbox .email-searchBox {
    height: 40px;
    border: 1px solid var(--global-dropdown-border);
    border-right: 0;
    border-radius: var(--global-border-radius) 0px 0px var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) 0px 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: 10px;
    padding-right: 33px;
}

.app__searchbox .close__icon {
    position: absolute;
    right: 55px;
    top: 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: 0px;
}

.quick-mail__container .expand-collapse-recipents {
    border-left: 1px solid var(--global-text-light);
    padding-left: 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: 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: 0 !important;
    border-top-left-radius: 0 !important;
    position: absolute !important;
    right: 0px;
    top: 0px;
    min-width: auto;
}

button.search-primary:active {
    background: var(--brand-main-backgroundcolor-indicator) !important;
}

.search-primary img {
    width: 16px;
    height: 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: 0;
    -moz-border-radius: 0;
}

.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), 0.4) !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: 0;
    -moz-border-radius: 0;
    border-color: var(--global-custom-pagination-color);
    color: var(--global-link-color) !important;
    font-weight: bold !important;
    border-right: 0;
}

.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: 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: 0 2px 0 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: 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: 0;
}

.app-custom-pagination .k-grid-pager a.k-link.k-pager-last.k-pager-nav {
    border-left: 0;
}

.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: 0;
}
/*End: Custom pagination*/
.view__optionlist .view-options {
    height: 40px;
}

.students-bookmarks-yellow {
    width: 28px;
    height: 28px;
    top: -16px;
    right: 98px;
}
/*Popup window Starts*/
.k-window-titlebar.k-hstack {
    border-top-left-radius: 4px;
    border-top-right-radius: 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: 40px !important;
    padding-bottom: 4px;
}

.alert__window {
    background-color: var(--brand-alert-window) !important;
}

.alert__window .k-window-titlebar .k-window-action {
    border: none !important;
    position: unset;
    outline: 0;
}

.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: 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: 0;
    padding-left: 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: 0px;
}

#portfolio_Controls {
    width: auto !important;
}
/************All Grids custom Dropdown Starts******************/
.divContactViewPopup, .divIncidentViewPopup, .divEPASectionViewTootTip, .divEDASectionViewTootTip,
.divBatchEntryLogViewPopup {
    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: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--global-border-dark);
    content: "";
    left: 30px;
    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: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--tooltip-bg-color);
    content: "";
    left: 30px;
    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: 0px 0px var(--global-border-radius) var(--global-border-radius) !important;
    -moz-border-radius: 0px 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 {
    width: 233px !important;
    margin-top: 18px !important;
}

    .allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a {
        padding: 8px 0px;
    }

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    padding-top: 8px;
    padding-bottom: 8px;
}

.allGridsDropdownList .dropdownListItems {
    padding: 8px 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: 5px;
    padding-bottom: 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: 12px;
    height: 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: 75px;
    top: 12px;
}

.individual-onclick-tooltip + .tooltip-grid-wrap .view__optionlist.app__dropdown.app__dropdownmenulist {
   width: auto !important;
   white-space: nowrap;
}

.allGridsDropdownList .dropdownListItems {
    padding: 8px 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: 5px;
    padding-bottom: 4px;
}

.allGridsDropdownList.app__dropdownmenulist .dropdown-menu {
    padding-top: 8px;
    padding-bottom: 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: 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: 35px;
    border: none;
    color: var(--global-text-light);
    width: auto;
    font-size: var(--global-text-size-sm);
    padding: 7px 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: 35px;
    border: 1px solid var(--global-link-color);
    color: var(--global-link-color);
    font-size: var(--global-text-size-sm);
    width: auto;
    padding: 7px 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: 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: 5px;
    font-size: var(--global-text-size-xs);
    font-weight: var(--gloabl-default-font-weight);
}
/*demographic tab design*/
.demographic-color-value {
    height: 16px;
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    top: 27%;
    position: absolute;
    left: 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: 12px;
    color: var(--global-text-color);
    text-transform: capitalize;
    font-weight: normal;
}

#demographicsfields #FieldLayout label.control-label {
    padding-top: 7px;
}

#tabstripHome {
    padding: 0;
}

    #tabstripHome .k-content.tabHomeContent.k-state-active {
        border-radius: var(--global-border-radius);
        -moz-border-radius: var(--global-border-radius);
    }

#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) 0 0;
    -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: 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 30px top 14px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 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: 40px;
}

.containsbegins-button {
    width: 125px;
    padding: 0px 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: 10px 20px 20px !important;
}

    .ap-gridbody .grid-section {
        width: 75%;
    }

    .ap-gridbody .summery__section {
        width: 25%;
        padding-left: 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: 20px;
}

    .summary__body .summary__border {
        margin: 0px;
        padding: 1px;
        justify-content: space-between;
        height: 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), 0.4) !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: 4px !important;
    cursor: pointer;
}

.summary__border.no-border {
    border-bottom: 0 !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: 5px !important;
    padding-left: 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: 15px 17px;
}
/* Demographics - multi color tabs */
.view-info-stud .app-expanded-icon {
    width: 24px;
    height: 24px;
    opacity: 1;
}

.expand-stud-info {
    position: relative;
    height: 27px;
    width: 27px;
    margin-right: 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: 0;
}

.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: 10px;
        border-bottom: 1px solid var(--global-dailyAttendance-border-color);
    }

        .dailyAttendance-tab table tr td:first-child {
            padding-left: 20px;
            font-family: var(--global-font-family-semibold);
        }

        .dailyAttendance-tab table tr td:last-child {
            padding-right: 20px;
        }

.dailyAttendance-tab .attendance-statistics table tr td:first-child {
    padding-left: 20px;
    font-family: var(--global-font-family-regular);
}

.dailyAttendance-tab .attendance-statistics table tr td:last-child {
    padding-right: 20px;
    font-family: var(--global-font-family-semibold);
}

.date-view p {
    color: var(--global-link-color);
}

.date-view .settings__dropdown .grid__settings {
    margin: 0 !important;
}

.daily-attendance-toggle a {
    width: 50px;
    height: 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: 0;
        border-bottom-right-radius: 0;
        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: 0;
        border-bottom-left-radius: 0;
        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: 20px !important;
}
/* Daily Attendance Grid*/
.dailyAttendance-grid li, .detailedView-grid li, .attendanceStatistics-grid li {
    border-bottom: 1px solid var(--global-dailyAttendance-border-color);
    padding: 8px 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: 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: 50px;
    padding: 4px 0;
}
/* Schedule Style */
#divSnapshotScheduler ul li > span:last-child {
    padding-left: 20px;
}

#schedule-wrap ul li:last-child {
    margin-bottom: 0;
}

.app-green__container#schedule-wrap ul li span.teacher-name {
    display: inline-block;
    width: 170px;
}

.schedule-cellDivHeader:first-child {
    width: auto;
    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), 0.1);
    }

.schedule-cellDivHeader {
    width: 12%;
    padding: 8px;
}

.schedule-cellDiv {
    width: 10%;
    border-right: 1px solid rgba(var(--global-table-border-color), 0.2);
    border-bottom: 1px solid rgba(var(--global-table-border-color), 0.2);
}

.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), 0.2);
    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: 0 10px !important;
}

.schedule-box {
    min-height: 90px;
}

    .schedule-box span {
        clear: both;
        color: var(--global-schedule-box-color);
    }

    .schedule-box p {
        margin: 0;
    }

.schedule-techno {
    line-height: 21px;
}

.schedule-roomnum-selected {
    border-bottom-left-radius: 3px;
    padding: 0 !important;
    float: right;
    width: 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: 150px;
}

    .schedule-box .schedule-roomnum + .txtovflw + .txtovflw {
        margin-top: 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: 20px;
}
/*temp code :remove later*/
/*AP.com Reportcard design*/
.portfolio__filename {
    width: 90%;
    color: var( --global-text-color);
}

.demograhics__container .app-card .app-card-body {
    overflow-y: auto;
    padding-bottom: 0px;
    overflow-x: hidden;
}

.add-button img {
    height: 13px;
}
/*BOOTSTRAP &site.CSS & kendo css*/
.content-wrapper {
    margin: 65px 0 0 0px;
    padding: 0px;
}

.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;
}

p#badgearea {
    z-index: 10000;
}

.hide {
    display: none !important;
}

.alert-msg p, .alert-msg h3 {
    text-align: center;
}
/*alert popup*/
.alert-msg b {
    font-weight: normal;
}
/*start: Global check box style*/
input.app-input-checkbox[type="checkbox"] {
    margin: 0 5px 0 0;
    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: 12px;
    display: inline-block;
    width: 15px;
    height: 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: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    text-indent: 1px;
    position: absolute;
    top: 0px;
    background-image: url(../Images/AdminPlus/save-white.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
/*end: Global check box style*/

/*BOOTSTRAP &site.CSS*/
.gridw__bg {
    background: var(--brand-component-secondary-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}
/**********One Prospect grid/body height*******/
/*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: 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), 0.4) !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: 10px;
    left: 20px;
}
/*Screen height*/
/*********Multi Student Side Bar*******/
.email-icon-student, #btnMultiStaffEmail .multi-student-email {
    height: 20px !important;
    width: 26px !important;
}

.muti-student-details-box .students-icons:hover .students-icons-hover, #btnMultiStaffEmail:hover .students-icons-hover {
    display: inline !important;
    height: 24px !important;
    width: 30px !important;
}

.muti-student-details-box {
    height: 25px;
}

    .muti-student-details-box .student__bottom-image {
        height: 20px;
    }

    .muti-student-details-box .multi-students-icons {
        width: 18%;
    }

.multi-students-bookmarks-yellow {
    position: absolute;
    left: 20px;
    top: 0px;
    height: 28px;
    width: 20px;
}

.multi-students-bookmarks-yellow-active {
    position: absolute;
    left: 16px;
    top: 0px;
    height: 28px;
    width: 28px;
}

.alert-multi-student {
    bottom: 9px;
    left: 171px;
}

.attendance__box .status-def + img {
    width: 23px;
}

.multi-student-home-icon {
    top: 4px !important;
    left: 31px !important;
}

#LnkHousehold .app-translate-middle.student__bg-success {
    top: 2px;
    left: 20px
}

/* Need to verify to remove */
.multiple-student__fields .student__link span {
    left: 0 !important;
}
/* Need to verify to remove - end */

.multi-student__address,
.multi-student__field-details {
    width: 77%;
}

.attendance__box .app-darkBdr-right {
    height: 110px;
}

.attendance__box .attendance-staus {
    width: 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: 0;
    -moz-border-radius: 0;
}

.demographic-app__tabstrip ul.k-reset.k-tabstrip-items {
    padding-left: 20px !important;
}

.demographic-app__tabstrip ul.k-reset.k-tabstrip-items {
    height: 37px;
}

.demographic-app__tabstrip .k-tabstrip .k-tabstrip-items {
    border-bottom: 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: 8px 10px 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: 0;
    border: 0;
}

.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: 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: 0;
    height: 100%;
    width: 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: 0 8px 0 0;
    -moz-border-radius: 0 8px 0 0;
    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: 8px 0 0 0;
    -moz-border-radius: 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: 24px !important;
    position: relative;
    margin-top: 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: 0;
        left: 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: 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: 0px !important;
    width: 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: 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: 0;
}

.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: 0;
    background: var(--brand-component-secondary-background);
}

.demographic-app__tabstrip #FieldLayout {
    padding: 20px 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: 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: 40px !important;
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
    padding: 0 0 0 15px;
    box-sizing: border-box;
}

    #demographicsfields #FieldLayout .k-picker .k-input-value-text {
        line-height: 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: 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: 0 !important;
}

    .demographic-app__tabstrip #FieldLayout .k-dropdownlist.k-state-default {
        padding-left: 0 !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: 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: 35px;
    height: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: 5px;
    top: 0;
}

.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,
.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: 0;
    width: 40px;
}

.demographic-app__tabstrip > .row.full-width {
    margin: 10px;
}

.demographic-app__tabstrip #demoScreenSettings {
    margin-top: 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 5px top 16px !Important;
    background-repeat: no-repeat;
    height: 35px;
    width: 15px;
}

.demographic-app__tabstrip #FieldLayout .k-datepicker .k-button {
    margin-right: 5px;
}

.demographic-app__tabstrip [class*="col-"] {
    flex: initial;
    -ms-flex: initial;
}

.demographic-app__tabstrip .iti {
    width: 100%;
}

    .demographic-app__tabstrip .iti input {
        padding-left: 50px !important;
    }

.demographic-app__tabstrip #FieldLayout .k-input-inner {
    padding: 0px;
    border: none !important;
}

.demographic-app__tabstrip #FieldLayout .k-input.k-datepicker, .demographic-app__tabstrip #FieldLayout .k-input.k-combobox {
    padding: 0 0 0 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: 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: 25px !important;
    width: 40px !important;
    background-size: 18px;
}

    .demographic-app__tabstrip #tabstripDemographics #FieldLayout .k-i-calendar:before {
        content: none !important;
    }

.demographic-app__tabstrip #tabstripDemographics .k-content {
    padding: 0;
    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: 0 0 0 var(--global-border-radius);
    -moz-border-radius: 0 0 0 var(--global-border-radius);
}

#tabstripViewContact.k-tabstrip-top > .k-tabstrip-items-wrapper {
    border-bottom: 0;
}
/********Demographics Tab Strip Ends**********/
/*************Attendance Expanded Grid Starts**********************/
.app-kgrid__expanded-container td {
    border-bottom: 1px solid rgba(var(--global-expanded-container-border), 0.4) !important;
}

.app-kgrid__expanded-container .k-grid-norecords {
    border-bottom: 1px solid rgba(var(--global-expanded-container-border), 0.4) !important;
    border-bottom-right-radius: var(--global-border-radius);
    border-bottom-left-radius: var(--global-border-radius);
    height: 20px !important;
}

    .app-kgrid__expanded-container .k-grid-norecords .k-grid-norecords-template {
        height: 15px !important;
        line-height: 0;
        margin: 0 0 0 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: 8px 20px 5px;
}

.schedule__box.app-green__container ul li.active {
    border: none !important;
    padding: 8px 19px 5px 12px !important;
}

.multiple-student__left-container .schedule__box.app-green__container ul li.active {
    padding: 8px 10px 0px 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: 8px;
    top: 12px;
}

.cell-phone__contacts {
    right: 3px;
}

.contacts-tab.app__tabstrip .k-tabstrip .k-content.k-active {
    border-top-left-radius: 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: 10px 10px 5px 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: 200px !important;
}

.attendance-settings__input {
    width: 100% !important;
    display: flex;
    display: -ms-flexbox;
}

.attendance__window {
    top: 150px !important;
}
/*************Daily Attendance Settings Popup Ends*********/
#divDemographic .inputSearch,
.excelwizard-multi-student-select-row .inputSearch, #divSelectDemographicField .inputSearch, #divMarkingPeriod #grdAvailableFields .inputSearch, #divSchoolDemographic .inputSearch, .demograph__form .inputSearch {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
}

#grdAvailableFields .k-toolbar,
#grdContactAvailableFields .k-toolbar {
    padding: 3px 9px;
}

.excelwizard-multi-student-select-row .close-icon-pos .inputSearch {
    left: 15px !important;
}

.excelwizard-multi-student-select-row .close-icon-pos .close__icon {
    top: 8px;
    right: 15px;
}

.k-loading-image {
    background-image: url(../Images/Loader-no-bg.GIF) !important;
    background-size: 25px 25px;
}
/*Dashbors charts UI*/
.sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    .sortable li {
        margin: 10px;
        padding: 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: 20px;
    }

    .sortable li .action-btns img.tile__edit {
        width: 18px;
        margin-right: 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: 12px;
    }

.tiles__title {
    font-size: var(--global-text-size-xxxxxxxxl);
}

.sortable.dashboard__chart.ui-sortable li {
    width: 555px !important;
    height: auto !important;
    padding: 0;
}

.sortable.dashboard__chart .chart_body {
    border-radius: var(--global-medium-border-radius);
    -moz-border-radius: var(--global-medium-border-radius);
    padding-bottom: 10px;
}
    .sortable.dashboard__chart .chart_body .chart_body-title {
        height: 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: 15px 15px;
    background: var(--brand-main-backgroundcolor-indicator) 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 9px var(--global-dark-black-boxshadow);
    border-radius: var(--global-medium-border-radius) var(--global-medium-border-radius) 0px 0px;
    opacity: 1;
}

.sortable.dashboard__chart .chart_body .k-chart {
    padding: 0 0px;
}

.sortable.dashboard__chart .chart_body .chart-sec {
    margin: 20px 0 20px 0 !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: 0px 20px;
    padding-left: 0px !important;
    padding-right: 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: 24px;
    height: 24px;
}
.sortable.dashboard__tiles li.tile-without-bg {
    background: var(--brand-default-light-background) !important;
    padding-left: 40px;
}
.sortable.dashboard__tiles li.tile-without-bg .tiles__header .tiles__title {
    color: #ff7e5f; /* #ff7e5f = @item.TileColor*/
}
.sortable.dashboard__tiles li.tile-without-bg .tile-indicator {
    display:block!important;
    position: absolute;
    top: 10%;
    left: 20px;
    background: #ff7e5f; /*#ff7e5f = @item.TileColor*/
    width: 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, #ff7e5f, #fff) !important; /* #ff7e5 = @item.TileColor*/
}
#divDashboardThemeView.dashboard-scroll {
    height: calc(100vh - 209px);
}

/*#gridDetailedView .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 340px) !important;
}*/

#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: 20px;
    height: 40px;
    width: 1px;
    background: var(--brand-default-dark-background);
    margin-left: 0;
}

.comments-note-area {
    border: 1px solid var(--global-input-border-color);
    height: 100px;
}

.attendance-code-status {
    border: 1px solid var(--global-input-border-color);
    min-height: 80px;
}
/*--------------------------------------- Dashboard Add New Tile -----------------------------------*/
/*temp code*/
.date-range-box span {
    background: var(--brand-tile-light-color) !important;
    margin: 2px 0px 2px 0;
    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: 65px;
    left: 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: 8px;
    -moz-border-radius: 8px;
    width: 100%;
}

#studentsViewInfo .offcanvas-header {
    align-items: flex-start;
}
/* Need to remove later*/
.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: 0;
    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: 10px 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%;
}
.stud-view-dummy-table tbody tr:last-child td {
    border: none;
}

.disable-anchor {
    pointer-events: none;
}
/* End Students View Info */

.contacts-mail-icon {
    top: 0 !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;
}

.contacts-tab-wrap {
    top: -16px;
}

#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: 8px 30px 10px 30px !important;
}

#usermenu_area, #lnkChangePassword, #lnkFeedback {
    display: none;
}

.multiple-student__left-container .schedule__box.app-green__container ul li {
    padding: 8px 10px 0px 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: 10px;
    }

    .student__data .student__key, .student__data .student__value {
        min-width: 40px;
    }

.daily-attendance-header {
    max-width: 79%;
}

#divIncidents .app__gridheader .grid__settings {
    margin: -4px 1px 0 0 !important;
}

#lblViewOfficePhone {
    min-width: 40%;
}

.app-custom-pagination .k-pager-info.k-label strong {
    white-space: nowrap;
}

#divSingleStudentSnapshot #error {
    line-height: 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: 20px;
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: 5px;
    right: 0;
    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: 20px;
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: 5px;
    right: 0;
    content: "";
    position: absolute;
}

#divIncidentDetails .app-kgrid__expanded-container .k-grid-header th.k-header a.k-grid-filter {
    width: 25px;
    position: absolute;
    top: -5px;
    left: 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: 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: 15px 0 15px 0 !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: 0;
    border-bottom: 1px solid var(--global-dark-dim-grey-border);
    padding: 0;
}

.approval__center.min-max-width .generic__formtabstrip .k-tabstrip-items {
    display: block;
}

.generic-left__section .k-tabstrip .k-content {
    padding: 0;
    margin: 0;
    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: 0 !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 25px 0px 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: 5px 8px;
    min-width: auto;
}

.approval__center.min-max-width .plus__portals-page .app-button.app-button__noname {
    padding: 6px 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: 15px;
    height: 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: 25px;
    top: 10px;
}

#divFormControls.editscreen {
    background: var(--brand-component-primary-background);
    padding: 20px;
    margin-top: 20px;
    border-radius: var(--global-border-radius);
}

.search-text {
    left: 40px;
    position: relative;
    top: -7px;
    padding-right: 0;
}

.search-text-staff {
    position: relative;
    top: 42px;
    left: 1px;
}

.approval__center.min-max-width .form__approvalsec {
    padding: 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: 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: 10px 0;
}

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0;
    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), 0.1) !important;
    border-radius: 0 !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: 60px;
    top: 0px;
    width: 50%;
}

.approval__center.min-max-width .hamburger-menu {
    display: block;
    top: -10px;
    left: 0px;
    cursor: pointer;
    width: 60px;
}

.approval__center.min-max-width .approval-center__gridheader {
    height: 40px;
}

.approval__center.min-max-width .generic-left__section .k-tabstrip .k-content.k-active {
    padding-top: 0;
}

.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: 0;
    border-top: 0;
    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: 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) 0 0;
}

.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: 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: 20px;
}
#divHBIncidentsDetails .k-panelbar-item-text,
#divGradeDetails .k-panelbar-item-text {
    padding-left: 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 5px !Important;
        background-repeat: no-repeat;
        height: 20px;
        width: 15px;
        background-size: 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: 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: 0;
}
/*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 0px 1px 0px !important;
    margin: 0 0 13px 0;
    border: 0;
    border-radius: 0;
    border-bottom: 3px solid transparent;
    font-weight: 500 !important;
    cursor: pointer;
}

.approval-heading-cntr .nav-tabs > li:first-child {
    margin-left: 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: 10px;
    padding-right: 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: 15px 0px 1px 0px !important;
    margin: 0 0 13px 0;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    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: 0;
    background: var(--brand-default-light-background);
    padding-left: 15px;
    min-height: 50px;
    align-items: center;
}

    .approval-center-page .nav-tabs > li {
        margin-right: 22px;
        margin-bottom: 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: 40px;
    font-size: var(--global-text-size);
    opacity: 1;
}

.student__staff__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    left: 80px;
    background-color: var(--brand-default-light-background);
    width: 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: 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: 0;
}

.generic__formtabstrip .k-icon-button.k-tabstrip-next {
    border-left: none !important;
    border-radius: var(--global-border-radius) 0 0 0 !important;
    top: -1px !important;
}

.generic__formtabstrip .k-icon-button.k-tabstrip-prev {
    border-right: none !important;
    border-radius: 0 var(--global-border-radius) 0 0 !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: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: 0 6px 0 0;
}

.pop-warning .modal-header {
    color: var(--global-text-light);
    background: var( --brand-main-backgroundcolor-indicator);
    display: flex;
    flex-direction: row-reverse;
    height: 50px;
}

.modal-body p {
    font-size: var(--global-text-size-sm);
    margin: 0 0 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: 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: 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: 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: 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: 25px;
    display: inline-block;
    text-align: right;
}

.demographic-name {
    margin-left: 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;
    overflow-x: hidden;
    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: 10px !important;
}

.excelwizard__container .seperation__line {
    margin: 0 20px;
    height: 35px;
    background: var(--global-standard-grey-border);
}

.include-feild-w-auto .include-DB-field {
    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;
}

#divDemographic .tab-width-100 {
    width: auto !important;
}

.relationship {
    width: 345px;
    border-radius: 0 !important;
}

.relationship-block .relationship th:first-child {
    border-radius: var(--global-border-radius) 0 0 0 !important;
    box-shadow: none !important;
    vertical-align: middle;
}

.relationship-block .relationship th:last-child {
    border-radius: 0 var(--global-border-radius) 0 0 !important;
    padding-left: 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: 0 !important;
}

    .relationship-block .relationship .k-grid tbody td:last-child {
        padding-left: 5px !important;
    }

.excelwizard__container form {
    height: 100%;
    background: var(--brand-component-secondary-background);
    border-radius: 0 0 var(--global-border-radius) var(--global-border-radius);
}

.dotsbtn.app-button {
    min-width: 35px!important;
}

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

.excelwizard__section .excelwizard-multi-student-select-row .left-right__arrows {
    padding: 10px !important;
}

.excelwizard__container .app-card-body .card-topbg {
    background: var( --brand-component-primary-background);
    padding: 10px 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: 10px 20px;
    border-radius: 0 0 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: 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: 0;
}

.excelwizard-multi-student-select-row .app-table .k-header {
    border-radius: 0;
}

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

/*excel-wizard style*/
/*Overview-Approval center UI*/
.ellipse__box {
    background: var(--brand-penalty-first-color);
    padding: 0 10px;
    height: 24px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    min-width: 40px;
    line-height: 24px;
}

.app-ellipse.height-250 {
    height: 250px;
}

.ellipse__container .diagram-flow {
    width: 33%;
}

.diagram-flow .corr-required-text {
    left: -150px;
    width: 400px;
    top: 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: 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: 0 10px;
    height: 24px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    max-width: 66px;
    min-width: 45px;
    line-height: 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: 0px 10px;
    height: 44px;
    border-radius: var(--global-large-border-radius);
    -moz-border-radius: var(--global-large-border-radius);
    min-width: 65px;
    max-width: 70px;
    line-height: 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 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: 0;
    top: -3px;
    position: absolute;
    z-index: 9;
}

.coming-soon-toggle .toggle__knobs:after {
    right: 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: 15px;
    width: 92px;
    background-repeat: no-repeat;
    top: 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: 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: 15px;
    width: 287px;
    background-repeat: no-repeat;
    top: 5px;
    background-size: 250px;
    overflow: hidden;
}

.approval-center-dashboardtiles .seperation__line {
    height: 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: 60px;
    border-bottom: 1px solid var(--brand-fade-highlight-background);
}

#tabstripSchool .page__headerbar {
    background: var(--brand-component-secondary-background);
}

.info-icon {
    opacity: 0.8;
}

    .info-icon:hover {
        opacity: 1;
    }

.approval-formdropdown {
    top: 10px;
    height: 0;
    z-index: 9;
}

.main-content-cntnr.min-max-width .approval-formdropdown {
    right: 0;
    height: 0;
    top: -27px;
}

.page__headerbar .back__arrow {
    width: 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: 55px
}

.student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__knobs:after {
    right: 50px;
}
/*Overview-Approval center UI*/

.collapsed__left-top .collapse-box-responisve .student__data:first-child {
    padding-left: 20px !important;
}

/*staff style*/
.multiple-staff__left-container {
    width: 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: 8px 10px 5px 12px !important;
    }

    .multiple-staff__left-container .schedule__box.app-green__container ul li {
        padding: 8px 10px 5px 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: 15px 0 15px 0 !important;
}

.multi-staff__box {
    background: var( --brand-container-darkblue-backgroud);
    width: 300px;
    min-height: 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: 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: 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: 0;
}

#divStaffAttendance #attendanceListview .gridheader__top {
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two)) !important;
    padding: 10px 20px 15px !important;
}

/* -------------- Staff Toggle ----------------- */
.app__header #staffToggle .student__togglebutton .student__knobs:before {
    width: 90px
}

.app__header #staffToggle .student__togglebutton .student__knobs .app__singlestudent {
    width: 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: 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: 0 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: 20px;
    display: block;
}

.btn__moreinfo button {
    border: none;
    width: 40px;
    font-size: var(--global-text-size-xxxxxxxl);
    height: 38px;
}
/*more info button*/
/*Staff Daily Attendance Starts*/
#tabstripAttendance .k-tabstrip-content {
    padding: 0;
}

#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: 40px;
}

.list-contacts-sections__container, .list-portfolio-section, .list-superdb-details {
    min-height: 70px;
}

.selected-value {
    top: 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: 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: 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: 0;
    }

        #divPortfolioAddEdit .category-dropdown .k-input-inner .k-input-value-text {
            text-indent: initial;
            line-height: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: 20px 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), 0.4) !important;
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
}

#PortfolioCategoryGrid .k-grid-header {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}

    #PortfolioCategoryGrid .k-grid-header th:nth-child(2) {
        border-top-left-radius: var(--global-border-radius);
    }

    #PortfolioCategoryGrid .k-grid-header th:last-child {
        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: 0 !important;
    padding-left: 15px !important;
}
#PortfolioCategoryGrid.app-kgrid__container .k-master-row.k-grid-edit-row td{
    padding:0;
}
#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: 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: 5px 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: 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: 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 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% 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), 0.3) !important;
}
/************Inline style moved**************/
/*Border radius for bottom left and right corners*/
.ap-border-radius-bottom-left-right {
    border-radius: 0 0 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: 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: 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: 0 20px 20px 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: 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: 10px 0;
}

.approval__center.min-max-width .generic-left__section .generic__formtabstrip ul li.k-item.s-tabHomeList {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0;
    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), 0.1) !important;
    border-radius: 0 !important;
}

.approval__center .generic-left__section .k-tabstrip .k-content {
    padding: 0;
    margin: 0;
    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: 0 !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 25px 0px 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: 16px;
}

.approval__center .info__column .plus__info {
    width: 16px;
    height: 16px;
}

.app__tooltip .dropdown-menu li a, .app__tooltip .dropdown-menu li a:hover {
    padding: 0 !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: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid var(--tooltip-bg-color);
        content: "";
        left: 30px;
        rotate: 270deg;
    }

    .tooltip__popup__triangle:after {
        position: absolute;
        z-index: 999;
        margin-top: -3px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid var(--global-border-dark);
        content: "";
        left: 30px;
        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: 10px;
}

.att-popup__btn .k-datepicker:before {
    background-image: url(../Images/AdminPlus/calendar-black.svg) !important;
    background-repeat: no-repeat;
    background-size: 22px;
    width: 24px;
    height: 100%;
    content: " " !important;
    right: 12px;
    position: absolute;
    top: 0;
    background-position: center !Important;
}

.att-popup__btn .k-datepicker {
    height: 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: 25px;
}

/***********Approval Center -> Daily Attendance on Collpase Starts************/
.approval__center.min-max-width .attendance__header-colapse-position {
    position: absolute;
    right: 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: 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: 0;
}


#divDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:after, #divStaffDailyAttendance .app__toggle .app__togglebutton .toggle__knobs:after {
    right: 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: 8px;
    width: 250px;
}

.error-acd {
    color: hsl(0, 71%, 51%);
    font-size: var(--global-text-size-xs);
    white-space: normal;
    line-height: 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 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: 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: 0;
}

/**************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: 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: 40px !important;
    padding: 10px 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: 10px;
}
/***************Approval Center-> Period Attendance Ends**************/
.tablegrid__row {
    height: 40px;
    padding: 16px 18px 16px 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: 40px;
    padding: 7px 20px;
    border-bottom: 1px solid var(--global-penalty-summary-details-color);
}

/*******Attendance -> Enter Daily Attendance Starts**********/
.attendance__seperation__line {
    position: relative;
    margin: 0 20px;
    height: 80px;
    width: 1px;
    background: rgba(var(--global-border-dark-rgb), 0.6);
}

#EditDailyAttendanceView #imgSearch {
    top: 10px;
    left: 20px;
}

#EnterDailyAttendance .app__dropdown .k-dropdownlist {
    width: 300px !important;
    height: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: 40px !important;
}

.search__students-col:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/search-black.svg);
    background-position: left 11px top 10px !Important;
    background-repeat: no-repeat;
    height: 35px;
    width: 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: 80px;
    width: 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 { background: var(--global-dark-purple-color); }
.school__reports .report__bannerimg.search__list { background: var(--global-dark-orange-color); }
.school__reports .report__bannerimg.selected__student { background: var(--global-dark-purple-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: 5px;
    border-radius: var(--global-border-radius) 0 0 var(--global-border-radius);
}

.school__bulletin-option .not__visiblebar, .daily-attendance-bulletin .not__visiblebar {
    width: 8px;
    height: 40px;
    background: var( --brand-student-absence-bgcolor);
}

.school__bulletin-option .visiblebar, .daily-attendance-bulletin .visiblebar {
    width: 8px;
    height: 40px;
    background: var( --brand-enrollment-three);
}

.school__bulletin-option .auto-publish-timebox { padding: 8px 20px; }

.school__bulletin-option .auto-timebox-info .plus__info {
    width: 16px;
    height: 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: 25px; }
.hr-seperation__line { border-bottom: 1px solid var(--global-seperator-color); }
.school__reports .report__settings { width: 20px; }
.school__reports .report__logo__bg { width: 40px; }

.school__reports .report__bannerimg {
    height: 28px;
    width: 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: 32px;
    width: 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: 15px !important;
}

#divAttendanceListView .k-grid-content tbody tr td:nth-child(1),
#divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
    padding-left: 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: 30px !important;
}

.incidents-column-box-outer .collapse__text {
    left: 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: 0 !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: 20px;
    width: 25px;
}

.attendance__bulletin .hover-icons-hover {
    height: 24px;
    width: 25px;
}

.staff-attendance__container.multi-value .s-name {
    width: auto;
    min-width: 305px;
    max-width: 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: 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: 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:35px !important;
    }

#divContactEdit .k-tabstrip-content {
    padding: 0;
    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: 0px;
    top: 0;
    margin-top: 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 {
    width: 300px !important;
}

.daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist{
    width:300px !important;
    margin-left:10px;
}

.daily__attendance-bulletin-settings .end__date.attendance-settings__input{
    left:20px;
}

.daily__attendance-bulletin-settings .attendance-settings__input{
    width:150px !important;
}
.app-combo-dropdown.k-combobox.app-height-35, #divContactEdit #editContactBasicDetailsContent .app-combo-dropdown .k-picker {
    height: 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: 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: 0;
    }

        #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: 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: 0 0 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: 0;
}

#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 0 0 0px;
    text-align: center;
}

    #MonthlyCalendar .k-scheduler-content .k-event.k-event-inverse .k-event-template {
        padding: 0;
        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: 0;
    top: 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: 40px;
        font-size: var(--global-text-size);
        opacity: 1;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        left: 80px;
        background-color: var(--brand-default-light-background);
        width: 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;
}
/*Monthly attendance Calendar custom design code ends*/
#divLineSchedule .k-grid-footer {
    padding: 0 !important;
    border-style: solid !important;
    border-color: rgba(var(--brand-table-row-background), 0.4) !important;
    border-width: 1px 0px 0px 0px !important;
    display:block !important;
}

    #divLineSchedule .k-grid-footer .k-grid-footer-wrap {
        border-width: 0 !important;
    }

        #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td {
            background: var(--brand-component-primary-background) !important;
            border-bottom: none !important;
            padding-right: 5px !important;
            padding-left: 0px !important;
        }

            #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td.grid-column-num.app-pr-30 {
                padding-right: 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: 0 !important;
    padding-right: 20px !important;
    text-align: end;
}

.app-kgrid__container .k-grid-footer tr td.grid-column-num {
    padding-right: 30px !important;
}

/*two-factor authentication*/
.twoFactorAuth {
    width: 600px;
    margin: 200px auto;
}

.app-twofactor-authy {
    background: var(--global-link-color);
    overflow-y: auto;
}

.error-block {
    color: hsl(0, 71%, 51%);
}

.school-header {
    height: 75px;
    top: 0;
    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: 400px;
    border: 1px solid var(--global-login-border);
    height:35px;
}

.incident-setting-action-date.app__dropdown,
.incident-setting-action-date.app__dropdown .k-dropdownlist {
    width: 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: 35px;
    padding: 8px 10px 7px 15px;
    width: max-content;
    display: inline-flex;
    margin: 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:30px !important;
}
#studentNewIncident .app-kgrid__container td {
    padding-right: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: 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: 20px;
        height: 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: 10px !important;
}

    .incidents__container .app-kgrid__container .k-button:last-child,
    .incidents__container .app-kgrid__container .k-button:nth-child(3) {
        padding-right: 0px !important;
        margin-left: 5px !important;
    }

.incidents__container .app__dropdown input {
    padding: 8px 15px;
    line-height: 15px !important;
}

.incidents__container input.k-input {
    padding: 8px 0 8px 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: 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: 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: 40px;
    text-align: center;
    padding: 10px;
}

    .period__table .b__x-rect.box__per {
        width: 34%;
        height: 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: 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;
}

.adminPlus__Logo {
    width: 150px;
}

.twoFactor__Messages {
    height: 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: 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: 24px !important;
    width: 16px !important;
    background-size: 21px !important;
}

#grdTilesStudents th { padding-left: 40px !important; }
/****Students <style> content moved*****/
.approval__center .collapsed__div .k-tabstrip-items-wrapper { border-bottom: 0px !important; }
.approval__center .collapsed__div .app-kgrid__container { margin-top: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: 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: 0;
    left: 0;
    font-size: 18px;
}

.page-template .header {
    font-family: "source_sans_proregular", sans-serif !important;
    position: absolute;
    top: 30px;
    left: 30px;
    right: 30px;
    text-align: center;
    font-size: 24px;
}

.page-template .subheader {
    font-family: "source_sans_proregular", sans-serif !important;
    position: absolute;
    top: 90px;
    left: 30px;
    right: 30px;
    font-size: 24px;
}
.page-template .subheader-right {
    position: absolute;
    top: 90px;
    right: 30px;
    font-size: 24px;
}
.page-template .toolbar {
    font-family: "source_sans_proregular", sans-serif !important;
    position: absolute;
    top: 90px;
    left: 30px;
    right: 30px;
    border-bottom: 1px solid #888;
    text-align: center;
    font-size: 24px;
}

/*.k-pdf-export colgroup > col {
        width: 120px !important;
    }*/
.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: 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: 200px !important; }
.tableFixHead th:nth-child(3) { width: 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: 40px !important;}
.tableFixHead ::-webkit-scrollbar { width: 13px; height: 13px;}
.tableFixHead ::-webkit-scrollbar-thumb:hover { background: rgba(var(--scrollbar-thumb), 0.6); }

.tableFixHead ::-webkit-scrollbar-thumb {
    background: rgba(var(--scrollbar-thumb), 0.6);
    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: 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: 0;
        z-index: 1;
        background-color: var(--brand-container-dark-background) !important;
        font-weight: var(--gloabl-default-font-weight);
    }

        .stud-view-dummy-table.period-table thead tr th:not(:last-child):before {
            height: 25px;
            width: 1px;
            background: rgba(var(--brand-default-light-background-rgb), .6) !important;
            top: 8px;
            right: 0;
            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 thead tr th {
        padding: 10px 20px;
    }

.stud-view-dummy-table.period-table tbody tr td {
    padding: 2px 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: 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: 25px;
    left: 67px;
}
    /*receive-attendance*/
    /*studnet tile nactive and ap-id  style*/
    .stud__ap-id {
    background: var(--brand-schedule-div-color);
    padding: 3px 10px;
    right: 20px;
    bottom: 10px;
}

.inactive-ribbon {
    width: 67px;
    height: 67px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}

    .inactive-ribbon span {
        position: absolute;
        display: block;
        width: 100px;
        padding: 2px 0;
        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: 0;
        right: 0;
    }

    .inactive-ribbon::after {
        bottom: 0;
        left: 0;
    }
/*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: 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: 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: 0; }
.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: 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: 20px;
    position: absolute;
    padding: 0;
    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: 0;
    height: 40px !important;
    line-height: 26px;
    font-size: var(--global-text-size-sm) !important;
    padding: 8px 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: 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: 0 !important;
    margin-right: 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: 4px 10px;
    min-height: 20px;
    border-radius: 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: 0px;
    background: var(--brand-component-secondary-background);
}

    #divDocumentViewer .currentpage {
        margin-right: 8px;
        color: var(--global-text-color);
    }

    #divDocumentViewer .document-tick {
        width: 12px;
    }

    #divDocumentViewer .app-h-20 {
        height: 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: 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: 5px 20px;
    }

    #divDocumentViewer .pdf-page {
        box-shadow: 0px 6px 12px var(--global-box-shadow);
        border: 1px solid var(--global-light-gray-border-color);
        margin: 3% auto !important;
        /*width: 50em;*/
    }

#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 - 215px) !important;*/
    height: calc(100vh - 160px) !important;
}
/*Document viewer popup styles ends*/
/***Which Schedule -> Line Schedule***/
.line-schedule-tiles .scheduleseperation__line { height: 15px; width: 1px; background: rgba(var(--global-border-dark-rgb), 0.6); }
.line-schedule-tiles .grid-line-sections { bottom: 5px; }
.line-schedule-tiles .line-schedule-wrap .line-schedule-data { min-height: 0; height: 40px !important; }
.line-schedule-tiles .line-schedule__teacher-name { line-height: 16px; }
.line-schedule-data .item__course, .grid__schedulebox .item__course { max-width: 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: 0 !important; margin: 0 !important; height: 40px !important; border: none !important; }
.tab-multi-students-scroll .schedule__box #line-schedule-wrap .contact__view { position: relative !important; bottom: 0; }
#divMultiStudentSnapshot .multiple-student__left-container #line-schedule-wrap.app-card-body, #divMultiStaffSnapshot .multiple-staff__left-container .app-card-body#line-schedule-wrap { padding: 0 !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: 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:0!important; }
#gridReportCard input.k-textbox, #gridReportCard .k-combobox, #gridReportCard .k-numerictextbox { border: 1px solid var(--global-standard-grey-border) !important; width: 100%; height: 30px; }
#divSkillsDetails input.k-textbox, #divSkillsDetails .k-combobox, #divSkillsDetails .k-numerictextbox { height: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: 10px !important; padding-right: 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:20px !important; }
#gridReportCard.app-kgrid__container .k-grid-edit-row td:first-child {  padding-left: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), 0.4) !important;
    border-bottom-left-radius: var(--global-border-radius);
    border-bottom-right-radius: var(--global-border-radius);
    margin-top: 0;
}

#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: 0 !important;
}

/***Schedule -> Line Schedule -> Course and Section Details Popup Starts***/
.details-info-box { border-top: 5px solid var(--global-light-color-indicator); }
.course__seperation__line { height: 25px; width: 1px; }
.course-name { min-width: 150px; max-width: 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 20px !important; }
.grade-bdr-right { border-right: 1px solid var(--global-greyish-border-light); }
/*********report card**********/
.score-title, .recent-score-wrap { width: 147px; }
.score-status { line-height: 18px; }
.recent-score-box { width: 132px; height: 35px; border-radius: var(--global-border-radius); }
.invoice-summary-status li:before { position: absolute; left: -15px; top: 5px; border-radius: 50%; width: 10px; height: 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: 24px; border-radius: 12px; text-align: right; padding: 0 10px; }
/* Fast Served Tile */
.fast-served-grid-heading, .enter-grades-narratives-grid-heading { background: var(--brand-container-dark-background); padding:8px 20px; }
.fast-served-last-update { padding:12px 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: 300px !important; height: 40px !important; }
.k-list-item.allGradeDropdown { height: 40px !important; line-height: 10px; padding-left: 15px !important; }
.add-date-datepicker input.k-input, .add-date-datepicker input.k-input-inner { padding-left: 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:8px 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:24px; border-radius: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: 15px; }
/*School Add datepopup screen UI*/
.add-date__infobox {
    border: 1px solid var(--global-border-blue);
    box-shadow: 0px 2px 5px var(--global-user-menu-boxshadow);
    padding: 20px 20px 17px 38px;
    width: 380px;
}

.infobox__sym {
    width: 65px;
    height: 65px;
    box-shadow: 0px 2px 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: 0;
}

.info-icon__container-left {
    left: -8px;
}

.info-icon__container {
    right: 10px;
    top: -10px;
    height: 45px;
    width: 45px;
    position: absolute;
}

.info-icon {
    z-index: 100;
    width: 65px;
    height: 65px;
}

.info-with-tic {
    top: 20px;
    z-index: 1000;
    right: -3px;
}

.info-with-tic-left {
    top: 17px;
    z-index: 1000;
    left: 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: 100px;
    height: 35px;
    padding: 5px !important;
    border-radius: var(--global-border-radius);
    border: none !important;
    top: 0px;
    left: 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: 10px 10px 0;
    padding-top: 0px !important;
    pointer-events: none;
}

#AddingDayToCalendar .add-day-grid .k-edit-cell .k-numerictextbox.k-input.k-textbox {
    padding-left: 0 !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 .demographics-contact-tile, #divSchoolDemographics .demographics-household-tile {
    height: 280px !important;
}*/

#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: 35px;
}

#gridStudentSearch table tr:hover {
    background-image: none;
}

#divSchoolDemographics #warningfade {
    top: 7%;
}
/*copy conatct new design starts*/
.contact__blueconnectionbox {
    top: 15px;
    left: -13px;
    height: 100px;
    width: 45%;
    filter: drop-shadow(0px 0px 6px var(--global-filter-shadow));
}

.contacts__count {
    background: var( --global-light-color-indicator);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    height: 25px;
    width: auto;
    display: inline-block;
    min-width: 24px;
    text-align: center;
    padding: 2px 9px;
}

.ctc-triangle__content {
    content: "";
    position: relative;
    right: 11px;
    bottom: 0;
    width: 0;
    height: 0;
    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: 0;
        height: 0;
        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: 0;
        height: 0;
        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: 10px;
    top: -62px;
    width: 0;
    height: 0;
    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: 12px;
    top: -62px;
    width: 0;
    height: 0;
    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: 0;
    height: 0;
    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: 0px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 50px solid var(--global-light-color-indicator);
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
}

    .cont-blue__triangle:after {
        content: "";
        position: absolute;
        right: 1px;
        top: -50px;
        width: 0;
        height: 0;
        border-left: 50px solid var(--brand-dark-blue);
        border-top: 50px solid transparent;
        border-bottom: 50px solid transparent;
        z-index: 3;
    }

.addnew__contactsection .border__before:before {
    content: "";
    position: absolute;
    width: 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: 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: 20px 70px 20px 20px;
    border: 1px solid var(--global-input-border-color);
    line-height: 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: 100px;
    color: var(--global-text-color);
}

.pagination__circle {
    width: 40px;
    height: 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: 32px;
    height: 32px;
}

.pagination__circle.linked {
    width: 40px;
    height: 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: 40px;
    height: 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: 0px !Important;
        height: 3px;
        background: var(--global-light-color-indicator);
        left: 5px;
        border-radius: var(--global-large-border-radius);
    }

    .number.pagination__circle.active.selected {
        width: 40px;
        height: 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 12px !Important;
        background-repeat: no-repeat;
        background-size: 20px;
    }

#editContactContent .seperation__line { height: 40px; }

.contact__connectbox {
    position: relative;
    z-index: 99;
    border-right: 0 !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), 0.4) !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: 20px 50px 20px 20px;
    border: 1px solid var(--global-input-border-color);
    line-height: 24px;
    letter-spacing: 0.16px;
    position: absolute;
    top: 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: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid var(--global-input-border-color);
    z-index: 9;
    right: 183px;
    top: -15px;
}

    .contact__tabdata.local-tooltip .triangle__helptool:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 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: 20px 35px 20px 20px;
    border: 1px solid var(--global-input-border-color);
    line-height: 24px;
    letter-spacing: 0.16px;
    position: absolute;
    top: 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: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid var(--global-input-border-color);
    z-index: 9;
    left: 298px;
    top: -15px;
}

    .contact__tabdata.global-tooltip .triangle__helptool:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 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: 20px 35px 20px 20px;
    border: 1px solid var(--global-input-border-color);
    line-height: 24px;
    letter-spacing: 0.16px;
    position: absolute;
    top: 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: 0;
    height: 0;
    margin: 0 auto;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid var(--global-input-border-color);
    z-index: 9;
    right: 24px;
    top: -15px;
}

    .contact__tabdata.search-tooltip .triangle__helptool:before {
        content: "";
        width: 0px;
        height: 0px;
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 15px solid var(--brand-light-blue);
        bottom: -17px;
        left: -10px;
    }
/*searchfield tooltip ends*/
.contact__tabdata.tooltip__box .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
}

.help__tooltipbox .closebtn img {
    width: 18px;
}

.help-icon__container {
    right: 0px;
    top: -5px;
    height: 48px;
    width: 48px;
    position: absolute;
}

.prospect-outerdiv { overflow: hidden; }
.addcontact__dropdown input::placeholder { color: var(--global-text-color) !important; }
.app-add__Contact .k-hierarchy-col { width: 10px !important; }
.app-add__Contact#gridStudentSearch .k-hierarchy-col { width: 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: 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: 40px; }
.addcontact__container .app-w-50 { width: 50%; }
.addcontact__container .contact__tabscontainer li a.nav-link { padding: 0; }
.addcontact__container .contactheader__tagline .contact__name { width: 70%; }
#copyallcontact .addcontact__helpbox { height: 350px; }
#copyallcontact .app-input input.input__box { height: 35px !important; line-height: 22px !important; }

.helpbox__sym {
    width: 65px;
    height: 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: 0px;
    }

    100% {
        left: 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 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: 0;
    height: 0;    
    border-top: 62px solid transparent;
    border-bottom: 62px solid transparent;   
}

.contact__block:hover .cont-blue__triangle:after {
    border-left: 50px solid var(--brand-default-light-background);
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    z-index: 3;
    content: "";
    position: absolute;
    right: 1px;
    top: -50px;
    width: 0;
    height: 0;
}

.contact__block:hover .contact__connectbox:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 6px;
    width: 0;
    height: 0;
    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: 55%;
}

.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 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: 25px !important;
    padding-right:5px !important;
}

#gridGradesStudentsDetails.app-kgrid__container .grade-student-header-second-row .k-column-title {
    margin-left: 0px !important;
    padding-left:5px;
}
#gridGradesStudentsDetails.k-grid-header th.k-header {
    position: relative;
}
#gridGradesStudentsDetails td {
    padding-right: 20px !important;
}
#gridGradesStudentsDetails td:nth-child(n+6) {
    text-align: center;
    padding-left: 20px !important;
}
#gridGradesStudentsDetails .k-grid-header th.k-header .k-grid-filter {
    top: 20px;
}
#gridGradesStudentsDetails.app-kgrid__container .k-grid-header, #grdCalendarView.app-kgrid__container .k-grid-header, #gridAttendanceCodesDetails.app-kgrid__container .k-grid-header {
    height: 80px !important;
}
div#divGradesHoldingBinTab.collapsed__div #divGradesSetAsNotReadyBtn img { display:block !important; }
#gridGradesStudentsDetails.app-kgrid__container .k-grid-header-wrap th.k-header {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
#gridGradesStudentsDetails.app-kgrid__container .grade-student-header {
    padding-left: 30px !important;
    padding-right: 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: 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: 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: 0 !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: 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 25px 0px 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), 0.4) !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), 0.4) !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: 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: 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: 35px; }
#divChargesAddEdit .billing__text-width .add-charge-input { height:33px; }
.stud-view-dummy-table.billing-table tbody tr td { padding: 2px 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: 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: 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: 0 20px !important; }
.total-due-wrap .total-due { padding-right: 10px; padding-left: 10px; height: 100%; }
#divInvoiceDetails .field-type-selection { width: 100%; padding-top: 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: 0 10px 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: 50px !important; line-height: 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), 0.4) !important; }
.billing-invoiceprint .header { font-size: var(--global-text-size-tripple-large) !important; }
.page-template.billing-invoiceprint .toolbar { position: absolute; top: 200px; left: 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 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: 20px !important; }
.manage-payment-modal .ap-gridbody { padding: 20px 20px 20px !important; border-radius: var(--global-border-radius); }
.manage-payment-modal .app-kgrid__container .k-grid-content.k-auto-scrollable { height: 200px !important; }
.manage-payment-modal .ap-gridbody.billing-grid { max-height: initial !important; }
/*.manage-payment-modal { top:10% !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: 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; }
#school-Demographic-grdGenericSuperDb .app-kgrid__container .k-master-row.k-selected,
#school-Demographic-grdGenericSuperDb .app-kgrid__container .k-alt.k-master-row.k-selected,
#divSectionView .app-kgrid__container .k-master-row.k-selected,
#staffGrid .k-master-row.k-selected, #adminUsersGrid .k-master-row.k-selected,
#studentContactsGrid .k-master-row.k-selected,
#studentTeachersGrid .k-master-row.k-selected,
#otherContactsGrid .k-master-row.k-selected,
#studentGrid .k-master-row.k-selected,
#grdCourseSection .k-master-row.k-selected,
#grdCourseDetails.app-kgrid__container .k-master-row.k-selected,
#grdStudyHallInfo .k-master-row.k-selected,
#grdImportProcessLogs .k-master-row.k-selected,
#gridReplaceTileDetails .k-master-row.k-selected { background-color: var(--global-ap-active-border) !important;}
#grdFieldSelectionPopup .k-master-row.k-selected td { background: var(--brand-active-grid-row) !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: 20px; }
.staffname__col { width: 30%; border-right: 1px solid rgba(var(--brand-table-row-background), 0.4) !important; }
.code__col { width: 20%; border-right: 1px solid rgba(var(--brand-table-row-background), 0.4) !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: 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: 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: 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 eye*/
.hide-tile-detail { display:none; }
/*snapshot eye*/

/***Snapshot -> Settings Starts***/
.manage-page__popup {
    width: 940px;
    height: 100%;
    background: var(--brand-default-light-background);
    position: absolute;
    right: 0;
    padding: 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: 20px;
}

.app-kgrid__container #grdSnapshotTiles .k-grid-header .k-header:not(:last-child):before { 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: 20px !important; }
.settings__helpinfo { background: var(--brand-light-backgroundblue); padding: 13px 20px; border: 1px solid var(--global-border-blue); }
/***Snapshot -> Settings Ends***/

/*privacy info*/
.privacy-info { height: 20px; width: 20px; position: relative; top: 2px; }
.privacy__content { position: absolute; top: 45px; left: 0; }
/*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; }
#divDemographicBirthDayView .app__datepicker .k-i-calendar { background-image: none !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: 0; }
.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-yellowshade-bg-color) !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: 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: 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: 0px !important;
    padding: 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: 20px;
    top: 8px;
    height: 24px;
    width: 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: 60px !important;
}

.multischool__search-grid .app-kgrid__container {
    border-radius: 5px;
}

    .multischool__search-grid .app-kgrid__container .k-grid-content {
        height: auto;
        border-radius: 5px;
        border: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
        border-bottom: 0 !important;
    }
.multischool__search-grid .k-grid-header {
    display:none;
}
.mult-schoolsearchbox input.allGrids__SearchBox {
    width: 350px;
}

.multischool__search-grid .app-kgrid__container .k-grid-content.k-auto-scrollable {
    height: auto;
    max-height: 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: 20px;
        top: 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: 20px;
        box-sizing: border-box;
    }
/*mult-school seacrh gris styles ends*/

/*batch entry popup design starts*/
.batchentry__circle {
    width: 32px;
    height: 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%;
    position: relative;
    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: 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:40px;
}
.calendar__display .left__border {
    height: 100%;
    width: 5px;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

#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: 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: 35px;
    line-height: normal !important;
    background-position: 91% 9px;
}
#DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input 
.sel__stud .stud__no{
    min-width:45px;
    min-height:30px;
    display: inline-block;
}

.attendance__batch .student__attendance__details .edit__labelcol {
    width: 32.5% !important;
}

.attendance__batch .student__attendance__details .seperation__line{
    height:100px;
}

.comments-container .app__dropdown .k-dropdownlist{
    height:35px !important;
}

.enter__period__attendance .comments-container .app__dropdown .k-dropdownlist,
.enter__period__attendance .comments-container .app__dropdown .k-dropdownlist .k-input-button {
    height: 40px !important;
}

.comments-container .seperation__line {
    height: 35px;
}

/*.comments-container .matching-criteria-fields .app__dropdown,
.comments-container .select__grade-levels .app__dropdown .k-dropdownlist,
.comments-container .student__status .app__dropdown .k-dropdownlist,
.comments-container .matching-criteria-fields .app__dropdown:hover,
.comments-container .student__status .app__dropdown .k-dropdownlist:hover {
    width: 300px !important;
}*/

.comments-container .matching-criteria-fields .app-input input, .comments-container .matching-criteria-fields .k-combobox.form-control {
    height: 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 {
    width: 400px !important;
}

.comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
.comments-container .matching-criteria-fields .select__criteria {
    width: 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: 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 .view__grade-levels .app__dropdown .k-dropdownlist{
    width:400px !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*/
/*school page scroll issue fix*/

/* --------------- Send Module css starts -----------------------------------*/
/*email expand command collapse animation*/

.compose-email__left-side-container .seperation__line {
    height: 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: 35px;
}

.mapOtherFieldsbtn:hover {
    border: 1px solid var(--global-form-container-border) !important;
}

.mapOtherFields-dropdown-menu, .mapOtherFieldsbtn {
    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: 12px 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-widget {
    width: 100%;
}

.GridSelection .k-alt {
    background: var(--brand-default-light-background);
}

.GridSelection tr:hover {
    background: transparent !important;
}
.GridSelection td {
    height: 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 5px 10px var(--global-user-menu-boxshadow);
    -moz-box-shadow: 0px 5px 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 .k-selected td:hover {
    background: var(--brand-default-light-background);
}

.GridSelection td:before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: 10px;
    top: 0px;
    position: relative;
    padding-left: 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: 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 0px 0px 0px;
}

.divEmail .k-input.k-fontSize.k-group-end {
    width: 56px !important;
}

#dvtxtEmailEditor .k-colorpicker .k-tool-icon {
    width: 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;
}
/*#dvtxtEmailEditor .k-button-solid-primary,
#dvtxtEmailEditor .k-button-solid-base:active,
.k-button-solid-primary,
.k-button-solid-base.k-focus,
.k-button-solid-base:focus {
    color: #000 !important;
}*/
.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 15px;
    height: 40px !important;
    width: auto;
    min-width: 85px;
}

.k-animation-container .k-tool.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base{
    width: 100%;
}
.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: 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 15px;
    height: 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: 0px!important;
   padding: 20px;
}
.k-editor-dialog ul.k-tabstrip-items {
    border-width: 0 !important;
}
.k-editor-dialog .k-tabstrip-items .k-item {
    overflow: visible !important;
    background: var(--brand-tabs-component-background) !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0px 1px -1px 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: 20px!important;
}
.k-editor-dialog .k-edit-buttons .k-dialog-ok,
.k-editor-dialog .k-edit-buttons .k-dialog-insert {
    margin-right: 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: 8px !important;
    border-top-left-radius: 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 {
    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 {
    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 {
    height: calc(100vh - (var(--header-height) + 395px)) !important;
}

.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;
}
.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: 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: 15px 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: 10px;
}

.attachment__container .close {
    opacity: 1;
}

.attachments button.close {
    line-height: 19px;
    padding: 0px;
    border: none;
    background: transparent;
}
.attachment-block {
    min-height: 40px;
    height: auto;
    max-height: 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: 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: 40px;
    display: flex;
    display: -ms-flexbox;
    padding-left: 10px;
}
/*Advanced mode */
.recipients-email__container, .compose-email__container, .add-recipient__heading {
    background: var( --brand-container-dark-background);
    padding: 15px 20px;
}

.multipleEmails #dvtxtEmailEditor {
    width: 100% !important;
}

#dvtxtEmailEditor {
    width: calc(100% - var(--email-right-container));
    /*border-left: 1px solid rgba(var( --global-border-dark-rgb), var( --opacity-four));*/
    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 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: 0 20px 0 0 !important;
}

#divEmailProspectGrid .k-grid-content table td[role="gridcell"]:last-child {
    padding-left: 30px !important;
}

#divEmailRelationGrid .k-grid-header-wrap input[type=checkbox] {
    padding-right: 10px !important;
}
/* Email contacts */
.quick-mail__container .app__tabstrip ul.k-reset.k-tabstrip-items {
    margin-left: 0 !important;
}

.quick-mail__container .app__tabstrip .k-tabstrip-items .k-link {
    padding: 8px 20px 10px 20px !important;
    width: auto;
}
.local-field-help-tooltip .tooltiptext {
    position: absolute;
    width: 440px;
    min-height: 100px;
    right: -50px;
    top: 45px;
    background: var(--brand-component-secondary-background);
    padding: 15px 25px 15px 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: 10px 10px 15px 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: 10px;
        top: 10px;
    }

#GridContactLocalFields .field-value .k-input {
    padding-right: 0 !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: 32px;
    height: 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: 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: 60px;
}
.batchentry-status-text-horizantal .graphical__container:last-child{
        margin-right: 0px;
    }

.batchentry-status-text-horizantal .lines {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 5px;
}

.batchentry-status-text-horizantal .line__after .batchentry__circle::after {
    content: " ";
    position: absolute;
    height: 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: 0px;
    transform: translate(-155%);
    border-radius: var(--global-border-radius);
    margin: 0 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: 5px 10px !important;
    border-bottom: 1px solid var(--global-standard-grey-border)!important;
    box-shadow: 0px 10px 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: 4px;
    border-bottom-right-radius: 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: #fff !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 {
    background: var(--brand-light-color-blue-bg) 0% 0% no-repeat padding-box;
    border: 2px solid var(--global-border-blue);
}
.app-send-schedule-light-blue-bg:hover {
    border: 2px solid var(--global-dark-blue-border-color);
    text-decoration: underline;
    border-left: 5px solid var(--global-border-blue);
    text-decoration-color: var(--global-border-blue);
    box-shadow: 0px 3px 6px #0000001A;
}

.app-border-left-blue-bg {
    border-left: 5px solid var(--global-border-blue);
}
.app-bl-blue-color {
    border-left: 3px solid var(--global-border-blue);
}
.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;
}
.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 45px top 1px !important;
    width: 67px !important;
    height: 100px !important;
    margin: 0px 0px 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: 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: 0 !important;
    padding: 0!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: 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: 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: 65px;
    max-height: 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), 0.4);
}
.add-recipient-bg {
    background: rgba(var(--brand-table-row-background), 0.1);
    border-bottom: 1px solid rgba(var(--brand-table-row-background), 0.4);
}
.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: 0 !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:15px;
}

.divBatchEntryLogViewPopup .status-text-area{
    min-width: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: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: 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: 0px;
    line-height: 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), 0.2) !important;
}

.course-skills .app-kgrid__container table tbody tr.k-master-row:hover {
     background-color: rgba(var( --brand-table-row-background), 0.3) !important;
}

.course-skills .app-kgrid__container table tbody tr,
.course-skills .app-kgrid__container table tbody tr:hover {
    height: 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: 80px !important;
}

.course-skills .app-kgrid__container .inner__col table tbody td:first-child {
    width: 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), 0.4) !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: 0 !important;
}

.app-down-arrow-grid.app-kgrid__container .k-grid-header th.k-header {
    padding-left: 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: 0px !important;
    padding-left: 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: 0px !important;
}

.app-down-arrow-grid.app-kgrid__container .k-detail-row td.k-detail-cell {
    padding: 0 !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), 0.1) !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: 0 !important;
    padding-right: 0 !important;
    text-align: center;
}

#grdCourseGrades table colgroup col:first-child {
    width: 390px !important;
}

#grdCourseGrades.app-kgrid__container td:first-child {
    text-align: right;
    padding-right: 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: 5px !important;
}

#divGrdCourseGrades.app-kgrid__container .k-grid-header th.k-header {
    position: relative !important;
    padding-left: 0 !important;
    text-align: center;
}

#divGrdCourseGrades.app-kgrid__container .k-grid-header .k-header:not(:last-child):before {
    top: 10px !important;
}

.app-custom-grid.app-kgrid__container td {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

#divSkillsDetails .app-custom-grid.app-kgrid__container tr.k-master-row:last-child td:nth-child(1) {
    border-bottom-left-radius: 0 !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: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: 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: 0 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: 20px;
    width: 1px;
    background: #ddd;
    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 5px var(--global-user-menu-boxshadow);
}

#divPreviousMarkingPeriodEditor {
    height: calc(100vh - 430px);
    background: var(--brand-light-gray-bg-color);
}

#divCurrentMarkingPeriodEditor .k-editable-area iframe {
    padding: 0 0 5px 15px;
    height: calc(100vh - 499px);
    border-radius: 0 0 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: 50px;
    max-width: 50px;
    max-height: 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: 4px 8px !important;
}

#divNarrativesEditControls .app-card-header:first-child {
    border-radius: 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: 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-yellowshade-bg-color) !important;
}

#divSkillsDetails .app-kgrid__container .k-grid-edit-row .k-button:first-child {
    margin-right: 20px !important;
}

#divSkillsDetails .app-kgrid__container .k-button {
    padding-right: 0 !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: 10px !important;
    padding-right: 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: 80px;
    height: 130px;
}

.narrative-details-screen .narrative__grademark {
    border-top: 1px solid var(--global-grid-border);
}

.narrative-details-screen .narratives-indicator {
    width: 60px;
}

.narrative-details-screen .narratives-details:not(:first-child) {
    margin-top: 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: 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: 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 {
    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 {
    margin-left: 0 !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: 0;
}

.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: #999;
    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*/
/* Overlapping table content, tooltip - School - batch entry End */
/*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: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: 30px;
}
.clear-icon{
    top:11px;
    right: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: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: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: 35px;
    border-radius: 5px;
    pointer-events: auto;
    border: 1px solid var(--global-dropdown-border) !important;
}
#divEnrollmentStudentContactDetailGrid .relationship-table .k-button,
#divStudentContactDetailGrid .relationship-table .k-button {
    padding-right: 0 !important;
}
#divEnrollmentStudentContactDetailGrid .relationship-column,
#divStudentContactDetailGrid .relationship-column {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#divEnrollmentStudentContactDetailGrid .relationship-column .relationship-column-span,
#divStudentContactDetailGrid .relationship-column .relationship-column-span {
    height: 35px;
    padding: 5px !important;
    border-radius: 5px;
    top: 0px;
    left: 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: 12px;
    top: 40%;
    position: absolute;
    z-index: 999999;
    background-size: 10px 10px;
    height: 10px;
    width: 10px;
}
.relationship-column .relationship-table .k-input-inner {
    padding-left: 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: 0;
    top: 0;
}
#gridAllSchoolHousehold.app-kgrid__container .k-master-row.k-grid-selected-row {
    background-color: var(--brand-yellowshade-bg-color) !important;
}
.enrollment-warning .msg-container #lblMessage1 {
    text-align: left;
    padding-left: 20%;
    font-size: var(--global-text-size-xl);
    line-height: 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: 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:10px; }
#divAddPhoto .k-imageeditor .k-imageeditor-toolbar .k-separator { margin-right: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: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 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: 32px;
    height: 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%;
    position: relative;
    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: 40px;
    border-radius: var(--global-border-radius);
    background-image: url(../Images/AdminPlus/stepbar-arrow.svg);
    background-size: contain;
    height: 50px;
    width: 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), 0.4);
    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: 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-yellowshade-bg-color) !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 {
    background-image: url(/Images/AdminPlus/checkbox-normal.svg) !important;
    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-collapse:before {
    background-image: url(/Images/AdminPlus/checkbox-active.svg) !important;
    content: " " !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 18px;
    height: 18px;
}
/*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: 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: 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: 0;
}

#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: 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: 35px !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: 0 !important;
    border: none !important;
}
#divApprovalCenterAssignHousehold .app-box-shadow.multi-student-household-box-shadow {
    box-shadow: none;
    margin-top: 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: 35px !important;
}
/* -------------------student inactivate popup UI ends------------------- */
/* -------------------inactivate tooltip code Starts------------------- */
.inactivate-tooltip .tooltip__popup__triangle:before {
    right: -42px !important;
    left: auto !important;
}
.inactivate-tooltip .tooltip__popup__triangle:after {
    right: -42px !important;
    left: auto !important;
}
.inactivate-tooltip .tooltip__content {
    right: 20px;
    top: 30px;
}
.inactivate-tooltip.entry-code .tooltip__popup__triangle:before {
    right: -112px !important;
    left: auto !important;
}

.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: 0 !important
}
#divAdmissionSettings .admissions-settings .enrollment-pb-0 {
    padding-bottom: 0 !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: 5px !important;
}

#selectFileVal {
    text-indent: 10px;
    pointer-events: none;
}

#gridFileContent .k-grid-content {
    height: calc(100vh - 670px) !important;
    overflow:auto !important;
}
#gridFileContent.app-kgrid__container .k-grid-header {
    height: 80px !important;
}
#gridFileContent.app-kgrid__container .k-grid-header th.k-header {
    color: var(--global-text-light);
    padding-left:10px !important;
}
#gridFileContent.app-kgrid__container .k-grid-content td, #gridFileContent.app-kgrid__container td {
    padding-left: 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: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: 5px;
    height: 30px;
    min-width: 83px;
    color: var(--global-text-color);
    float: left;
    margin-top: 2px;
    padding-left: 10px;
    line-height: 30px;
    margin-right: 5px;
    max-width: 125px;
    padding-right: 5px;
}
#gridFileContent .file-content-btn {
    width: 30px;
    height: 30px !important;
    background: url(../Images/AdminPlus/three-dots-blue.svg) no-repeat center var(--brand-default-light-background);
    min-width: 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: 40px;
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: 0px;
    right: 0;
    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: 0px;
    right: 0;
    content: "";
    position: absolute;
}
#gridFileContent.app-kgrid__container .k-button,
#gridPastGrades .k-button-solid-primary {
    padding-right: 15px !important;
}
#ImportFromFile_Edit .tooltip__popup__triangle:before {
    left: -63px;
    top: 11px;
}

#ImportFromFile_Edit .tooltip__popup__triangle:before {
    left: -63px;
    top: 11px;
}
#ImportFromFile_Edit .tooltip__popup__triangle:after {
    left: -63px;
    top: 12px;
}

#divEditTemplate .view__optionlist.app__dropdown.app__dropdownmenulist {
    position: absolute;
    right: 0;
    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: 350px!important;
}
.app-w-400px .app-combo-dropdown.k-dropdownlist {
    width: 400px !important;
}
#divDailyAttendanceReports .app-component-secondary-bg.dailyreport__body:has(#divReportsView) {
    background: #fff;
    padding: 0 !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: 20px;
    height: 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: 35px;
}
#kendoUploadImage .jrac_container .jrac_zoom_slider {
    position: absolute;
    top: -20px;
    background: var(--brand-main-backgroundcolor-indicator);
    border: none;
    border-radius: 20px;
}
#kendoUploadImage .jrac_container .jrac_viewport {
    border: solid 1px var(--global-light-gray-border-color);
    border-radius: 5px;
}
#photoFile {
    display:none;
}
#divPicture #file-btn {
    width: 300px;
    background: transparent;
    height: 40px;
    padding-left: 20px !important;
    text-align: left;
}
#divPicture .uploadbutton__span {
    width: 40px;
    height: 38px;
    position: absolute;
    right: 0;
    background: var(--brand-main-backgroundcolor-indicator);
    top: 0;
    border-radius: 0 5px 5px 0;
    color: #fff;
    text-align: center;
}
#gridNoPhotoDetails.app-kgrid__container .k-column-title {
    padding-right: 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: 80px;
    height: 80px;
    display:inline-block;
    border-radius:50%;
}
.warning-import-icon, .failed-import-icon { }
.start-import-details .success-msg {
    color: var(--global-import-success);
}
.start-import-details .import-loader-wrap {
    width: 400px;
    background: var(--brand-component-primary-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: 30px;
    padding: 7px 8px;
}
.start-import-details .import-loader-wrap .import-loader { 
    background: var(--brand-status-green);
    display:block;
    height:15px;
    border-radius: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: 8px;
}
#gridFileContent td img.grid-row-image {
    float:right;
    margin-right: 26px;
    margin-top:4px !important;
    margin-left:0 !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: 20px;
    border-bottom: none;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
}
.import__popup #divAdmissionSettings .importpopup__right .k-input.k-combobox {
    width: 150px !important;
}
.import__popup #divAdmissionSettings .importpopup__bottom {
    border-top: 1px solid var(--global-input-border-color);
    padding-top: 20px !important;
}
.import__mapfields {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
}
div#divDelimiter.app__dropdown.ap-disabled .k-input-value-text {
    color: var(--global-color-secondary) !important;
    opacity:0.6;
}
/* -------------------Enrollment Centre - import from file - new student - Start Import Details Ends------------------- */
/* -------------------Select fields - modal Starts------------------- */
#grdFieldSelectionPopup .k-toolbar.k-grid-toolbar { padding:0; }
#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: 8px 0 10px 20px !important;
    border-radius: 3px 3px 0 0;
    margin-top:0;
    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: 0;
    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: 0px !important;
    width: 20px;
}
#gridPastGrades.app-kgrid__container .k-grid-content .k-icon.k-i-edit{
    width: 16px;
}
#gridPastGrades.app-kgrid__container .k-grid-content .k-icon.k-i-edit:before {
    height: 20px;
    width: 16px;
    background-size: 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: 0px;
    margin-left: 0px;
}
.allGridsDropdownList.app__dropdownmenulist .pastGrade-dropdown-menu {
    margin-top: 5px !important;
}
#gridPastGrades.app-kgrid__container .k-grid-content .k-grid-edit-row td:has(input) {
    padding-right: 10px !important;
    padding-left: 10px !important;
}
#gridPastGrades.app-kgrid__container .k-grid-content tr .pastGrade-more-icon {
    padding-left: 35px !important;
}
#gridPastGrades .viewContactName {
    height: 51px;
}
#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: 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: 20px !important;
}

.school-schedule-all-course .all-course-right {
    height:375px;
    width:300px;
}

.addcourse__details .courseLink-prerequist-wrap, .addcourse__details .credits-weight-gpa-wrap, .addcourse__details .level-dept-wrap {
    padding-right: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: 230px !important;*/
    height: calc(100vh - 650px) !important;
}
#divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #gridSections .k-grid-content.k-auto-scrollable {
    /*    height: 190px !important;*/
    height: calc(100vh - 685px) !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: 24px !important;
}
#divActiveContainer.box-inactive {
    margin-top: -1px !important;
}
#divActiveContainer .checkbox-label input {
    left:auto;
}
.box-active .checkbox-label {
    margin-top: 0;
}
.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: 12px 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: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; }
/*#divSectionRosters .schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap { left: -120px; }
#divSectionRosters .schedule-tooltip .individual-onclick-tooltip + .tooltip-grid-wrap .tooltip__popup__triangle { right: 20px; left:auto !important; }
#divSectionRosters .tooltip__popup__triangle:before, #divSectionRosters .tooltip__popup__triangle:after { left: 150px; }*/

.course-section-tooltip.schedule-tooltip .tooltip-grid-wrap {
    left: auto;
    right: 0;
    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: 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: 35px !important;
    min-width: 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: 4px; }
.school-schedule-email .attachment-block { min-height:35px; }
.file-attachment-modal .k-dropzone { min-height:300px; background:var(--brand-component-secondary-background); border:2px dashed var(--global-search-placeholder-color); border-radius:5px; display:flex; justify-content:center; align-items:center; flex-direction:column; }
.file-attachment-modal .k-dropzone .k-button { margin-right:0; margin-top:42px; }
.file-attachment-modal .k-dropzone .k-dropzone-hint, .file-attachment-modal .k-dropzone .k-upload-status { margin-left:0; 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:15px; border:none; }
.file-attachment-modal .k-upload-files .k-file { margin-top:10px; background: var(--brand-light-blue); border:1px solid var(--global-blue-border); padding:12px 15px 12px 20px ; border-radius:5px !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: 16px !important; background-position: right 46px top 0px !important; height: 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: 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: 20px !important;
    margin-bottom: 20px;
}
#txtToRecipients, #txtCcRecipients {
    background-color: white !important;
}
.no-hover:hover {
    background-color: #007ea2;
}
.school-schedule-email #dvEmailEditor #dvtxtEmailEditor.expanded .k-editable-area iframe {
    height: calc(100vh - 380px) !important;
}

.previewTo {
    max-height: 60px;
    overflow-y: scroll;
    background: var(--brand-component-primary-background) !important;
}

.previewCc {
    max-height: 60px;
    overflow-y: scroll;
    background: var(--brand-component-primary-background) !important;
}
#divRecipientsSelection .app-radio {
    min-width: 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: 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: 30px;
    width: 20px;
}
.app-button__dropdown .dropdown-toggle::after {
    content: none;
}
.app-button__dropdown .dropdown-toggle .k-icon {
    width: 24px;
    height: 24px;
}
.app-button__dropdown .dropdown-menu {
    position: absolute;
    inset: auto !important;
    margin: 0px;
    transform: translate(0px, 0px) !important;
    right: 0 !important;
    width:200px;
}

.app-button__dropdown .dropdown-menu li{
        padding: 0px 10px 0px 20px;
}
.app-button__dropdown .dropdown-menu li a.dropdown-item {
    padding: 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: 25px !important;
}
.app-dropdown-search .app__dropdown .k-input-inner {
    padding: 6px 12px !important;
}
.app-dropdown-search .app__dropdown.search__col:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/search-black.svg);
    background-position: left 12px top 12px !Important;
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
}
.app-dropdown-search .app__dropdown .k-input {
    position: static;
    height: 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: 10px;
}
.app__dropdown.app-w-400px {
    width: 400px !important;
}
/* -------------------drodown search ends------------------- */
/* -------------------Add course/section popup UI Starts------------------- */
.course-section-content {
    min-height: 535px;
}
.comments-container #divScheduleGridSection .seperation__line { height: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) {
    width: 257px;
}
.course-label-wrap-line-4 > div:first-child {
    width:418px;
}
.course-label-wrap-line-2 .width-257px { 
    width:257px;
}
#divAddDropCourseSection .app-radio input {
    width: 20px;
    height: 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: 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: 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: 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: 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: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: 5px;
}

#gridNoPhotoDetails .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 330px) !important;
}
/* -------------------School -> Calendar -> Print PDF Fixes Ends------------------- */

/* -------------------Daily Attendance - Calendar - Settings modal Starts------------------- */
/*#gridCalenderSettings.app-kgrid__container .k-grid-header .k-header:not(:last-child):before {
    background: none !important;
}*/
#divAttendanceCalendarSettings .app-kgrid__container td, #divAttendanceCalendarSettings .app-kgrid__container .k-grid-header th.k-header {
    padding-right: 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: 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: 20px !important;
}
#divAttendanceCalendarView.ap-gridbody {
    padding-top:0!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: 100px;
    height: 35px;
    padding: 5px !important;
    border-radius: 5px;
    border: none !important;
    top: 0px;
    left: 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: 10px 10px 0;
    padding-top: 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: 20px;
    border-radius: 5px;
    margin: 0;
}
#divAttendanceCalendarView #grdCalendarView .k-pager-wrap.k-grid-pager {
    display:none!important;
}
#grdCalendarView.app-kgrid__container .k-column-title {
    padding-right: 10px !important;
}
/* -------------------Daily attendance - calendar - grid styles Ends------------------- */
/* -------------------Single student email icon Starts------------------- */
#btnOneStudentEmail:hover .students-icons-hover, #btnOneStaffEmail:hover .students-icons-hover {
    display: block !important;
    height: 20px !important;
    width: auto !important;
}
#btnOneStudentEmail:hover .student__bottom-image, #btnOneStaffEmail:hover .student__bottom-image {
    display: none;
}
#btnOneStudentEmail.disableNote .student__bottom-image, #btnOneStaffEmail.disableNote .student__bottom-image {
    display: block;
    height: 20px !important;
    width: auto !important;
}
#btnOneStudentEmail.disableNote:hover .student__bottom-image, #btnOneStaffEmail.disableNote:hover .student__bottom-image {
    display: block;
    height: 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);
}

#divDailyAttendanceGrid.app-kgrid__container .k-master-row.k-selected {
    background-color: var(--brand-yellowshade-bg-color) !important;
}
.addcourse__details .courselink-tab-button-position, .addcourse__details .prerequisites-tab-button-position {
    margin-top: 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: 30px !important;
}

#grdCalendarView table th.membership-column {
    text-align: center !important;
}

#grdCalendarView.print-calandergrid table td {
    padding-left: 0 !important;
}
/* -------------------Calendar print screen UI ends------------------- */
/* -------------------Document Viewer excel UI design Starts------------------- */
.__gdv_ws_container.excel-page {
    top: 20px !important;
    left: 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: 40px; }
.ext-course-col:nth-child(even) { padding-left: 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: 80px;
    width: 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: 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: 20px;
}
/* -------------------Equal width for check box - Student/Grades/Report settings ends------------------- */
/* -------------------scheduling year indiactor Starts------------------- */
.scheduleyear-indicator {
    width: 210px;
    height: 35px;
    background: var(--brand-default-light-background);
    border-radius: var(--global-border-radius);
    padding: 5px 20px;
    color: var(--global-dark-orange-color);
    position: relative;
}

.scheduleyear-indicator:before, .scheduleyear-indicator:after {
    top: 0;
    height: 100%;
    width: 5px;
    background: var(--global-dark-orange-color);
    content: "";
    position: absolute;
}

.scheduleyear-indicator:before{
    left: 0px;
    border-radius: var(--global-large-border-radius) 0 0 var(--global-large-border-radius);
}

.scheduleyear-indicator:after{
    right: 0px;
    border-radius: 0 var(--global-large-border-radius) var(--global-large-border-radius) 0;
}
/* -------------------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: 35px;
    padding: 0;
}

#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: 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: 0;
}

#divDashboardLibraryView .grid__searchbox .allGrids__SearchBox {
    width: 290px;
}

#divDashboardLibraryView #gridBirthdayDetails .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: 0px;
    height: 12px !important;
    opacity: 0.5;
}

#grdDashbordTilesList.k-grid .k-command-cell > .k-button + .k-button {
    margin-inline-start: 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: 0 !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: 0 !important;
}
.demographics-import-edit .appinfo__container { padding:10px 15px !important; }
.demographics-delimiter-row { border-top:none !important; padding-top:0 !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 - 400px);
}
/* -------------------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: 0;
}

#importFileSelection #gridFileContent.app-kgrid__container .k-grid-header {
    padding-right: 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: 0;
}

#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: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: 40px !important;
}

#gridWidgetLibraryDetails table tbody tr td:nth-child(6), #gridWidgetLibraryDetails table tbody tr td:nth-child(5) {
    padding-left: 35px !important;
}
/* -------------------Add tile Ui ends------------------- */
/* -------------------Tile color popup screen Ui Starts------------------- */
.ellipse-opac {
    background: rgb(0, 0, 0, 0.25);
    padding: 6px 20px;
    border-radius: var(--global-extra-large-border-radius);
    max-width: 85%;
    width: fit-content;
    line-height: 18px;
    bottom: 15px;
    max-height: 62px;
}
.ellipse-bordered {
    padding: 3px 20px; 
    border-radius: var(--global-extra-large-border-radius);
    max-width: 75%;
    width: fit-content;
    line-height: 18px;
    bottom: 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: 20px;
    width: 20px;
    border-radius: 100%;
    position: absolute;
    right: 20px;
}
.color__selectionbox .default-color-box {
    gap: 25px;
}
.color__selectionbox .circle__color {
    height: 28px;
    width: 28px;
    border-radius: 100%;
    box-shadow: inset 0px 2px 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: 20px !important;
    right: 25px;
    border: 1px solid var(--global-border-blue);
}

.blue-tooltip__content .tooltip__popup__triangle:after, .blue-tooltip__content .tooltip__popup__triangle:before {
    left: 8px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.blue-tooltip__content .tooltip__popup__triangle:after, .blue-tooltip__content .tooltip__popup__triangle:before {
    border-left: 8px solid var(--global-border-blue);
    margin-top: 13px;
}

.blue-tooltip__content .tooltip__popup__triangle:before {
    border-left: 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-canvas .k-hsv-gradient {
    height: 400px;
}

#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: 0;
    left: 0;
}
#color-picker .k-colorgradient-slider.k-slider-vertical { height: 400px; }
#color-picker .k-colorgradient-canvas { gap: 27px; }
.app-kpopup__container #divAddWidget.k-window-content { padding: 0 !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: 25px;
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: 8px;
    right: 0;
    content: "";
    position: absolute;
}

#divManageDashboard .app__tabstrip .k-tabstrip .k-content.k-active { padding: 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: 5px;}
.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: 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: 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: 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: 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: 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), 0.4) !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: 20px !important;
    padding-right: 20px !important;
}

.chart_detailedview-title {
    height: 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: 0 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: 5px;
    flex-grow: 1;
}

.app__autoToggleswitches::-webkit-scrollbar, .autoToggle__switch.active + .autoToggle__switch:after, .autoToggle__switch.active:after { display: none; }

.autoToggle__switch {
    height: 30px;
    font-size: var(--global-text-size-lg);
    text-align: center;
    line-height: 1;
    transition: 0.3s ease all;
    border-radius: 15px;
    background: none;
    border: none;
    padding: 0 10px;
    position: relative;
}

.autoToggle__switch:last-child { margin-right: 0 !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: 20px;
    top: 5px;
    cursor: default;
}

.autoToggle__wrapper .autoTogglearrow-btn {
    background-color: var(--brand-dark-backgroundcolor-indicator);
    border: none;
    padding: 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 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: -14px;
    margin-top: -2px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--tooltip-bg-color);
    content: "";
    left: calc(50% - 4px);
    transform: translateX(-50%);
    rotate: 270deg;
}

.auto-toggleTooltip:after, .auto-static-tooltip:after {
    position: absolute;
    z-index: 999;
    top: -17px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--global-user-menu-border);
    content: "";
    left: calc(50% - 4px);
    transform: translateX(-50%);
    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: 0;
}
#studentNewIncident .penalty-card .penalty-summary-details {
    border: 1px solid var(--global-verylight-blue-border-color);
    max-height: 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: 5px;
}

.student__staff__selection.edit-incident { z-index:9; }
.student__staff__selection.edit-incident.app-pb-15.app-p-20 { padding-bottom: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: 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: 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:0; }
#divUserDefinedCategories .k-tabstrip .k-tabstrip-items-wrapper { flex-direction:column; box-shadow: 0px 2px 4px var(--global-kendo-table-boxshadow); -moz-box-shadow: 0px 2px 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: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:15px; content:""; background: var(--global-border-blue); }
#divUserDefinedCategories .k-tabstrip .k-tabstrip-content { border:none; background: var(--brand-component-primary-background) !important; padding:0; }
#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: 8px 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: 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: 50px; position:absolute; }
#userDefinedCategoriesContent .app-tabstrip-nav .k-tabstrip-items .k-item { padding: 10px 10px 10px 20px; box-shadow: none; }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table tbody tr td div { min-height: 23px; max-width: 250px; overflow: hidden; text-overflow: ellipsis; }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table thead tr th { padding: 10px; }
#userDefinedCategoriesContent .stud-view-dummy-table.period-table tbody tr td { padding:8px 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: 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: 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: 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: 20px !important; }
#studentNewIncident .custom-grid-table table tbody tr td.k-command-cell { border-right: 1px solid rgba(var( --brand-table-row-background), 0.4) !important; }
#studentNewIncident .custom-grid-table.app-kgrid__container .k-grid-header .k-header:not(:last-child):before { top: 8px; }
#userDefinedCategoriesContent, .incidents__container { height: calc(100vh - 397px) !important; overflow-y: auto; padding-bottom: 20px; }
#gridOneStudentIncident .contact-popup__triangle.app-ml-9:after { margin-left: -5px; }
#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: 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: 0 !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: 30px;
    border-bottom: 1px solid var(--global-standard-grey-border);
}

.view-section-popup .app-kgrid__white-container tbody tr td {
    padding: 8px 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: 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: 0;
    left: 0;
    background-color: rgba(var(--brand-popup-background), 0.4);
    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;
    z-index: 999;
    animation: slideBounceIn 1s forwards, alertBackgroundColor 0.4s forwards;
    width: 600px;
    z-index: 9999;
}
.alert-icon-wrapper {
    position: relative;
    width: 60px;
    height: 60px;
    background-color: var(--brand-default-light-background);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 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: "";
    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: 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: 50px;
    position: absolute;
}

#divCustomContent .app-tabstrip-nav .k-tabstrip-items .k-item {
    padding: 10px 10px 10px 20px;
    box-shadow: none;
}

#divCustomContent .stud-view-dummy-table.period-table tbody tr td div {
    min-height: 23px;
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#divCustomContent .stud-view-dummy-table.period-table thead tr th {
    padding: 10px;
}

#divCustomContent .stud-view-dummy-table.period-table tbody tr td {
    padding: 8px 10px;
}

    #divCustomContent .stud-view-dummy-table.period-table thead tr th:first-child,
    #divCustomContent .stud-view-dummy-table.period-table tbody tr td:first-child {
        padding-left: 20px !important;
    }

#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: 20px;
}

    #divCustomContent, #divCustomContent .section__addedit-container {
        height: auto !important;
        padding-bottom: 0 !important;
    }

#tabExtendedSectionTable.k-tabstrip .k-tabstrip-content {
    border: none;
    background: var(--brand-component-primary-background) !important;
    padding: 0;
    height: calc(100vh - 299px) !important;
    padding-top: 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: 0 !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;
}
#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: 10px !important;
}

#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: 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: 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: 15px;
}
#divCustomContent .app-tabstrip-nav .k-tabstrip-items-wrapper {
    border-radius:0 !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;
}
#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) {
    padding-left:10px!important;
}
#divViewSection .k-grid-norecords, #divAddEditSectionDetails .k-grid-norecords {
    margin-top: 10px;
}
#divViewSection .k-grid-norecords .k-grid-norecords-template, #divAddEditSectionDetails .k-grid-norecords .k-grid-norecords-template{
    height: auto;
    line-height: normal;
    padding-bottom: 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: 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: 20px;
}
.schedule-settings-popup.k-window {
    height: 100vh !important;
    top: 0 !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: 10px !important;
    padding-right: 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: 15px;
}

#grdMultiplePortfolio .allGridsDropdownList.app__dropdownmenulist .ContactsDropdownMenu {
    left: 0px;
}

#grdMultiplePortfolio .grid-more-padding-left {
    padding-left: 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: 10px !important;
}
/* 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: 0px;
    height: 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: 24px;
}
.custom-filter-btn-parent .k-input-suffix::after {
    content: "";
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    background-color: var(--brand-main-backgroundcolor-indicator);
    background-image: url(../Images/AdminPlus/search-white.svg);
    background-size: 15px 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: 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: 0;
    width: 100%;
    height: 1px;
    background-color: var(--global-standard-grey-border);
    bottom: 75px;
    
}
.custom-filter-btn-parent ul.k-multicheck-wrap {
    padding: 0px !important;
}
.custom-filter-btn-parent .k-filter-selected-items {
    margin: 0;
    margin-top: 15px;
    font-weight: normal;
}
.custom-filter-btn-parent .k-action-buttons {
    margin: 0;
    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: 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 {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
    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 {
    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;
}

/*#gridReplaceTileDetails .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 400px) !important;
}*/

#divReplaceTile .allGrids__SearchBox {
    width: 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: 0 0 5px 5px;
}
#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: #7e7272 !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: 300px !important;
}
.daily-attendance-quick-entry .btnGo-right {
    right: -55px;
}
.daily-attendance-quick-entry .app-search .app__dropdown input {
    margin-left: 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: 0px;
}
/*#DailyAttendanceQuickEntry #warningfade, #DailyAttendanceQuickEntry #failmessagefade {
    position: fixed;
    top: 0 !important;
}*/
/* Daily Attendance - Quick Entry Ends */
/*Email Signature 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 {
    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 10px !important;
}
/*#periodSummary {
    max-height: 200px;
    overflow-y: auto;
}*/
#PeriodAttendanceBatchEntry .tableFixHead th:nth-child(2) {
    width: 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: #575C60 !important;
}
#PeriodAttendanceBatchEntry .rotation__hover {
    top: 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 {
    min-height: calc(100vh - 490px);
    max-height: calc(100vh - 490px);
    overflow: auto;
}

#divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    min-height: calc(100vh - 490px);
    max-height: calc(100vh - 490px);
}

#PeriodAttendanceBatchEntry .period-select-students{
    margin-top: 15px !important;
}

#divDemographicsBatchEntry .app-radio label, #DailyAttendanceBatchEntry .app-radio label, #PeriodAttendanceBatchEntry .app-radio label {
    margin-right: 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 {
    left: 150px;
}
.timepicker__tooltip .tooltip__popup__triangle:after {
    left: 150px;
}
#divToolTipContentTime1,#divToolTipContentTime2 {
    display: block;
    position: absolute;
    z-index: 999999999;
    left: -140px;
    top: auto !important;
    height: 0px !important;
}
.custome-timepicker__input {
    padding: 4px 8px;
    width: 108px;
}
.custome-timepicker__button {
    border-width: 0;
    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: 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: 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 {
    padding-left: 0 !important;
}
#gridToddleContactInfo.app-kgrid__container .k-grid-header th.k-header, #gridToddleContactInfo.app-kgrid__container .k-grid-content td {
    padding-left: 10px !important;
}
#gridToddleStudentInfo.app-kgrid__container .k-grid-header th.k-header, #gridToddleStudentInfo.app-kgrid__container .k-grid-content td {
    padding-left: 15px !important;
}
#gridToddleContactInfo.app-kgrid__container .k-detail-row td.k-detail-cell{
    padding-left:0!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 {
    padding-left: 0 !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;
}
/*#gridToddleContactInfo.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(2):before {
    content: none;
}*/
/*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: 30px;
}
#divSchoolDemographics .receive-olf .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 .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-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 {
/*    height: calc(var(--app-height) - (var(--header-height) + 140px));*/
    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: 250px !important;
}
#gridAllSchoolHousehold .k-grid-content td.k-hierarchy-cell {
    border-right: 1px solid rgba(var( --brand-table-row-background), 0.4) !important;
}
#gridAllSchoolHousehold .k-hierarchy-col {
    width: 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 {
    padding-left: 10px !important;
}
#gridSchoolDemographicsHouseholdList.app-kgrid__container .k-master-row .k-hierarchy-cell {
    text-align: center;
}
#gridSchoolDemographicsHouseholdList .k-hierarchy-col {
    width: 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: 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: 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 td {
    padding-left:10px!important;
}
#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: 30px;
    padding: 0 20px 0 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: #CDD5DE !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:0;
}
#divMasterContactToggles.app__toggle .app__togglebutton .toggle__knobs:before {
    width:130px;
}
#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: 4px;
    opacity: 1;

}
#grdMasterContacts .k-grid-content {
    height: calc(100vh - 442px) !important;
}
    /*School-Demographics-Master Contacts ends here*/
#grdMasterContacts .k-grid-content { 
    height: calc(100vh - 442px) !important;
}

#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:0 !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: 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: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: 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: 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: 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: 0px;
}
#divBatchScheduleButtons.app-button__dropdown .dropdown-menu { right: -2px !important; }
#divbatchAddSchedule .ap-gridbody.app-pt-0 { padding-top:0 !important; }
#divbatchAddSchedule .step2-select-stud {
    margin: 0 !important;
    padding: 0 !important;
}
#divbatchAddSchedule .fn-confirm-schedule-batch {
    background: var(--brand-default-light-background);
    margin-top: 0 !important;
}
#divbatchAddSchedule .batch-add-schoedule-content { min-height: calc(100vh - 300px); }
#divAddDropCourseSectionBatch #divAddDropCourseSectionBatch .comments-container:has(.batch-course-section-wrap) {
    padding: 0 !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: 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;*/
/*    width: calc(100% - 300px);*/
    overflow-x: hidden;
    height: calc(var(--app-height) - var(--header-height) - 56px);
}
#ulReportType li:last-child{
    margin-right:0!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 {
    border: 2px solid var(--global-border-blue) !important;
    border-left: 5px solid var(--global-border-blue) !important;
}
.grades-left-col {
    width: 260px;
}

.grades-right-col {
    width: calc(100% - 280px);
}

.grades-btn-rotate {
    rotate: 180deg;
}

.arrow-btn-size {
    height: 16px;
    width: 18px;
}

.grades-templates-box-selected {
    background: var(--brand-dim-blue-bg);
    border-left: 5px solid var(--global-form-container-border) !important;
    border: 1px solid var(--global-form-container-border);
    padding-right: 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) !important;
    height: calc(100vh - 365px) !important;
}

#divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 417px) !important;
}

.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 table td {
    padding-left: 10px !important;
}
#gridJobsList.app-kgrid__container .k-grid-header th.k-header{
    padding-right:10px !important;
}
#gridJobsList.app-kgrid__container .k-grid-content table td:nth-child(8) {
    padding-left: 40px !important;
}

#gridJobsList.app-kgrid__container .k-grid-content table td:nth-child(9) {
    padding-left: 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: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: "";
    left: 28px;
    rotate: 270deg;
}

.blue-tooltip__popup__triangle:before {
    z-index: 9999;
    margin-top: -2px;
    border-left: 8px solid var(--global-bluish-border);
}

.blue-tooltip__popup__triangle:after {
    z-index: 999;
    margin-top: -3px;
    border-left: 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 .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 {
    background-color: var(--brand-default-light-background) !important;
    height: auto !important;
    border-bottom: 0 !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: 0 !important;
    border-top-right-radius: 0 !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;
}

.template-container:not(.template-selected)::before {
    content: "";
    position: absolute;
    inset: -15px;
    border-radius: 5px;
    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: 5px;
    background: repeating-linear-gradient(to right, var(--global-orange-border) 0 10px, transparent 5px 16px), repeating-linear-gradient(to bottom, var(--global-orange-border) 0 10px, transparent 1px 18px), repeating-linear-gradient(to left, var(--global-orange-border) 0 10px, transparent 5px 17px), repeating-linear-gradient(to top, var(--global-orange-border) 0 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: 8px;
    height: 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: 10px 0 10px 30px;
    border-radius: 5px 5px 5px 0;
    width: calc(100% + 30px);
    z-index: 2;
    margin-left: -30px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.report-banner::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border-left: 10px solid #7D4E9E;
    border-top: 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: 0 !important;
}
.app-kpopup__container:has(#divReportViewer) {
    height: 100% !important;
    border-radius: 0 !important;
}
#divReportViewer{
    padding:0;
}


.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), 0.3);
}

.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: 0;
    top: 0;
    height: 100%;
    content: "";
    position: absolute;
    width: 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: 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 {
    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: 80px !important;
}
#gridAttendanceCodesList.app-kgrid__container .k-column-title {
    padding-right: 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) {
    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 {
    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 {
    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 {
    padding-left: 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: 10px !important;
}
#gridAttendanceCodesList .k-grid-header tr th{
    padding-right: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: 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: 40px;
}
#divSetupCenter .app__tabstrip .k-tabstrip .k-content.k-active{
    padding-top:10px;
}

#gridAttendanceCodesList .k-grid-content td:nth-child(3) {
    text-align: center;
    padding-right: 15px !important;
}

#gridAttendanceSummaryCodesList .k-grid-content td:nth-child(4){
    text-align: center;
    padding-left:40px !important;
}

#gridAttendanceCodesList .k-grid-content td.grid-text-align {
    text-align: right;
    padding-right: 10px !important;
}

#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-last-child(5) {
    padding-left: 0 !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: 0 !important;
    text-align: center;
}

#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;
}

#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:nth-child(6),
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:nth-child(6) {
    border-right: none !important;
}

#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;
}
#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) {
    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;
}
/*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;
}
#divAttEditAttendanceCode .app__dropdown .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 {
    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: 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: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 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), 0.4);
}

.attendance-calendars:not(:first-child) {
    margin-top: 20px;
}

.alternate-calendars-grid .allGridsDropdownList.view__optionlist.app__dropdown.app__dropdownmenulist .dropdown-menu{
    width: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 {
    display: none;
}

.alternate-calendars-grid #gridAlternateCalendarList .k-grid-content {
    max-height: calc(100vh - 350px) !important;
    height: auto !important;
    min-height: calc(100vh - 350px) !important;
}

.alternate-calendars-grid .k-grid-header {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}

.alternate-calendars-grid .k-grid-header thead th:first-child{
    border-top-left-radius: var(--global-border-radius);
}

.alternate-calendars-grid .k-grid-header thead th:last-child{
    border-top-right-radius: var(--global-border-radius);
}

#gridAlternateCalendarList .k-grid-content td:nth-child(4) {
    text-align: center;
    padding-left: 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); }
/*Setup -> Alternate Calendar ends*/
/*Enter new alternative calendar name & Set Rule Popup Starts*/
#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: 0 !important;
    padding-bottom: 0 !important;
}

#gridDailyPatternList.app-kgrid__container .membershipeditable,
#gridAlternatingDaysPatternList.app-kgrid__container .membershipeditable {
    height: 30px;
    border-radius: var(--global-border-radius);
    align-items: center;
    padding-left: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: 30px !important;
}

#gridDailyPatternList .k-grid-content.k-auto-scrollable,
#gridAlternatingDaysPatternList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 397px) !important;
}
#gridDailyPatternList .k-grid-content .k-dirty-cell .k-dirty, #gridAlternatingDaysPatternList .k-grid-content .k-dirty-cell .k-dirty {
    display: none;
} 


#divSetRule {
    max-height: calc(100vh - 198px);
}
#grdAlternateCalendarDayView.app-kgrid__container .k-grid-header {
    height: 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;
}
.viewEditAttendanceCalendar-popup .k-grid-header thead th:first-child {
    border-top-left-radius: var(--global-border-radius);
}
.viewEditAttendanceCalendar-popup .k-grid-header thead th:last-child {
    border-top-right-radius: var(--global-border-radius);
}
.viewEditAttendanceCalendar-popup .k-grid-header {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}
.viewEditAttendanceCalendar-popup {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}
/*Enter 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;
}
.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%;
}

.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;
}

.assign-calendar-grade-level-table thead tr,
.assign-calendar-grade-level-table tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.assign-calendar-grade-level-table th, .assign-calendar-grade-level-table td {
    padding: 0px 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), 0.3) !important;
}

.assign-calendar-grade-level-table th:first-child::before {
    height: 25px;
    width: 1px;
    background: rgba(var(--brand-default-light-background-rgb), .6) !important;
    top: 8px;
    right: 0;
    content: "";
    position: absolute;
}
.assign-calendar-grade-level-table .app__dropdown .k-dropdownlist {
    height: 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 */
/*Enter new alternative calendar name & Set Rule Popup Ends*/
#divSetupCenter .app__tabstrip .k-tabstrip .k-content.k-active{
    padding-top:10px;
}
/*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: 20px !important;
}

#gridncidentCodesList.app-kgrid__container td:nth-child(3) {
    padding-left: 15px !important
}

    #gridncidentCodesList .k-grid-header tr:nth-child(2) th:last-child {
        border-right: none !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: 10px 16px !important;
    border: none !important;
}
/*Setup center - Incident Codes - all tabs  ends*/
/*Enter new alternative calendar name & Set Rule Popup Ends*/
    /*Setup center - Add Attendance Code Modal Ends here*/
/*Setup Center -> Custom Incident Category Tables starts*/
#divSetupCenter .custom-incidents-grid #gridCustomIncidentFieldList .k-grid-content {
    max-height: calc(100vh - 400px) !important;
    height: auto !important;
}

.custom-incidents-grid #gridCustomIncidentFieldList .k-grid-header th:nth-child(2) {
    padding-left: 30px !important;
}

.custom-incidents-category-table .calendar__display .left__border {
    width: 3px;
}

.custom-incidents-category-table-box-width{
    min-width:88.5%;
}

.custom-incidents-category-table .custom-incidents-page-height {
    max-height: calc(100vh - 204px);
}

.custom-incidents-category-table .notes-div-height {
    min-height: 48px;
}

#gridCustomIncidentValidatedList .k-grid-toolbar {
    padding: 5px 20px;
}

#gridCustomIncidentValidatedList .inputSearch{
    left:35px;
}

#gridCustomIncidentValidatedList.app-table tr:first-child td {
    border-top: 1px solid rgba(var(--brand-table-row-background), 0.4) !important;
}

.validation-list-box {
    min-height: calc(100vh - 304px);
}

#gridCustomIncidentFieldList .grid-text-align-right{
    text-align:right;
    padding-right:10px !important; 
}

#gridCustomIncidentFieldList table thead th:nth-child(3), #gridCustomIncidentFieldList table tbody td:nth-child(3),
#gridCustomIncidentFieldList table thead th:nth-child(4), #gridCustomIncidentFieldList table tbody td:nth-child(4),
#gridCustomIncidentFieldList table thead th:nth-child(5), #gridCustomIncidentFieldList table tbody td:nth-child(5),
#gridCustomIncidentFieldList table thead th:nth-child(6), #gridCustomIncidentFieldList table tbody td:nth-child(6),
#gridCustomIncidentFieldList table thead th:nth-child(7), #gridCustomIncidentFieldList table tbody td:nth-child(7),
#gridCustomIncidentFieldList table thead th:nth-child(8), #gridCustomIncidentFieldList table tbody td:nth-child(8),
#gridCustomIncidentFieldList table thead th:nth-child(9), #gridCustomIncidentFieldList table tbody td:nth-child(9) {
    padding-left:10px !important;
    padding-right:10px !important;
}

.custom-incidents-category-table .notes-data-value-width {
    min-width: calc(100% - 84px);
}

#gridCustomIncidentValidatedList .k-grid-content.k-auto-scrollable {
    height: auto !important;
    max-height: calc(100vh - 488px) !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), 0.4) !important;
    border-top: none !important;
    border-bottom: none !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: 50px;
    white-space: nowrap;
}
#divStudNotVerified .tooltip__popup__triangle, #divStaffNotVerified .tooltip__popup__triangle {
    left: 70px;
}
#divStudNotVerifiedOptions, #divStaffNotVerifiedOptions {
    z-index: 9;
    top: 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 Starts */
/*Enter new alternative calendar name & Set Rule Popup Ends*/
    /*Setup center - Add Attendance Code Modal Ends here*/
/*No of attendance period screen starts here*/
.attendance-period-screen-height, .schedule-rotaion-screen-height {
    height: calc(100vh - 200px);
}
.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*/
/*Enter new alternative calendar name & Set Rule Popup Ends*/
    /*Setup center - Add Attendance Code Modal Ends here*/

#grdSuperDBAvailableFields.k-grid {
    display: flex;
    flex-direction: column;
}

#grdSuperDBAvailableFields .k-grid-header {
    order: 1;
}

#grdSuperDBAvailableFields .k-grid-toolbar {
    order: 2;
}

#grdSuperDBAvailableFields .k-grid-content {
    order: 3;
}

/**************************************Font-Resize *******************************************************/
@media (min-width:1281px) {
    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) {
    /*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:100px !important;
    }
    .tab-mr-ml {
        margin: 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 {
        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: 0 !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-entery__popup#option4Div{
        padding-bottom:10px !important;
    }*/

    .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: 0 !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: 0 !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,
    .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: 0 !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 {
        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;
    }
/*
    .tab-popup-height.k-window {
        max-height: calc(100vh - 30px) !important;
    }

    .manage-payment-modal.tab-popup-height.k-window {
        top: 10px !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 {
        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;
    }

    .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;
    }
    /*All Screens 125% to 150% Fixes Ends*/
    #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td {
        padding: 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;
    }
}

@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) {
    /*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 .daily-select-students.comments-container .batch-entery__popup#option3Div {
        min-height: auto !important;
        max-height: max-content !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 {
        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;
    }
    #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);
    }

    #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 {
        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);
    }
/*
    .tab-popup-height.k-window {
        max-height: calc(100vh - 30px) !important;
    }*/

    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 209px);
    }

    #gridDailyAttendanceBatchEntryLogs .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 300px) !important;
    }
    /*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*/
}

@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;
    }

    .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: 0px !important;
    }

    .include-feild .relationship {
        width: 100% !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;
    }

    #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) {
    #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: 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: 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: 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: 0;
    }

    #divIncidents .incidents__column .summery__section .summary__container .app-card {
        margin-top: 0;
    }

    #divIncidents .incidents__column {
        overflow-y: hidden;
        overflow-x: auto;
    }

    #divIncidents .ap-border-radius-bottom-left-right {
        height: auto !important;
    }
    /* Enrollment - add Students Start */
    .app-res-w-100, .include-feild .relationship {
        width: 100% !important;
    }
    /* Enrollment - add Students Start */

}

@media (max-width:1279.98px) {
    .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: 0px;
        padding-left: 10px !important;
        padding-right: 0 !important;
    }

    .demograhics__container {
        margin-top: 5px;
    }

    .dailyAttendance__container {
        width: 50%;
        padding-right: 0 !important;
    }

    .schedule__container, #divSingleStaffSnapshot .dailyAttendance__container {
        width: 50%;
        padding-left: 10px !important;
    }

    #divSingleStaffSnapshot .schedule__container {
        padding-left: 0 !important;
        padding-right: 0;
    }

    .penalty-summary__container {
        padding-left: 0 !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: 0;
    }

    #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: 0;
        padding-bottom: 0;
    }

    #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;
    }
}

@media (max-width:1600px) {
    #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: 0 !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: 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: 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: 0 !important;
    }
    /*ap.com */
    #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;
    }

    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout .k-picker {
        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: 0;
    }

    #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) {
    .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;
    }
    /*******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:0 !important;
        padding-left:5px !important;
        padding-right:5px !important;
    }
    /*******Payment screen ends*********/
    .app-tab-pl-0 {
        padding-left: 0 !important;
    }

    .app-tab-pr-0 {
        padding-right: 0 !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: 0 !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: 0 !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 {
        height: calc(100vh - 350px);
    }
    #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) {
    #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: 0;
        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: 0 !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: 0 !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: 0 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: 0px !important;
    }

    .student-left-col, .student-right-col {
        width: 50% !important;
    }

    .app__header .header__leftsec li {
        padding-left: 0 !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: 0 !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: 0px !important;
    }

    .demograhics__container {
        margin-top: 0 !important;
    }

    .decision__container {
        margin-bottom: 0 !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*********/
}
/**************************************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) {
    .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: 0;
    }
    /*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: 0 !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*/
}

/* 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 {
        width: 400px !important;
    }

    .collapsed__value {
        width: 400px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /*ap.com */
    #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;
    }

    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default {
        width: 90% !important;
    }
    /*ap.com */
}

/* landscape tablet iPad, small devices:common width*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) {
    /********School -> Grades -> Reports Starts*********/
    #divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 485px) !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: 0 !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: 0;
    }
    /*****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: 0 !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:0 !important;
    }
    #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;
    }
    /***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: 0 !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:0 !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: 0 !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: 0;
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {
   
        margin-left: 0 !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*************/
    /************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;
    }

    /*#gridSchoolDailyAttendanceList {
        width: calc(100% - 650px);
    }*/

    .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:0 !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: 0;
    }

    .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;
    }

    #divIncidentsHoldingBinTab .approval__center .expand-collapse-arrow {
        bottom:110px !important;
    }

    .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: 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: 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: 0 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: 0 !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: 0 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: 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: 0 !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: 0;
        top: 0;
        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 {
        width: 94px !important;
    }

    .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 {
        width: 111px !important;
    }

    .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);
    }
    /*.sent__emails .app-kgrid__container {
        background: transparent;
    }*/
    /*one prospect grid*/
    .btnAdd, .k-button {
        padding: 8px 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: 0.6em;
    }

    .student__key {
        padding-right: 0.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: 0;
    }

    .app__content .students__tabs-header .nav-tabs > li > a {
        display: block;
        text-decoration: none;
        margin: 0 !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: 0;
        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: 0 !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;
    }

    /*.jrac_viewport {
        width: 550px !important;
        height: 400px !important;
        right: 10px;
    }*/

    .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: 0px !important;
    }

    #divSnapshotPanel {
        margin-top: 0 !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: 0px;
        width: 100%;
        padding-bottom: 10px;
    }

    .tab-graphical-zoom__vr {
        top: 11px;
    }

    #attendanceListview .k-tabstrip-items .k-link {
        padding: 7px 5px 10px 5px !important;
    }

    #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 {
        width: 230px !important;
    }
    .setup_Center #divFloatingSideBar .single-student__filter__box, #grdSingleStaffList {
        width: 300px !important;
    }

    #grdSingleStudentList, #grdAllReportsList {
        width: 230px !important;
    }

    .app__content#single-student__mode {
        width: calc(100% - 230px) !important;
    }

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

    .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 0px 1px 0px !important;
        margin: 0 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: 0 !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: 0 !important;
    }

    #divDisplayProspects {
        position: absolute;
        width: 360px !important;
        left: 300px !important;
        top: 50px !important;
    }

    .portfolio-allignment, .portfolio-datasource {
        padding-left: 0 !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: 0 !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%;
    }

    /*   .search-info {
        width: 35px;
    }*/

    .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: 0 !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: 600px;*/
        width: 90%;
        height: 100%;
        padding: 10px;
    }

    .tab__manage-page__inner-content {
        height: 96%;
        /*width: 570px;*/
        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: 0 !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: 0 !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 0px !important;
    }

    /*    .search-info {
        width: 50px;
    }*/

    .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: 0 !important;
        padding-right: 0 !important;
        position: absolute;
        right: -74px;
        margin-top: 0 !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 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;
    }

    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default {
        width: 90% !important;
    }
    /*ap.com */
    .single-student__filter__box .app-radio label {
        margin-right: 10px;
    }

    .schedule__box #divSnapshotScheduler {
        padding: 0;
    }

    .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: 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;
    }

    .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: 0;
    }

    .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: 0px !important;
    }

    .approval-center-forms-checkbox {
        width: 100%;
    }

    /*.min-max-width.approval__center .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after,
    .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 100px;
    }*/

    .overview__screen .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 89px;
    }

    .generic__formtabstrip .k-icon-button.k-tabstrip-prev {
        top: 0 !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: 0;
    }

    .approval__center.min-max-width #divButtons > div:first-child {
        margin-left: 0;
    }

    .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: 0 !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: 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%;
    }

    .app-button.app-button__noname span,
    .min-max-width .form__approvalsec .app-button span,
    .form__approvalsec .app-button span {
        display: none;
    }

    .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: 0;
    }

    .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: 0 !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: 0 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: 0 !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: 0px;
    }

    .approval__center.min-max-width .tab-left-container-btns,
    .approval__center .tab-left-container-btns.incidents-left-container-btns {
        padding-top: 0px;
    }

    .approval__center .approval-formdropdown {
        top: -10px;
        padding: 20px 0;
    }

    .approval__center.min-max-width .approval-formdropdown {
        padding: 0;
    }

    .approval__center .approval__btn-receive-log {
        margin-left: 0 !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: 0;
    }

    .penalty-card {
        margin-top: 0;
    }

    .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: 0;
    }

    .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: 0;
    }

    .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: 0 !important;
    }
}

/**************************************SMALLER DESKTOP********************************************************/
@media only screen and (min-device-width :992px) and (max-device-width : 1024.98px) and (orientation : portrait) {
    #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: 0 !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: 0 !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 {
        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: 0 !important;
    }

    .school-schedule-cover .tab-search-input-width {
        width: max-content !important;
    }

    school-schedule-cover .tab-header-block {
        display: flex;
    }

    #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***/
    .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: 0px !important;
        margin-left: 5px !important;
    }

    .grid-schedule-right-part .add-scheduled-btns {
        float: left;
    }

    .grid-schedule-left-part {
        width: 47%;
    }

        .grid-schedule-left-part .grid-current-date {
            margin-left: 0 !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%;
    }

    #divCourseDetailsView .studentDataEntry {
        margin-top: 10px;
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {

        margin-left: 0 !important;
    }

    .tab-prerequisites-box-with-input, .tab-course-link-block {
        width: 175px;
    }

    .tab-button-position {
        position: relative;
        top: 20px;
    }

    .tab-margin-0 {
        margin-left: 0 !important;
    }

    .tab-pl-10 {
        padding-left: 10px !important;
    }

    .tab-prt-10 {
        padding-right: 10px !important;
    }

    .tab-mar-top-10 {
        margin-top: 10px;
    }
    /*********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: 0;
    }

    .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: 0;
    }

    .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: 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) {
    /********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: 0;
    }

    .approval__center .incidents-column-box-outer .expand-collapse-arrow {
        bottom: 0;
    }

    .approval__center.min-max-width .incidents-column-box-outer .hamburger-menu {
        margin-top: 0 !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) {
    /********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: 0 !important;
    }

    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 220px) !important;
        margin-right: 0 !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: 0 !important;
    }
    .tab-header-block {
        display: block;
    }

  /*  .tab-prerequisites-box-with {
        margin-left: 0 !important;
    }*/

    .school-schedule-all-course .settings__dropdown {
        margin-top: 12px !important;
    }

    .tab-ml-0 {
        margin-left: 0;
    }

    .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: 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: 0 !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: 0 !important;
    }

    #divEnterStudentDetails .enrollment__enterdata, #divAssignHousehold .enrollment__enterdata {
        min-height: auto;
    }

    .addstud__demographic .enrollment__add-demographics{
        height: auto;
    }

    #divEnterStaffDemographics #demographicsfields #FieldLayout{
        padding: 0 !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 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;
    }

    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default {
        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) {
    .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 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;
    }

    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default {
        width: 90% !important;
    }
    /*ap.com */
    /**************Send module start*****************/
    .app-pl-land-0 {
        padding-left: 0 !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 -> 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: 0 !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;
    }
/*
    #gridSchoolDailyAttendanceList {
        width: calc(100% - 400px);
    }
*/
    #divGridFSStudentsIncident .k-grid-content {
        height: calc(100vh - 612px) !important;
    }
    .approval__center #divIncidentsHoldingBinTab .expand-collapse-arrow {
        bottom: 0;
    }

    .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 {
        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: 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: 0 !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: 0 !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: 0 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .detailed-view {
        padding-right: 0 !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;
        /*top: 51px;*/
    }

    .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: 0 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: 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);
    }

    .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;
    }

    #divSuperDb .app__gridheader ul.gridheader__top .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover {
        width: 130px !important;
    }
    /*apolf superdb code*/
    /*apolf code*/
    .ap-gridbody .grid-section, .ap-gridbody .summery__section {
        width: 100%;
        padding: 0;
    }
    /*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 {
        width: 120px !important;
    }

    .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: 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;
    }

 /*   .jrac_viewport {
        width: 550px !important;
        height: 400px !important;
        right: 10px;
    }*/

    .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: 0 !important;
    }

    .contact__container, .student__container, .demograhics__container, .penalty-summary__container, .incident-summary__container {
        padding-right: 0px !important;
    }

    #divSnapshotPanel {
        margin-top: 0 !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%;
    }

    /*      .search-info {
            width: 50px;
        }*/

    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
        margin-top: 0 !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: 0 !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: 0;
    }

    .app__content .students__tabs-header .nav-tabs > li > a {
        display: block;
        text-decoration: none;
        margin: 0 !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: 0;
    }

    .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: 0px !important;
    }

    .approval-center-forms-checkbox {
        width: 100%;
    }

    /*.min-max-width.approval__center .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after,
    .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 0px;
        left: 100px;
    }*/

    .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: 0;
    }

    .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: 0 !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: 0;
    }

    .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: 0;
        left: 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: 0 !important;
    }

    .approval__center .app__togglebutton {
        position: absolute;
        bottom: 0;
    }

    .approval__center .tab-left-container-btns {
        position: relative;
        right: 10px;
        top: 30px;
        padding-top: 0;
    }

    .approval-admissions-page .approval__center .tab-left-container-btns {
        top: 0;
    }
    
    .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: 0px;
    }

    .approval-admissions-page .approval__center.min-max-width .collapse__text {
        top: 12px;
    }

    .approval__center .approval-formdropdown {
        top: 0px;
        padding: 35px 0;
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -15px;
        padding: 10px 0;
    }

    .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: 0;
        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: 0;
    }

    .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: 0px;
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .period__attendance-page .expand__icon {
        top: 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: 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: 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: 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: 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: 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) {
    /*********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: 0 !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: 0 !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: 0 !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: 0;
    }

    .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: 0 !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: 0px;
    }

    .approval__center.min-max-width .daily__attendance-page #divDailyAttendanceHoldingBinTab .expand-collapse-arrow .collapse__icon {
        top: 30px;
        right: 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;
    }
    /*
    #gridSchoolDailyAttendanceList {
        width: calc(100% - 335px);
    }
*/
    /* 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 {
        width: 200px !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: 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: 0; 
    }

    .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: 0 !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: 0 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .detailed-view {
        padding-right: 0 !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: 0;
    }

    .field-type-selection .tab-superdb-right-position {
        position: relative;
        bottom: 43px;
    }

    .field-type-selection .tab-superdb-seperation__line {
        margin: 0 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: 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 {
        width: 120px !important;
    }

    .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 {
        width: 111px !important;
    }

    .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 {
        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*/
    .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*/
    .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%;
    }

    #divSnapshotPanel {
        margin-top: 0 !important;
    }
    /*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 {
        padding-right: 0 !important;
    }

    .student__container, .demograhics__container {
        padding-right: 0px !important;
    }
    /********All Popup's Starts***********/
    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }

    /*      .search-info {
            width: 30px;
        }*/

    .bookmarked__text {
        width: 89% !important;
    }

    .search-by-dropdown {
        margin-top: 0 !important;
    }

    .bookmark-table {
        display: flex;
        display: -ms-flexbox;
    }

    .contains-search {
        margin-left: 0 !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: 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: 0 !important;
    }

    .approval-center-right-data div {
        margin-right: 10px;
    }

    .approval-center-right-data .approval-center-forms {
        margin-left: 0px !important;
    }

    .approval-center-forms-checkbox {
        width: 100%;
    }

    .min-max-width.approval__center .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 0px;
        left: 100px !important;
    }

    .approval-center-dashboardtiles .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 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: 0;
    }

    .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: 0 !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: 0 !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 0;
    }

    .approval__center.min-max-width .approval-formdropdown {
        padding: 0;
    }

    .approval__center .approval__btn-receive-log {
        margin-left: 0 !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: 85px;
        right: 20px;
    }

    .approval__center.min-max-width .tab-left-container-btns {
        padding-top: 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) {

    .app-radio label{
        line-height:23px;
    }
    /**************Approval Center -> Period Attendance Starts****************/
    .min-max-width.approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .collapse__icon {
        top: 0;
        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: 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: 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: 0 5px;
    }

    #pDateRange {
        margin-right: 5px;
    }
    /*End:Attendance top header responsive*/
    /*Start : Atendence > DailyAttendance > Summary View ,Detailed view, Attendance Stat..*/
    #divSummaryView .detailed-view {
        padding-right: 0 !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: 0 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: 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: 0;
    }
    /*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 {
        width: 120px !important;
    }

    .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 {
        height: 700px !important;
    }

    .save-as-popup__container {
        width: 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;
    }

    /*     .search-info {
            width: 35px;
        }*/

    .bookmarked__text {
        width: 90% !important;
    }

    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }

    /*  .search-info {
            width: 50px;
        }*/

    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
        margin-top: 0 !important;
    }

    .bookmark-table {
        display: flex;
        display: -ms-flexbox;
    }

    .contains-search {
        margin-left: 0 !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: 0 !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: 0 !important;
    }

    #divSnapshotPanel {
        margin-top: 0 !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;
    }

 /*   .jrac_viewport {
        width: 750px !important;
        height: 450px !important;
        right: 10px;
    }
*/
    .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: 0 !important;
        padding-right: 0;
    }

    .contact__container, .incident-summary__container {
        padding-left: 10px !important;
    }

    .contact__container, .penalty-summary__container, .demograhics__container, .student__container, .incident-summary__container {
        padding-right: 0 !important;
    }

    #divSnapshotPanel {
        margin-top: 0 !important;
    }

    .student__container, .demograhics__container {
        padding-left: 0 !important;
    }

    .penalty-summary__container {
        padding-left: 10px;
    }

    .gpa-credit__container, .snapshot-tiles {
        margin-top: 5px;
    }

    #divSingleStaffSnapshot .snapshot-tiles {
        margin-top: 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 {
        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 0 0 0 !important;
        top: 110px;
    }

    .approval__center.min-max-width #divDailyAttendanceHoldingBinTab .collapse__icon {
        top: 5px;
    }

    .approval__center.min-max-width #divGradesHoldingBinTab .app-primary-btn__img.collapse__icon {
        top: 0px;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .app-primary-btn__img.collapse__icon {
        top: 5px;
    }

    .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: 0;
    }

    .approval__center.min-max-width .plus-portals__screen .tab-left-container-btns {
        margin-bottom: 0;
    }

    #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;
    }

    .app-button.app-button__noname span,
    .min-max-width .form__approvalsec .app-button span,
    .form__approvalsec .app-button span {
        display: none;
    }

    .approval__center.min-max-width .app-kgrid__container.app-custom-pagination.app-mt-20 {
        margin-top: 0 !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 {
        top: 0 !important;
    }

    .approval__center .app__togglebutton {
        position: absolute;
        bottom: 0;
    }

    .approval__center .tab-left-container-btns {
        position: relative;
        right: 10px;
        top: 30px;
        padding-top: 0;
    }

    .approval__center #divHoldingBinTab .tab-left-container-btns {
        top: 0;
        right: 0;
    }

    .approval__center #divIncidentsHoldingBinTab .tab-left-container-btns {
        top: 0px !important;
    }

    #formPlusPortal .approval__center .tab-left-container-btns {
        top: -10px;
        right: 0;
    }

    #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 #divPlusPortalHoldingBinTab.collapsed__div .app-primary-btn__img.collapse__icon {
        top: 5px;
    }

    .approval__center.min-max-width .tab-left-container-btns {
        top: -17px !important;
    }

    .approval-admissions-page  .approval__center.min-max-width .tab-left-container-btns {
        top: 0px !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 0 0 0 !important;
        top: 5px;
    }

    .approval__center .approval-formdropdown {
        top: 0px;
        padding: 35px 0;
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -35px;
        padding: 0;
    }

    /*.min-max-width.approval__center .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after, .student__staff__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        left: 100px;
    }*/

    .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: 0 !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: 0px;
    }

    .min-max-width.approval__center .collapse__icon {
        position: absolute;
        top: 100px;
        left: 5px;
    }

    .approval__center.min-max-width .app__togglebutton {
        bottom: 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: 0 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: 0px;
        position: relative;
        width: 220px;
    }

    #divDailyAttendenceSettingsInfo {
        margin-top: 10px;
    }

    .approval__center #divDailyAttendanceHoldingBinTab.collapsed__div .daily_attendance-date-field {
        top: 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: 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;
        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***********/
}

@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 0;
    }

    #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 {
        overflow-y: auto !important;
        max-height: 90vh !important;
    }

    .newProspectContentWindow.add-prospect__container #newProspectWindow {
        max-height: 90vh !important;
        overflow-y: auto !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: 0 !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) {

    .app__menubar .side__menubar li.sidemenu__more {
        display: block;
    }

    .side__menubar .menu__hidden {
        display: none;
    }

    .sidemenu__more .menu__hidden {
        display: block;
    }

    .app__menubar .sidemenu__more .moreoption__list {
        top: -100px;
    }

    .app__menubar .side__menubar li.sidemenu__more:hover .moreoption__list {
        display: block;
    }
}

@media only screen and (min-height:901px) {
    .side__menubar .menu__hidden {
        display: block;
    }

    .sidemenu__more .menu__hidden {
        display: none;
    }
}

@media only screen and (min-width :760px) and (max-width:794px) {

    #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: 0 !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 0;
    }

    .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:0;
    }
    .approval__center .period__attendance-page.course__request-page .expand-collapse-arrow {
        left: 0 !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: 0 !important;
    }
    .min-max-width.approval__center .period__attendance-page.course__request-page #divGradesHoldingBinTab .tab-approval-left-btns {
        padding-top: 0;
    }

    .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: 0;
        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: 0 !important;
    }

    .approval__center.min-max-width .incidents-left-container-btns .collapse__icon {
        top: 50px;
        left: 0;
        right: 0;
    }

    .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: 0;
        padding-bottom: 0;
    }
    /*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: 0 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: 0 5px;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 330px) !important;
        /*min-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: 0;
    }

    #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: 0px;
        position: relative;
        height: auto;
        margin: 0 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;
    }

    /*  .search-info {
            width: 70px;
        }*/

    .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: 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: 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: 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;
    }
}

@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: 0 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 .app-kgrid__container .k-grid-content {
            max-height: calc(var(--app-height) - 328px) !important;
            min-height: calc(var(--app-height) - 328px) !important;
        }*/

    #divMultipleStudentsMode #divMultiStudentSuperDB .tab-remove-pl-10 label {
        padding-left: 5px;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content {
        max-height: calc(var(--app-height) - 352px) !important;
        min-height: calc(var(--app-height) - 352px) !important;
    }

    #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: 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%;
    }

    .contact__household {
        /* margin-right: 0px;*/
    }
    /************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: 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 .app-kgrid__container .k-grid-content {
            max-height: calc(var(--app-height) - 328px) !important;
            min-height: calc(var(--app-height) - 328px) !important;
        }*/

    #divMultipleStudentsMode #divMultiStudentSuperDB .tab-seperation__line {
        margin: 0 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 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;
    }

    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout .k-picker {
        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;
    }

    /*#divMultipleStudentsMode #divMultiStudentSuperDB .app-kgrid__container .k-grid-content {
            max-height: calc(var(--app-height) - 328px) !important;
            min-height: calc(var(--app-height) - 328px) !important;
        }*/

    .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) {

    /**************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: 0px;
        margin-bottom: 11px;
    }

    .overlay, .overlay__add-image {
        height: 140px;
        width: 120px;
        top: 0px;
        padding-right: 0 !important;
    }

    .admissions-details {
        width: 28%;
        margin-bottom: 10px;
    }

    .admissions-value {
        width: 72%;
    }

    .views__margin-top {
        margin-top: 0 !important;
    }
    /************Snapshot Ends********************/
    /********All Popup's Starts***********/
    .portfolio__add-window {
        height: 905px !important;
        width: 800px !important;
        top: 0 !important;
    }

    .email-basic-mode__popup {
        width: 1100px;
        height: auto !important;
    }

    .email-basic-mode__popup {
        width: 1100px !important;
        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: 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: 0 !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) {
    #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;
    }
    #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 {
        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 0 100%;
    }
    .add-edit-incident-modal {
        top: 10px !important;
    }
    .extended-course-info .flex-50-box.ext-course-div {
        flex: 1 0 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: 0;
    }
    .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: 0px !important;
        padding-right: 0px !important;
    }
    .students__tabs-header.email-tabs-header .nav-tabs > li {
        margin-right: 0px !important;
        padding-left: 10px;
        padding-right: 0 !important;
    }
    .app__content .students__tabs-header.email-tabs-header .nav-tabs {
        padding-bottom: 0 !important;
    }
    .app-d-por-none {
        display: none;
    }
    /**************Send module ends*****************/
    .app-tab-pl-0 {
        padding-left: 0 !important;
    }
    .app-tab-pr-0{
        padding-right: 0!important;
    }
    .app-tab-mt-15 {
        margin-top: 15px;
    }
    .tab-school-daily__attendance-first-container {
        padding-right: 0 !important;
    }

    .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;
    }

    /*#divIncidents .ap-border-radius-bottom-left-right {
            height: calc(100vh - 350px) !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: 0 !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: 0 !important
    }

    .laptop-Grade-leftside {
        width: 110px !important;
    }

    .tab-d-block {
        display: block !important;
    }

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

    .include-feild .excelwizard-student-leftside {
        width: 150px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 150px) !important;
    }

    .row-feild-d-block {
        display: block !important;
    }

    .row-feild-d-block .app-pr-30 {
        padding-right: 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: 0px;
    }

    #divSingleStaffSnapshot .demograhics__container {
        margin-top: 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: 0 !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 {
        margin-bottom: 0;
    }

    .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 {
        padding-left: 0 !important;
    }

    #divSingleStaffSnapshot .portfolio-card {
        padding-right: 0;
        margin-bottom: 10px;
        height: auto;
        width: 100%;
        padding-left: 0 !important;
    }

    .schedule__container {
        padding-left: 0 !important;
    }

    #divSingleStaffSnapshot .schedule__container {
        margin-bottom: 0;
    }

    .gpa-credit__container .app-card-body, .invoice__container .app-card-body {
        overflow: initial;
    }

    .gpa-credit__container {
        margin-top: 0;
        padding-left: 0 !important;
        margin-bottom: 0;
    }

    .penalty-card {
        margin-top: 10px;
    }

    .invoice__container .app-card {
        margin-left: 0;
    }

    .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: 0px !important;
    }

    .muti-header-responsive .gridheader__top > li {
        margin-top: 10px;
        margin-right: 10px !important;
        padding-left: 0 !important;
    }

    .muti-header-responsive .gridheader__top > li:last-child {
        margin-right: 0 !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: 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: 0 !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 {
        width: 220px !important;
    }
    #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;
    }

}

@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 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: 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) {
    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 209px);
    }
    #divEnterDemographics #demographicsfields #FieldLayout, #divEnterStaffDemographics #demographicsfields #FieldLayout {
        padding: 0 !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: 0;
    }

    /*********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;
    }
}

@media only screen and (min-width :1280px) and (max-width : 1600px) {
    .extended-course-info .flex-50-box.ext-course-div {
        flex: 1 0 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;
    }
}

@media only screen and (max-width:1400px) {
    .addcourse__details .courseLink-prerequist-wrap, .addcourse__details .credits-weight-gpa-wrap, .addcourse__details .level-dept-wrap {
        padding-right:0 !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: 0 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: 0 !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 0;
    }

    .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: 0 !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;
    }
}

@media only screen and (max-width:1600px) {

    .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: 0 !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;
    }
}

@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: 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;
    }
    /*.app__autoToggleswitches {
        max-width: calc(100% - 85px);
    }*/
    #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: 0 !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: 0 !important;
    }

    .add-new-modal .contact__tabscontainer li:first-child {
        margin-left: 0 !important;
    }


    .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: 0;
    }

    .add-new-modal .allcontacts__container > div, .add-new-modal .allcontacts__container > button {
        margin-top: 15px;
    }

    .add-new-modal .addcontact__helpbox {
        width: 100%;
    }

    .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;
    }

    .app__header .header__leftsec .app__add-Student {
        margin-left: 0 !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;
    }

    .app__header .student__add .app__add-Student {
        margin-left: 0px !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: 0;
    }

    .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 {
        padding: 6px 10px;
    }

    #divMultiStaffLookup .gridheader__bottom .containsbegins-button {
        padding: 0px 10px;
    }

    /* Contact tab */
    #divContacts .app__gridheader .tab-contact__bottom .app-primary-btn-container .app-button {
        padding: 6px 10px;
    }

    #divContacts .app__gridheader .tab-contact__bottom .tab-search {
        width: 140px !important;
    }

    #divContacts .app__gridheader .tab-contact__top {
        padding-bottom: 0px;
        padding-top: 10px;
    }

    #divContacts .app__gridheader .tab-contact__bottom {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    #divContacts .app__gridheader .tab-contact__bottom li {
        margin-bottom: 10px;
        padding-bottom: 0 !important;
    }

    /* Multi Contact Tab */

    .multi-contact-header .gridheader__top, .multi-contact-header .gridheader__bottom {
        padding: 10px 10px 0;
    }

    .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 {
        height: calc(100vh - 364px) !important;
    }
    .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: 0 !important;
        margin-left: 10px;
    }
}

@media only screen and (max-width: 1024px) {
    .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; }
    .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;
    }
    .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: 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: 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) {
    /* Enrollment - Add Student and dashboard Starts */
/*    .import-zero-record-display {
        height: calc(100vh - 580px);
    }*/
    #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: 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 */
}

@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: 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: 0 !important;
        margin-left:0;
    }

    #divSchoolPeriodAttendance .daily-attendance-messages .nurse-dismissal {
        padding-right: 0 !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: 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: 0 !important;
    }

    .include-header__text.app-ml-30 {
        margin-left: 0 !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: 0 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: 0 !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: 0;
    }

    .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: 0 !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 (min-width: 740px) and (max-width:767.68px) {
    #divCourseDetailsView .all-course-left .app-row > [class*="col-"] .row > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !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 {
        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 {
        margin-top: 10px;
    }
    #divCourseAdvancedSearch label {
        width: 26%;
    }
    .tab-mar-0 {
        margin-top: 0 !important;
    }
    #divCourseAdvancedSearch .tab-length-label {
        width: 24%;
    }

    .app__sidebar .single-student__filter__box .single-student__dropdown {
        margin-bottom: 30px !important;
    }

    .tab-mar-top-10 {
        margin-top: 10px;
    }

    .school-schedule-all-course {
        display: block;
    }

        .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: 0 !important;
    }
    .tab-right-side-section {
        margin-top: 20px;
        margin-left: 0 !important;
    }
    .school-schedule-all-course{
        display:block;
    }
        .school-schedule-all-course .all-course-left {
            width: 100%;
        }
        .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: 0 !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: 0;
        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: 0 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: 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: 0 !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: 0 !important;
    }

    #portfolioContent .app-d-flex.app-pl-10 {
        margin-top: inherit;
        padding: 0 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: 0 !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: 0px;
    }

    .approval__center .approval-formdropdown {
        top: -10px;
        padding: 20px 0;
    }

    .approval__center.min-max-width .approval-formdropdown {
        padding: 0;
    }

    .approval__center .approval__btn-receive-log {
        margin-left: 0 !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: 0;
    }
    /* 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: 0 !important;
    }

    .view__optionlist.app__dropdown.app__dropdownmenulist {
        margin-bottom: 10px !important;
        margin-left: 10px !important;
    }

    #divStaffSuperDb .app-ml-10.views__margin {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width:768px) {
    .ext-course-col:nth-child(even) {
        padding-left: 0;
    }
    .ext-course-col:nth-child(odd) {
        padding-right: 0;
    }
    .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: 0px !important;
    }

    #divSchedule .seperation__line {
        margin: 0 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 > a {
        padding: 0 !important;
    }*/

    .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: 0;
    }

    .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: 0;
    }

    .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: 0 !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: 0;
    }

    .approval__center #divIncidentsHoldingBinTab.collapsed__div .tab-approval-left-btns #_btnApproveIncidents {
        margin-top: 0;
    }

    .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: 0px solid #fafafa !important;
    }

    #page-help-popin .panel-title > a, #page-help-popin .panel-collapse {
        border: 0px solid #fafafa !important;
    }
}

@media only screen and (max-width:992px) {
    #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*/
    /*  .import-zero-record-display {
        height: calc(100vh - 760px);
    }*/
    /*Enrollment import module ends*/
    #studentSnapshot .dailyAttendance__container .app-card #divSnapshotAttendance, #studentSnapshot .dailyAttendance__container .app-card #divStaffSnapshotAttendance {
        padding-left: 0;
    }
    .approval-center__global #divHoldingBinTab.generic-left__section.app__tabstrip .k-tabstrip-items .k-link {
        padding: 10px 8px 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-tab .advance-payment-wrap .source__semibold {
        display: block;
        margin-bottom: 10px;
        width: fit-content;
    }*/
    /*******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: 0px !important;
    }
    .app-tab-mr-0 {
        margin-right: 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:0 !important;
    }
    .app-w-tab-80 {
        width: 80% !important
    }

    .emailSubjectBlock {
        margin-top: 0 !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: 0 !important;
    }

    .send-email-block .app-pr-10 {
        padding-right: 0 !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: 0 !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: 0 !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: 0 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: 0 !important;
    }

    .tab-port-w-100.app-ml-20,
    .excelwizard-student-rightside .app-ml-60 {
        margin-left: 0 !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 {
        width: 100% !important;
    }

    .excelwizard__container #grdStaffAvailableFields .form-control {
        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-rightside.app-two-feilds-column-rightside,
    .tab-student-grade .excelwizard-student-rightside,
    #FieldFilter.form-control,
    .tab-port-w-100 {
        width: 100% !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;
    }

    #divSuperDb .app__gridheader ul.gridheader__top .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover {
        width: 90px !important;
    }
    /*ap.com superdb*/
    #divSchedule .app__dropdown .k-dropdownlist, .app__dropdown, .app__dropdown.contacts-layout-dropdown .k-dropdownlist {
        width: 90px !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: 0 !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: 0;
    }

    .demograhics__container {
        margin-top: 5px;
        padding-right: 0 !important;
    }

    .penalty-summary__container, .incident-summary__container {
        padding-right: 0 !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 0;
    }

    #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: 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: 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 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 .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 {
        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;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .app-input input,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .app-input input {
        width: 180px !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: 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: 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) {
    .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: 0;
    }

    /*********School -> Daily Attendance Starts***********/
    .school-auto-publish__container {
        display: grid;
    }

    .school-auto-publish__container .auto-publish-timebox {
        margin-top: 10px;
        margin-left: 0;
        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) {
    #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;
    }
}

@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: 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: 0 !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: 0 !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: 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: 0px;
        padding-bottom: 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: 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: 0;
    }

    .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: 0px;
    }

    .approval__center .form-name-info {
        margin-top: 5px;
    }

    .approval__center.min-max-width .approval-formdropdown {
        top: -30px;
        padding: 0;
    }

    .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 {
        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;
    }

    .k-tabstrip-content, .k-tabstrip > .k-content {
        padding: 5px 5px;
    }

    .ap-gridbody {
        padding: 10px 5px 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: 0;
    }

    .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) {
    .app-flex-dir-column-tab {
        flex-direction: column;
    }
/*
    .send-view-recipient-block,
    .send-student-details-block {
        width: 50% !important;
    }*/

    .app-w-tab-80 {
        width: 80% !important
    }

    .divAvailableContactsPopup.k-widget.k-window {
        max-width: 100% !important;
        width: 100% !important;
        margin: auto !important;
        left: 0 !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;
    }
}

/****************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: 0 !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: 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: 0 !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: 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 0;
    }

    .approval__center.min-max-width .approval__btn-receive-log,
    .approval__center .approval__btn-receive-log {
        margin-left: 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 0;
    }

/*    .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:after {
        left: 100px;
    }*/

    .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: 0 !important;
        bottom: 35px !important;
    }

    .generic-left__section.collapsed__div .app__toggle .app__togglebutton {
        margin-right: 0 !important;
    }

    .approval__center .student__staff__selection {
        padding: 0 !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: 0 !important;
        bottom: 0;
        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: 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: 0;
        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:0 !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: 0 !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: 0 !important;
        right: 20px;
    }

    .approval__center.min-max-width .incidents-column-box-outer .expand-collapse-arrow .collapse__icon {
        right: -10px !important;
        bottom: 0 !important;
    }
    /*********Approval Center -> Incidents Ends**********/
    .ap-gridbody .grid-section {
        width: 64%;
    }
}
@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;
    }
    /*All Batch Entry Popups Laptop 67%(1920px) Screen Ends*/
}
@media screen and (min-width:800px) and (max-width: 850px) {
    /*********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-charts {
        display: block;
    }

    .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 {
        width: 300px !important;
    }
    .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: 0 !important;
    }

    .tab-mar-top-10 {
        margin-top: 10px;
    }

    .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***/
    .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: 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: 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: 0 !important;
    }

    .approval__center.min-max-width .incidents__screen .tab-left-container-btns {
        margin-bottom: 40px !important;
        right: 0;
    }

    .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: 0 !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: 0;
    }
    /***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) {
    .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: 0 !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: 0 !important;
    }

    .tab-prerequisites-box-with-input, .tab-course-link-block {
        width: 175px;
    }

    .tab-ml-0 {
        margin-left: 0;
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {
  
        margin-left: 0 !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;
    }

  /*  .tab-prerequisites-box-with{
        margin-left:0 !important;
    }*/

    .school-schedule-all-course .settings__dropdown {
        margin-top: 13px !important;
    }

    .manage-course-buttons-header, tab-header-block {
        display: flex;
        margin-top: 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: 0 !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: 0px !important;
    }
    .grid-schedule-left-part {
        width: 60%;
    }

        .grid-schedule-left-part .grid-current-date {
            margin-left: 0 !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: 0 !important;
    }
    /******School -> Daily Attendance Starts*****/
    .tab-school-daily__attendance-second-container {
        margin-top: 0 !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: 0 !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 {
        height: calc(100vh - 283px) !important;
    }
    .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: 0 !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: 0 !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: 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;
    }

    /*.incidents__column {
            overflow-y: auto;
        }*/

    .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) {
    #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;
    }
    /*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: 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;
    }
/*
    .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
    }*/

    #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%;
    }
/*
    .grid-schedule-left-part .grid-current-date{
        margin-left: 0 !important;
    }*/

    #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: 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;
    }
/*
    #gridSchoolDailyAttendanceList{
        width: calc(100% - 60px);
    }*/
    /*****************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 {
        height: calc(100vh - 366px) !important;
    }
    .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 {
        height: calc(100vh - 630px);
    }
    /*******Schedule Screen Ends************/
    /************Send module start***************/
    .emailSubjectBlock .app-sent-view-contact, 
    .app-perview-contact {
        height: calc(100vh - 710px);
    }
    #divScheduleLater.schedule-later .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 630px);
    }
    #divScheduleLater .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 710px);
    }
    #dvEmailEditor {
        height: calc(100vh - 360px);
    }

    #dvtxtEmailEditor {
        height: calc(100vh - 375px);
    }

    #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 - 490px) !important;
    }
    .create-template-block #dvEmailEditor {
        height: calc(100vh - 360px);
    }

    .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 375px);
    }

    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 518px) !important;
    }

    .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;
    }

    /*#dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 477px) !important;
    }*/
}

@media screen and (min-width:1400px) and (max-width:1599.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*/
    #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: 0;
    }
    /* 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***************/
}

/* 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; }
}
@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) {
        #gridMyReportsList colgroup col:first-child {
            width: 70px !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********/

    }
@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) {
    .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 {
            height: auto;
        }

        .app-pl-por-0 {
            padding-left: 0 !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;
        }

        .select-recipients-block {
            height: auto;
        }

        #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: 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: 0 !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) {

        #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: 0 !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: 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: 0 !important;
        }

        .email-subjec-block {
            margin-top: 15px !important;
        }
        /*.create-template-block #dvEmailEditor {
        height: calc(100vh - 295px);
    }*/
        .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*****************/

/*        Period Attendance - Batch Entry Starts*/
/*        #PeriodAttendanceBatchEntry .batch-entery__popup .select-by-grade-levels-dropdowns {
            display: grid !important;
        }
        .tab-mt-20 {
            margin-top: 20px;
        }
        .tab-grid-display {
            display: grid !important;
        }*/
        /*Period Attendance - Batch Entry Ends*/

    }

    @media (min-width:1280px) and (max-width:1399.98px) {
        #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: 0;
        }

        #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 {
            height: calc(100vh - 515px) !important;
        }

        #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: 0 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;
        }
        /*.tab-margin-10 {
            margin-top: 10px;
        }
        */
        .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**************/
    }

    /********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: 0 !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 {
    
                margin-left: 0 !important;
        }

        .tab-prerequisites-box-with-input, .tab-course-link-block {
            width: 175px;
        }

        .tab-margin-0 {
            margin-left: 0 !important;
        }

        .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) {
        .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: 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: 0;
            top: 0;
        }

        #divSchoolDailyAttendance .approval__center .daily__attendance-page .expand__icon, #divSchoolPeriodAttendance .approval__center .period__attendance-page .expand__icon {
            top: 0;
        }

        #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: 0;
        }

        .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***/
        /*.grid-schedule-left-part .grid-current-date {
            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: 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: 0 !important;
            }*/
        /***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***/
    }

/* 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;
    }
}