/* Minification failed. Returning unminified contents.
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-light'
(53,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-regular'
(57,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-medium'
(61,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-bold'
(65,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-light'
(69,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bottom-blue-background'
(73,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bottom-green-background'
(77,28): run-time error CSS1039: Token not allowed after unary operator: '-login-bottom-orange-background'
(81,26): run-time error CSS1039: Token not allowed after unary operator: '-login-screen-border-radius'
(90,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(108,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(112,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(118,23): run-time error CSS1039: Token not allowed after unary operator: '-roboto-font-family-regular'
(121,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(145,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(153,24): run-time error CSS1039: Token not allowed after unary operator: '-global-login-drawer-border'
(163,28): run-time error CSS1039: Token not allowed after unary operator: '-global-checked-login'
(164,24): run-time error CSS1039: Token not allowed after unary operator: '-global-checked-login'
(175,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(176,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(183,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(187,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(199,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(208,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(213,21): run-time error CSS1039: Token not allowed after unary operator: '-global-login-drawer'
(245,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(249,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(252,34): run-time error CSS1039: Token not allowed after unary operator: '-login-box-shadow'
(256,22): run-time error CSS1039: Token not allowed after unary operator: '-login-form-sign-in'
(269,26): run-time error CSS1039: Token not allowed after unary operator: '-login-sign-in-after'
(316,34): run-time error CSS1039: Token not allowed after unary operator: '-login-box-shadow'
(322,34): run-time error CSS1039: Token not allowed after unary operator: '-login-box-shadow'
(417,32): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(458,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(550,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(554,32): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(638,21): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(662,25): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(724,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(726,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(728,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(729,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(732,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(735,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(736,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(737,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(738,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(740,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(742,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(743,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(744,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(745,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(746,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(748,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(781,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(785,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxs'
(789,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(793,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(797,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(801,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(805,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(809,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(813,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(817,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(821,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxl'
(825,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxll'
(829,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxl'
(833,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(837,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple'
(842,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(846,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(850,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(855,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(859,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(864,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-italic'
(875,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(876,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(877,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(878,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(879,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(882,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(883,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(884,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(886,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(888,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(889,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(890,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(891,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(892,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(894,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(896,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(897,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(898,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(900,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(902,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(903,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(904,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(910,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(911,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(912,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(913,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(914,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(916,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(917,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(918,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(919,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(921,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(924,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(935,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(936,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(938,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(940,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(941,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(942,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(943,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(946,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(948,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(950,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(951,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(952,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(953,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(954,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(956,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(957,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(958,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(960,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(961,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(962,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(965,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(966,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(968,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(971,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(973,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(974,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(986,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(995,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(997,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(998,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(999,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1001,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1002,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1003,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1006,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1007,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1009,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1010,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1011,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1012,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1013,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1014,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1015,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1016,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1017,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1019,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1020,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1021,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1022,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1027,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1028,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1029,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1030,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1031,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1032,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1033,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1034,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1035,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1037,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1040,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1041,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1042,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1043,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1044,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1045,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(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 '-'
(1056,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 '-'
(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 '-'
(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 '-'
(1074,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 '-'
(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 '-'
(1088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1096,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1100,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1200,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1283,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(1284,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(1287,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(1326,19): run-time error CSS1039: Token not allowed after unary operator: '-space-5px'
(1905,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(1909,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-three'
(1913,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(1917,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(1921,19): run-time error CSS1039: Token not allowed after unary operator: '-opacity-seven'
(2070,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(2079,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2101,28): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2104,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2121,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2133,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2134,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2141,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(2166,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2168,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2169,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2194,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2195,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2199,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2200,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2201,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(2205,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(2210,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2214,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2216,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2217,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2223,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(2226,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2235,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2237,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2239,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2240,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2247,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(2248,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2265,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-toggle-background-color'
(2272,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border-color'
(2275,43): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2276,48): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(2280,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2291,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(2295,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2301,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2307,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2313,22): run-time error CSS1039: Token not allowed after unary operator: '-global-togggle-button'
(2356,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2358,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2368,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2369,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2383,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2384,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2397,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2409,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2415,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2422,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2424,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(2428,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2429,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2433,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2438,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2444,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2446,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(2456,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2466,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(2467,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(2474,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(2475,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2476,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2477,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2478,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2483,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-green'
(2484,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2485,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2486,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2487,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2488,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2493,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-success-green'
(2498,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grey-shade-bg'
(2499,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-tertiary'
(2500,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2501,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2502,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2506,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2507,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2508,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2511,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-bg-green'
(2512,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2513,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2514,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2515,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2519,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2520,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2521,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2525,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-color'
(2526,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2527,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2530,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2531,17): run-time error CSS1039: Token not allowed after unary operator: '-global-send-template-text-color'
(2532,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2533,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2534,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2538,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2539,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2545,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2546,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2547,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2548,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2549,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2554,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-side-menubar-background'
(2555,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2556,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2574,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(2575,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2576,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2577,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2578,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(2579,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2580,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(2584,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(2585,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2586,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2615,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(2616,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2617,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2618,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2619,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2626,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(2635,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-success-color'
(2636,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(2637,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2638,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2639,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2643,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(2646,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(2649,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-color'
(2653,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-solid-color'
(2659,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(2662,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(2769,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(2793,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2794,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2795,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(2800,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(2804,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(2810,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2811,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2812,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(2813,25): run-time error CSS1039: Token not allowed after unary operator: '-font-16px'
(2814,27): run-time error CSS1039: Token not allowed after unary operator: '-source-sans-pro-regular'
(2815,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(2914,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightblue-bg-color'
(2917,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-infobox-bg'
(2921,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-lightblue-background'
(2925,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(2928,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-td-field-bg'
(2931,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(2937,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(2941,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(2944,28): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(2951,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(2954,28): run-time error CSS1039: Token not allowed after unary operator: '-global-greylight-border'
(2964,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(2965,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2966,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(2969,28): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2973,35): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2977,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(2980,29): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(2984,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(2987,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2990,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(2993,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(2996,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tinblue-bg-color'
(2999,32): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3002,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3005,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3008,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3011,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(3016,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-orange'
(3019,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(3027,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(3030,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(3034,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-black-border'
(3038,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(3042,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(3046,32): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3047,37): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3051,22): run-time error CSS1039: Token not allowed after unary operator: '-global-elevation-shadow'
(3052,27): run-time error CSS1039: Token not allowed after unary operator: '-global-elevation-shadow'
(3056,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(3057,37): run-time error CSS1039: Token not allowed after unary operator: '-global-grey-dark-box-shadow'
(3061,32): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3062,37): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(3066,32): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3067,37): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3071,32): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3072,37): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(3076,32): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(3077,37): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(3081,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3082,37): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3086,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3087,37): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(3091,37): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-rgb-box-shadow'
(3091,71): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(3092,42): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-rgb-box-shadow'
(3092,76): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(3539,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3540,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3544,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(3545,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(3548,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(3549,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(3704,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(3704,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(3707,34): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(3711,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(3714,28): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(3718,34): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(3722,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3726,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3730,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(3734,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3738,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3742,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(3745,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(3749,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(3753,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(3756,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(3759,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(3762,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightwhite-bg-color'
(3765,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-blue'
(3768,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-red-bg'
(3771,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(3774,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-color-blue-bg'
(3777,22): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(3780,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-light-gray'
(3784,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-grey-bg'
(3788,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-orange-bg'
(3792,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-very-light-green-bg'
(3796,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(3801,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(3805,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-background-light-blue'
(3808,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(3811,17): run-time error CSS1039: Token not allowed after unary operator: '-global-green-color'
(3814,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(3817,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(3820,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-dark-color'
(3823,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-green-color'
(3826,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(3829,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(3832,17): run-time error CSS1039: Token not allowed after unary operator: '-global-rust-orange-color'
(3835,17): run-time error CSS1039: Token not allowed after unary operator: '-global-deep-green-color'
(3839,17): run-time error CSS1039: Token not allowed after unary operator: '-global-error-red-color'
(3865,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(3866,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(3873,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(3876,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-lighter-background'
(3880,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(3881,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3882,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(3885,33): run-time error CSS1030: Expected identifier, found '.'
(3885,60): run-time error CSS1031: Expected selector, found ')'
(3885,60): run-time error CSS1025: Expected comma or open brace, found ')'
(3987,17): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-color'
(4074,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(4080,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4083,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(4086,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(4089,35): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(4093,28): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(4096,17): run-time error CSS1039: Token not allowed after unary operator: '-global-red-color'
(4103,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4104,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4114,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4123,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(4129,40): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4130,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4136,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4148,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(4171,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(4178,22): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4184,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(4188,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4200,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(4201,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(4203,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4204,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4205,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4206,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4207,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(4211,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4215,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-readonly'
(4216,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(4221,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4225,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4232,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4233,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4237,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4242,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4279,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4280,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4281,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4297,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4301,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4305,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(4350,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(4351,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4352,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4353,36): run-time error CSS1039: Token not allowed after unary operator: '-global-ap-active-border'
(4362,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4371,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4393,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(4397,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(4402,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4437,33): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(4455,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4463,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(4472,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4473,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4478,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4491,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4505,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-required'
(4515,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-color'
(4519,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4526,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(4527,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(4528,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4530,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4531,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4535,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(4567,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-readonly'
(4568,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(4573,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4574,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4575,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4615,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-border'
(4649,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(4650,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(4673,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(4677,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4678,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(4682,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4688,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background-alpha'
(4698,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4705,69): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(4707,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-orange'
(4708,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-green'
(4709,75): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-navy-blue'
(4710,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-brown'
(4711,74): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-sky-blue'
(4712,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-yellow'
(4713,75): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-malachite'
(4724,28): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4728,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4732,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4735,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4738,34): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(4741,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border-color'
(4744,33): run-time error CSS1039: Token not allowed after unary operator: '-global-rust-orange-color'
(4748,33): run-time error CSS1039: Token not allowed after unary operator: '-global-deep-green-color'
(4751,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4755,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(4759,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(4763,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-purple-color'
(4767,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-color'
(4771,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-orange-border'
(4775,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-border'
(4779,33): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-border'
(4783,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-border'
(4786,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4790,33): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4794,33): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-color'
(4800,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4803,28): run-time error CSS1039: Token not allowed after unary operator: '-global-red-color'
(4806,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4812,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(4813,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4817,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(4825,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4828,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(4832,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-blue-bg'
(4833,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4837,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(4839,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4840,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4841,33): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(4845,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-recipients-grid-row'
(4849,58): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4849,152): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4849,244): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4849,335): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(4857,58): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4857,158): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4857,256): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4857,353): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(4865,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(4871,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(4875,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-red-bg'
(4876,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-red-border'
(4880,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-orange-bg'
(4884,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4888,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4892,24): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-orange'
(4897,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(4901,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-color-blue-bg'
(4902,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(4930,22): run-time error CSS1039: Token not allowed after unary operator: '-global-disable-grey'
(4931,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4933,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4937,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-grey-bg'
(4938,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(4940,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4944,22): run-time error CSS1039: Token not allowed after unary operator: '-global-disable-grey'
(4945,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(4947,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(4949,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(4999,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(5024,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(5043,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(5048,33): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(5049,38): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(5083,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(5084,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(5085,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5096,33): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(5107,28): run-time error CSS1039: Token not allowed after unary operator: '-brand--yellow-fill-bg'
(5110,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(5114,28): run-time error CSS1039: Token not allowed after unary operator: '-brand--yellow-fill-bg'
(5118,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-light-blue-border'
(5122,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-light-blue-border'
(5133,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(5149,21): run-time error CSS1039: Token not allowed after unary operator: '-transform-gpu'
(5163,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-green-bg'
(5164,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-border'
(5168,28): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(5169,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-warning-infobox-bg'
(5188,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-navbar-background'
(5202,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5203,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(5221,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(5230,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-side-menubar-background'
(5241,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(5244,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5256,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5261,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(5262,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5264,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5270,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxs'
(5271,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-appmenubar-background'
(5286,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-appmenu-background'
(5314,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5318,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5346,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5377,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-header-bg'
(5379,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5383,22): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5391,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5399,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5401,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5402,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5403,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5427,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5441,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(5442,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5484,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(5486,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(5496,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(5497,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5510,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5511,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5523,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5524,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5535,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5541,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5542,35): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5543,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5549,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5551,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5555,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5556,35): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5560,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5565,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5570,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5572,39): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(5585,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5591,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5593,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5594,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5595,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5641,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5645,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5647,38): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(5648,43): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(5649,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(5654,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5656,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5657,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5658,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5681,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5682,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5687,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5698,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(5699,18): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(5701,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(5714,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(5715,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5716,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5726,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5728,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5729,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5738,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(5739,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5741,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5742,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5750,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(5750,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5750,68): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(5759,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5760,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5762,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(5763,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5764,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5768,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-background'
(5773,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(5783,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5784,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5785,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5794,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(5799,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(5815,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(5820,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(5820,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(5829,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5830,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5836,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5843,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(5845,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(5851,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(5852,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(5853,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(5858,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5870,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(5874,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(5875,35): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(5894,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5894,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5895,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5895,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(5985,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(5990,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(6042,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(6065,17): run-time error CSS1039: Token not allowed after unary operator: '-global-attendance-status-color'
(6066,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(6068,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxxl'
(6077,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-italic'
(6133,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(6141,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(6149,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-second-color'
(6157,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-last-color'
(6163,32): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(6167,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(6190,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(6191,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(6212,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(6219,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color-one'
(6243,35): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(6338,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6343,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6345,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(6346,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6347,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6352,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6356,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(6390,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6433,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(6434,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(6435,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6465,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(6508,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6510,32): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(6517,32): run-time error CSS1039: Token not allowed after unary operator: '-global-checked-login'
(6521,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(6563,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6567,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6576,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(6578,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6578,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6579,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6579,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6601,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6605,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6609,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6610,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6615,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6620,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6621,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6622,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6624,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(6625,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6626,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6629,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6633,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6663,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(6664,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6665,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6696,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6697,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(6702,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(6703,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(6712,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6713,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6726,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6733,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6734,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6747,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6758,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6764,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6765,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(6776,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(6781,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(6781,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(6788,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(6794,17): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(6814,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6815,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6816,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(6817,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(6825,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(6827,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(6827,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(6828,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6828,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6833,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(6842,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6852,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6853,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6854,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6857,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6864,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6865,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6893,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(6907,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6916,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(6917,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6919,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6919,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6920,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6920,62): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6926,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(6928,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6928,55): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6929,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6929,60): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(6930,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6931,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(6932,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6934,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6961,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(6962,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(6963,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6971,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(6974,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(6975,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(6984,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(6985,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(6987,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(6992,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(7022,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7030,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7031,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7037,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7041,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7045,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7059,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7069,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7084,31): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(7199,38): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(7211,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7212,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7307,29): run-time error CSS1046: Expect comma, found '83'
(7307,36): run-time error CSS1046: Expect comma, found '/'
(7312,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7335,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7344,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7349,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(7353,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(7366,33): run-time error CSS1046: Expect comma, found '83'
(7366,40): run-time error CSS1046: Expect comma, found '/'
(7371,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7387,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7388,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7389,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7405,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7406,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(7406,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7413,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7426,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7431,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(7472,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-primary'
(7476,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(7507,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(7524,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7524,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7525,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7525,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7529,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7529,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7530,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(7530,59): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(7562,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7588,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7597,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7620,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(7632,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(7636,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7637,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7638,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7642,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7669,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7670,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7671,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7678,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7688,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7697,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(7717,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7737,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7742,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7747,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7752,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7757,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7762,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7766,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-inprogress-background'
(7795,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-completed-background'
(7802,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-process-incomplete-background'
(7813,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(7813,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(7817,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7818,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7819,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7821,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(7825,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7826,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(7827,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(7828,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7845,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7847,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7847,61): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7857,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7858,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7862,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(7908,29): run-time error CSS1046: Expect comma, found '83'
(7908,36): run-time error CSS1046: Expect comma, found '/'
(7910,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7911,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7912,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(7924,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7962,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(7979,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7980,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(7981,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7981,55): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7981,83): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7982,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7982,60): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7982,88): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(7990,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(7991,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(7992,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(7996,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8056,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(8063,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8063,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8069,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8074,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(8075,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8076,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8076,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8077,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8078,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8095,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(8174,35): run-time error CSS1039: Token not allowed after unary operator: '-global-lists-box-border'
(8210,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8221,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(8231,49): run-time error CSS1030: Expected identifier, found ','
(8231,63): run-time error CSS1031: Expected selector, found ')'
(8231,63): run-time error CSS1025: Expected comma or open brace, found ')'
(8236,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8237,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8238,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8239,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8308,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8315,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8316,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(8317,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(8343,29): run-time error CSS1046: Expect comma, found '83'
(8343,36): run-time error CSS1046: Expect comma, found '/'
(8345,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8346,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8350,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8351,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8379,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8390,45): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8401,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8421,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8422,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8426,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8436,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8437,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8438,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8453,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8454,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(8477,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(8478,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8479,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8481,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8482,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8483,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8484,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8530,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(8550,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8551,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8555,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8556,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8564,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(8565,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8566,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8567,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8568,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8573,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8586,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8588,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8589,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(8602,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8603,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8604,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8610,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(8611,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(8615,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8616,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8617,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8618,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8626,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8627,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8632,17): run-time error CSS1039: Token not allowed after unary operator: '-quick-mail-right-container'
(8641,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8641,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8642,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8643,17): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8653,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(8658,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8659,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8667,29): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(8671,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8673,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8673,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8677,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8678,28): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-border'
(8682,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8682,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8686,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8731,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(8765,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(8766,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8767,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8768,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8769,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8770,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8771,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8776,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(8788,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8793,41): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8793,73): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8794,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8795,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8796,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8797,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8801,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8801,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8805,35): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(8806,40): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(8807,28): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(8808,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8813,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(8813,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(8835,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(8839,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8840,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8909,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(8912,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8913,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8914,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8919,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(8921,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(8922,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(8923,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8924,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8929,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8933,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(8938,32): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(8939,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8944,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(8945,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8946,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8947,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8948,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(8949,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(8971,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(8989,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxs'
(8990,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(8991,24): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8995,52): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(8995,78): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9013,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9018,21): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(9058,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9075,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9079,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(9086,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(9087,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(9093,44): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(9094,49): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(9095,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(9096,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(9102,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(9145,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9147,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(9149,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(9159,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(9167,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9168,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9169,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9170,31): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9188,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-manage-home-color'
(9189,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9194,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-statistics-green'
(9195,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9201,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(9212,35): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9218,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(9231,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9240,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9241,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9242,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9252,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9282,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9283,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9287,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9291,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9295,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(9300,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(9301,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9304,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9305,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9312,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(9313,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9314,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9324,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(9337,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9382,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9383,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(9524,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9544,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9545,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9550,32): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9559,18): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(9563,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9564,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(9565,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9569,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(9574,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9582,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9586,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(9587,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9588,24): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9591,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9604,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9605,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9605,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9606,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9606,62): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9610,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9617,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9640,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(9640,61): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(9658,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9662,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9663,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9667,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(9677,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9689,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(9690,17): run-time error CSS1039: Token not allowed after unary operator: '-global-local-field-input-color'
(9691,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(9744,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(9805,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-seperator'
(9815,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(9844,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9847,28): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(9848,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9849,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(9860,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(9870,52): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(9891,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(9906,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(9907,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(9908,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(9926,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(9948,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(9949,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(9950,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-email-recipients-grid-row'
(9954,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(10023,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(10024,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10025,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10027,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10028,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10030,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10031,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10046,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(10048,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10048,55): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10049,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10049,60): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10050,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10051,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10052,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10054,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10063,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10064,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10065,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10068,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10073,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10074,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(10076,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10076,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10077,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10077,62): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10085,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(10087,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10087,61): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10088,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10088,66): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10089,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10090,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10091,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10093,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10107,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10108,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10109,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10110,39): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10114,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10115,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10120,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10125,33): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10138,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10142,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10147,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10151,35): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10155,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10159,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10163,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10167,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10171,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10175,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10179,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10183,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(10198,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-onhover-bg'
(10211,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10219,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-solid-color'
(10230,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10243,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10244,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10250,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10251,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10255,28): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10263,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10276,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10277,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10278,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10283,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10287,17): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-custom-pagination-disabled-color'
(10299,24): run-time error CSS1039: Token not allowed after unary operator: '-global-custom-pagination-color'
(10331,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-alert-window'
(10354,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(10404,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(10421,33): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(10433,40): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(10450,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10450,61): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10451,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10451,66): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10476,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10478,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10479,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10480,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10481,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10495,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(10505,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10506,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10507,24): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10507,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10507,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10507,131): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(10542,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10544,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10545,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10546,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10547,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10563,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10575,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10579,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10581,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10583,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10594,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10597,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10598,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10599,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(10602,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10603,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(10609,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(10610,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10611,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10624,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(10634,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(10636,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(10637,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(10657,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(10661,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10662,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10664,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10678,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10679,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10683,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10683,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10684,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10684,58): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(10779,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(10793,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(10794,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(10796,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(10806,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10807,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10808,44): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(10819,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10820,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10890,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10899,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10900,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(10906,39): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(10911,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10920,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(10925,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(10929,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(10939,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10943,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10949,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10955,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(10959,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10963,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(10987,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(10989,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(10994,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dailyAttendance-grid-color'
(11006,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dailyAttendance-grid-color'
(11039,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-first-header-color'
(11042,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-second-header-color'
(11043,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-second-header-color'
(11044,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-fourth-header-color'
(11045,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(11046,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-cell-last-header-color'
(11049,28): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-border-color'
(11056,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-row-header-color'
(11060,29): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-border-color'
(11064,31): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11068,31): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11078,39): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11079,40): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11091,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-first-cell-color'
(11092,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(11093,39): run-time error CSS1039: Token not allowed after unary operator: '-global-table-border-color'
(11094,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(11096,35): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-first-cell-border-color'
(11099,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(11110,21): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-box-color'
(11126,28): run-time error CSS1039: Token not allowed after unary operator: '-global-schedule-roomnum-color'
(11127,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-roomnum-color'
(11129,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11133,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11135,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(11136,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(11145,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(11168,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11169,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11170,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11184,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(11188,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(11193,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(11201,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11269,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11271,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(11277,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(11278,28): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(11293,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11294,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11295,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11318,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(11564,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11608,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(11609,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11610,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(11618,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(11643,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-two'
(11647,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(11651,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(11655,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(11659,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(11663,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(11667,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-two'
(11671,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(11675,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11676,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11680,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(11684,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(11705,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11715,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11729,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11733,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(11750,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(11771,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(11772,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11778,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(11779,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(11793,35): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(11799,34): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(11805,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11814,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(11824,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11825,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11831,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11832,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(11843,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11844,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(11845,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(11850,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(11870,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(11894,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(11895,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(11905,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(11911,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(11943,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(12004,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12005,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12014,32): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(12037,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12053,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(12054,31): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12055,36): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12064,40): run-time error CSS1039: Token not allowed after unary operator: '-global-expanded-container-border'
(12068,40): run-time error CSS1039: Token not allowed after unary operator: '-global-expanded-container-border'
(12069,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12070,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12083,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(12120,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12125,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-bold'
(12127,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12143,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12144,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12145,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12214,29): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12215,34): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12216,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12250,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12263,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12264,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12265,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12266,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12267,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12269,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12273,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(12274,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(12279,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxl'
(12289,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12290,30): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12296,21): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(12297,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(12301,36): run-time error CSS1039: Token not allowed after unary operator: '-global-login-drawer-border'
(12303,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(12304,34): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-black-boxshadow'
(12305,25): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12305,60): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(12317,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12318,35): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(12319,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(12333,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12347,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(12350,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12375,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(12379,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(12387,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background'
(12392,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12397,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12403,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tile-light-color'
(12409,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12421,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(12434,22): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(12446,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12450,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-grid'
(12463,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-grey-bg'
(12469,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-purple-border'
(12579,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(12587,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12597,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(12643,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12652,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-dim-grey-border'
(12663,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12667,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(12689,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(12699,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12721,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(12722,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12759,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(12760,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(12761,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12762,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(12768,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(12772,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(12773,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(12774,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(12783,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(12786,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12818,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12822,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(12823,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12836,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(12841,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(12877,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(12880,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12881,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12898,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(12900,18): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(12901,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12912,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12912,53): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12928,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(12930,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(12940,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13004,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13005,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13011,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(13015,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13019,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13021,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(13026,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13042,35): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13043,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13060,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13061,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13067,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13074,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(13076,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(13083,36): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(13084,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13085,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(13090,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13113,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(13119,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13138,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(13139,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(13145,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(13146,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(13152,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13158,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13165,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13171,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13175,22): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13179,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13179,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13180,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(13199,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13207,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13214,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13227,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxl'
(13234,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(13235,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(13242,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(13290,35): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(13294,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(13319,18): run-time error CSS1039: Token not allowed after unary operator: '-excel-wizard-filter-box-height'
(13324,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13324,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13324,68): run-time error CSS1039: Token not allowed after unary operator: '-excel-wizard-filter-box-height'
(13324,108): run-time error CSS1039: Token not allowed after unary operator: '-app-menubar-height'
(13337,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13337,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13355,22): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(13388,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13394,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13414,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13415,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13415,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13431,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(13433,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(13433,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(13437,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13439,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13439,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(13447,32): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(13472,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(13510,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(13511,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13512,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(13513,53): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(13514,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(13515,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-pink'
(13516,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-orange'
(13531,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13537,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13538,30): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13546,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxl'
(13548,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13553,42): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(13554,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13559,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(13563,42): run-time error CSS1039: Token not allowed after unary operator: '-global-capsule-shadow-color'
(13564,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-navyblue-border'
(13568,42): run-time error CSS1039: Token not allowed after unary operator: '-global-capsule-shadow-color'
(13569,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-navyblue-border'
(13684,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(13684,48): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(13689,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(13693,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13695,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(13699,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13755,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13789,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(13823,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(13833,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(13867,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(13867,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(13899,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(13900,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(13906,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(13910,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(13917,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(13918,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(13919,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(13938,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxxl'
(13950,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(14056,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(14065,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(14073,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14074,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14075,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14079,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14083,39): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14103,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14135,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(14195,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(14199,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14204,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14204,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14208,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(14217,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14229,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(14263,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14267,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14268,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14281,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14289,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(14296,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(14344,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14346,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(14347,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(14348,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14349,29): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14368,37): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14380,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(14387,29): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(14388,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14389,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14423,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14424,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14425,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14426,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14427,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14456,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(14484,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14503,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(14516,28): run-time error CSS1039: Token not allowed after unary operator: '-global-ultra-lightish-grey-border'
(14553,99): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14555,55): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14556,68): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(14584,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(14596,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(14604,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(14608,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(14617,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(14631,28): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(14654,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14668,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(14669,67): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(14670,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-red'
(14671,80): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(14672,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(14673,61): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-tardy-bgcolor'
(14674,65): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-dismissal-bgcolor'
(14675,130): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(14676,69): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(14677,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-tile-green'
(14678,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(14683,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14683,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14689,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(14695,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(14709,54): run-time error CSS1039: Token not allowed after unary operator: '-global-seperator-color'
(14720,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-purple-color'
(14739,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-dismissal-bgcolor'
(14817,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(14876,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(14902,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14903,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(14908,54): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14909,61): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(14923,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-modal-color'
(14947,78): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(14947,99): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(14958,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(14970,36): run-time error CSS1039: Token not allowed after unary operator: '-brand-dimlight-blue-bg'
(14971,36): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(14975,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(14980,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(14984,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(14990,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(14992,24): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-grey-border'
(15000,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(15001,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15008,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15009,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(15016,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(15029,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(15049,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(15055,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15076,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(15086,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15101,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-blue-light-version'
(15120,22): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(15138,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(15160,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(15161,28): run-time error CSS1039: Token not allowed after unary operator: '-global-lightblue-border'
(15191,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15192,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15193,28): run-time error CSS1039: Token not allowed after unary operator: '-global-login-border'
(15194,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(15195,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(15196,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15255,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(15256,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-abs-bg-color'
(15257,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-tar-bg-color'
(15258,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-dis-bg-color'
(15275,28): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15278,75): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15279,76): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(15282,43): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15289,213): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15292,66): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(15402,71): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(15405,27): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-thumb'
(15406,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(15412,28): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-track'
(15429,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15433,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15437,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15438,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15444,35): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(15465,35): run-time error CSS1039: Token not allowed after unary operator: '-global-dim-purple-border'
(15472,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15490,49): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(15501,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(15522,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(15523,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15530,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxs'
(15563,156): run-time error CSS1039: Token not allowed after unary operator: '-brand-input-secondary-readonly'
(15564,255): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15585,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(15589,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15590,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15591,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15592,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15597,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(15604,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(15605,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(15606,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(15637,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15663,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15707,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(15712,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(15724,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15733,26): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15737,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15738,38): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(15739,36): run-time error CSS1039: Token not allowed after unary operator: '-global-dailyAttendance-border-color'
(15740,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(15745,39): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow'
(15746,32): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(15783,98): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(15803,50): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15804,49): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(15806,122): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(15820,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(15821,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15822,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15836,48): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(15839,95): run-time error CSS1039: Token not allowed after unary operator: '-global-checkbox-border'
(15845,48): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15846,50): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15847,49): run-time error CSS1039: Token not allowed after unary operator: '-global-greyish-border-light'
(15851,69): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15853,129): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-first-color'
(15854,131): run-time error CSS1039: Token not allowed after unary operator: '-brand-invoice-summary-status-payment'
(15855,125): run-time error CSS1039: Token not allowed after unary operator: '-brand-invoice-summary-status-due'
(15856,45): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-border-radius'
(15856,99): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(15857,80): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(15861,85): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(15862,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15863,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(15879,77): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(15882,69): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(15882,159): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(15883,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(15884,67): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(15890,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(15891,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(15899,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(15900,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(15943,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-orange'
(15950,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(15959,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(15993,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16023,42): run-time error CSS1039: Token not allowed after unary operator: '-global-filter-shadow'
(16027,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-action-color'
(16028,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16029,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16045,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16057,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16070,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16083,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16096,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16109,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16123,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16135,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-blue'
(16146,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16156,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16161,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16164,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16165,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16166,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16173,28): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(16174,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16175,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16180,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16181,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16182,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16184,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16190,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16191,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16192,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16193,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16194,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16197,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16203,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16204,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16207,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16211,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(16222,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16223,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(16224,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16227,17): run-time error CSS1039: Token not allowed after unary operator: '-brand-enrollment-three'
(16244,17): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16248,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(16257,26): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16259,29): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16270,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16274,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(16275,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16276,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16293,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16297,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(16304,31): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(16308,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16309,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16310,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16312,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16321,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16332,36): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16345,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16353,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16354,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16355,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16357,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16365,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16376,36): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16389,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16397,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16398,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16399,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16401,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16409,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16420,36): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16433,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(16442,56): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16446,173): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16456,67): run-time error CSS1039: Token not allowed after unary operator: '-global-box-border'
(16456,156): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16473,137): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(16475,63): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16476,91): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16477,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16477,129): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16478,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16481,89): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16482,88): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16494,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16513,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(16520,91): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16521,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16521,129): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16522,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundcolor-indicator'
(16523,136): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(16524,91): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(16531,119): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16532,192): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16552,61): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(16561,238): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16561,302): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16562,92): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16563,126): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16564,49): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(16565,103): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16570,30): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(16571,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-penalty-second-color'
(16572,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-badge-notification-background'
(16573,39): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(16577,323): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16589,100): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-selection-color'
(16599,189): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxxxxl'
(16605,70): run-time error CSS1039: Token not allowed after unary operator: '-global-active-background'
(16613,218): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16614,77): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16615,49): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple-large'
(16616,140): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16616,182): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-tripple-large'
(16617,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16617,96): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16618,64): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(16618,112): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16632,94): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16649,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(16659,65): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16660,60): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16665,124): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(16666,131): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16666,188): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16668,90): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(16671,313): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-dark-background-alpha'
(16678,97): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(16678,118): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(16685,68): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16686,62): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16686,122): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16686,171): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16688,127): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(16690,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-backgroundblue'
(16690,113): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(16699,67): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16700,170): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(16703,68): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16704,55): run-time error CSS1039: Token not allowed after unary operator: '-global-grade-value-bg'
(16717,137): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(16718,134): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16719,132): run-time error CSS1039: Token not allowed after unary operator: '-brand-danger-bg-color'
(16720,279): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16720,321): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16724,159): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16734,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16736,22): run-time error CSS1039: Token not allowed after unary operator: '-global-light-green-color'
(16742,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16750,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16755,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16756,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16776,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-schedule-div-color'
(16788,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16791,29): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(16792,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16806,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16807,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(16810,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16814,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(16822,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16827,64): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16828,59): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(16830,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16843,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background-rgb'
(16843,71): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(16847,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16856,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(16864,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16864,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16881,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(16903,186): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(16909,68): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(16915,71): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16915,115): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16916,77): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16924,45): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(16924,105): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16924,154): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16924,194): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(16924,243): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16924,301): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16924,347): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16925,51): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(16927,41): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16927,93): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(16928,59): run-time error CSS1039: Token not allowed after unary operator: '-quick-mail-right-container'
(16930,83): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(16930,115): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16930,160): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(16930,212): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(16933,79): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16935,65): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(16935,126): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(16935,167): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(16935,215): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16935,257): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(16936,63): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(16936,95): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16937,63): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(16937,128): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(16937,181): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(16937,242): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16938,66): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(16938,98): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(16940,66): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(16940,126): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(16958,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(16963,23): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(16964,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16965,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16966,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16967,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16976,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(16977,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16978,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16982,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(16983,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16984,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(16985,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(16986,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(16987,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16988,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(16995,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(16996,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(16997,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(16999,128): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17001,112): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(17006,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(17011,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(17012,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17013,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17018,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(17024,133): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17026,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17027,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17031,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17064,56): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17064,105): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17070,100): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17071,157): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17072,69): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17073,127): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17074,111): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17075,111): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17076,144): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17078,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17082,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17086,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17090,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17094,32): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(17098,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17099,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17100,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17114,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17116,34): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17117,39): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(17138,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17139,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17140,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(17149,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17150,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(17151,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(17152,17): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(17160,102): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(17162,45): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(17162,100): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17164,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17164,169): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17164,201): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17165,95): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17165,159): run-time error CSS1039: Token not allowed after unary operator: '-global-editor-border'
(17166,56): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(17166,88): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(17167,55): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17172,55): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17185,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17188,28): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(17189,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17190,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17201,52): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17211,52): run-time error CSS1039: Token not allowed after unary operator: '-global-tooltip-bdr'
(17224,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17225,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17228,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17231,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(17249,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17259,99): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17260,94): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17260,137): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17262,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17297,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17302,126): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17303,113): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17303,185): run-time error CSS1039: Token not allowed after unary operator: '-global-gray-shadow-color'
(17307,54): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17308,78): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(17308,141): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17313,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-blue-border-color'
(17315,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17316,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(17319,118): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17387,37): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17397,89): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17398,43): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17398,114): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17420,81): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17444,196): run-time error CSS1039: Token not allowed after unary operator: '-global-card-border'
(17448,142): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17449,97): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17450,103): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17457,225): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17471,131): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17472,131): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(17473,108): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17477,125): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17478,127): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightwhite-bg-color'
(17497,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17498,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-text-editer-toolbar-bg'
(17533,75): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(17534,81): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-gray-bg-color'
(17538,239): run-time error CSS1039: Token not allowed after unary operator: '-global-light-grey-color'
(17541,187): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-gray-bg-color'
(17546,217): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17555,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(17580,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(17584,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-bluegrey-color'
(17588,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-grey-header-color'
(17597,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(17620,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(17755,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(17756,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(17778,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17798,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17800,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17815,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17820,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17848,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-student-absence-bgcolor'
(17853,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(17858,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(17863,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-semi-grey-bg'
(17864,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-tertiary'
(17865,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(17866,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17867,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17886,69): run-time error CSS1039: Token not allowed after unary operator: '-opacity-six'
(17891,81): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17892,90): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17893,93): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17893,139): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17896,71): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(17896,131): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17897,128): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17897,185): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17899,113): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(17902,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17909,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17910,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17911,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17914,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17915,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17918,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(17919,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17922,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(17925,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(17932,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(17933,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(17936,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(17940,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(17947,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17953,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(17956,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(17959,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(17974,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(17996,56): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(17998,56): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(18021,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(18049,93): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18116,231): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18120,80): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18124,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(18125,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(18126,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(18128,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18131,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18143,84): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18152,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18163,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18177,78): run-time error CSS1030: Expected identifier, found '#divReportsView'
(18177,93): run-time error CSS1031: Expected selector, found ')'
(18177,93): run-time error CSS1025: Expected comma or open brace, found ')'
(18180,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18181,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18186,81): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(18191,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18193,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18195,75): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18195,129): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18209,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18211,27): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18211,55): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18212,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18222,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18235,17): run-time error CSS1039: Token not allowed after unary operator: '-global-import-success'
(18239,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(18240,40): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18240,87): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(18241,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18246,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-status-green'
(18250,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18272,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18292,32): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(18296,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(18297,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(18300,17): run-time error CSS1039: Token not allowed after unary operator: '-global-color-secondary'
(18308,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(18309,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-dark-background'
(18313,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18323,180): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(18378,185): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(18379,94): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(18387,38): run-time error CSS1039: Token not allowed after unary operator: '-brand-red'
(18391,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-red'
(18391,79): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(18391,158): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(18394,82): run-time error CSS1039: Token not allowed after unary operator: '-brand-disable-bg-color'
(18394,165): run-time error CSS1039: Token not allowed after unary operator: '-global-select-background'
(18407,28): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(18408,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18409,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(18410,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(18421,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18425,108): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18430,85): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18431,83): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(18434,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18434,135): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(18434,189): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18436,135): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18436,183): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(18436,224): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(18438,84): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue'
(18438,126): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(18438,197): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18439,75): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(18440,135): run-time error CSS1039: Token not allowed after unary operator: '-global-green-color'
(18440,172): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(18451,61): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18452,42): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(18454,81): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(18490,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18508,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18534,169): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(18535,62): run-time error CSS1039: Token not allowed after unary operator: '-global-text-required'
(18535,102): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(18540,15): run-time error CSS1030: Expected identifier, found '#divSendEmail'
(18540,28): run-time error CSS1031: Expected selector, found ')'
(18540,28): run-time error CSS1025: Expected comma or open brace, found ')'
(18541,15): run-time error CSS1030: Expected identifier, found '#divSendEmailPreview'
(18541,35): run-time error CSS1031: Expected selector, found ')'
(18541,35): run-time error CSS1025: Expected comma or open brace, found ')'
(18562,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18572,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(18584,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18586,119): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18588,100): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-header-bg'
(18588,136): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(18588,192): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18599,46): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(18603,109): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(18604,87): run-time error CSS1030: Expected identifier, found '.'
(18604,98): run-time error CSS1031: Expected selector, found ')'
(18604,98): run-time error CSS1025: Expected comma or open brace, found ')'
(18605,87): run-time error CSS1030: Expected identifier, found '.'
(18605,98): run-time error CSS1031: Expected selector, found ')'
(18605,98): run-time error CSS1025: Expected comma or open brace, found ')'
(18624,117): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18624,168): run-time error CSS1039: Token not allowed after unary operator: '-global-lightblue-border'
(18633,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-orange'
(18634,72): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(18637,85): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(18637,105): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(18639,117): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18639,171): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18649,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18650,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(18652,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(18660,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-orange-color'
(18667,25): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18667,63): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18672,27): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18672,61): run-time error CSS1039: Token not allowed after unary operator: '-global-large-border-radius'
(18687,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(18696,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18838,28): run-time error CSS1034: 
(18838,28): run-time error CSS1042: Expected function, found ','
(18838,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(18840,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(18849,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(18877,40): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(18880,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18883,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(18899,28): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(18906,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(18907,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18913,29): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(18914,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(18919,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark'
(18924,22): run-time error CSS1039: Token not allowed after unary operator: '-global-dimlight-blue-bg'
(18930,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(18940,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(18945,33): run-time error CSS1039: Token not allowed after unary operator: '-global-lightish-blue-border'
(18972,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(18973,28): run-time error CSS1039: Token not allowed after unary operator: '-global-lightish-grey-border'
(18976,58): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(18994,161): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(18999,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(19011,175): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19030,77): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(19030,97): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(19045,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(19056,17): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(19057,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19059,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxl'
(19066,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19067,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19081,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19082,25): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19091,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-lg'
(19105,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19106,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-bold-font-weight'
(19107,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19111,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(19121,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19132,34): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19133,37): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19137,35): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19138,38): run-time error CSS1039: Token not allowed after unary operator: '-global-extra-large-border-radius'
(19149,28): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(19150,34): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19151,39): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-boxshadow'
(19153,28): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(19154,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19157,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(19158,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19180,33): run-time error CSS1039: Token not allowed after unary operator: '-tooltip-bg-color'
(19193,33): run-time error CSS1039: Token not allowed after unary operator: '-global-user-menu-border'
(19214,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19215,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19216,35): run-time error CSS1039: Token not allowed after unary operator: '-global-penalty-summary-details-color'
(19219,37): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19220,38): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19226,28): run-time error CSS1039: Token not allowed after unary operator: '-global-verylight-blue-border-color'
(19234,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(19245,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(19277,119): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(19277,185): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(19278,157): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19280,148): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19281,227): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(19282,91): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19283,31): run-time error CSS1030: Expected identifier, found '.'
(19283,66): run-time error CSS1031: Expected selector, found ')'
(19283,66): run-time error CSS1025: Expected comma or open brace, found ')'
(19284,108): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19286,83): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19288,131): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19289,99): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19305,110): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(19310,126): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(19321,35): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19340,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(19358,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-popup-background'
(19381,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-light-dark'
(19393,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19416,34): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(19420,34): run-time error CSS1039: Token not allowed after unary operator: '-global-automatic-alert-popup-title-background-color'
(19488,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19492,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19539,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-primary-background'
(19550,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19554,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(19571,21): run-time error CSS1030: Expected identifier, found '.'
(19571,32): run-time error CSS1031: Expected selector, found ')'
(19571,32): run-time error CSS1025: Expected comma or open brace, found ')'
(19603,28): run-time error CSS1030: Expected identifier, found '#divSectionAddEdit'
(19603,46): run-time error CSS1031: Expected selector, found ')'
(19603,46): run-time error CSS1025: Expected comma or open brace, found ')'
(19662,28): run-time error CSS1039: Token not allowed after unary operator: '-dashboard-background-color'
(19689,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19702,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(19714,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19722,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19736,28): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19753,28): run-time error CSS1039: Token not allowed after unary operator: '-global-app-toggle-border'
(19757,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19758,30): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19759,28): run-time error CSS1039: Token not allowed after unary operator: '-global-link-color'
(19762,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-light'
(19767,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dark-backgroundcolor-indicator'
(19778,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19781,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(19787,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-gray-border-color'
(19794,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19794,57): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(19797,33): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19798,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(19828,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(19883,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-grey-bg'
(19937,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-app-header-background'
(19938,33): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(19957,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(19979,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(20002,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-yellow'
(20005,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-blue'
(20008,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-green'
(20011,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-color-indicator-grey'
(20017,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20017,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20018,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(20047,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20047,44): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20047,67): run-time error CSS1039: Token not allowed after unary operator: '-schedule-filter-box-height'
(20047,103): run-time error CSS1039: Token not allowed after unary operator: '-app-breadcrump-height'
(20047,134): run-time error CSS1039: Token not allowed after unary operator: '-app-menu-bar-height'
(20076,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20104,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20111,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-odd-bg'
(20114,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-even-bg'
(20123,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightish-grey-bg'
(20124,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20150,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20151,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(20154,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20155,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(20172,141): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20182,114): run-time error CSS1030: Expected identifier, found '#grdSelectedStudentList'
(20182,137): run-time error CSS1031: Expected selector, found ')'
(20182,137): run-time error CSS1025: Expected comma or open brace, found ')'
(20241,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20245,85): run-time error CSS1030: Expected identifier, found '.'
(20245,111): run-time error CSS1031: Expected selector, found ')'
(20245,111): run-time error CSS1025: Expected comma or open brace, found ')'
(20252,159): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxxl'
(20259,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20259,43): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20272,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(20273,33): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(20293,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-dim-blue-bg'
(20294,33): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(20295,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(20313,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-grey-border-color'
(20323,17): run-time error CSS1039: Token not allowed after unary operator: '-global-blue-border'
(20352,33): run-time error CSS1039: Token not allowed after unary operator: '-global-bluish-border'
(20358,33): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(20362,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-bluish-bg'
(20363,28): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-color'
(20365,34): run-time error CSS1039: Token not allowed after unary operator: '-global-box-shadow-color'
(20369,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(20373,34): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(20374,33): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(20375,35): run-time error CSS1039: Token not allowed after unary operator: '-global-hr-border-color'
(20384,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-main-backgroundcolor-indicator'
(20416,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20425,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(20426,29): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-blue-background'
(20433,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20434,58): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20434,154): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20434,248): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20434,341): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20434,400): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-orange'
(20472,28): run-time error CSS1039: Token not allowed after unary operator: '-global-medium-purple-color'
(20500,28): run-time error CSS1030: Expected identifier, found '#divReportTemplateView'
(20500,50): run-time error CSS1031: Expected selector, found ')'
(20500,50): run-time error CSS1025: Expected comma or open brace, found ')'
(20503,28): run-time error CSS1030: Expected identifier, found '#divReportViewer'
(20503,44): run-time error CSS1031: Expected selector, found ')'
(20503,44): run-time error CSS1025: Expected comma or open brace, found ')'
(20515,34): run-time error CSS1039: Token not allowed after unary operator: '-global-light-blue-bdr'
(20520,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20524,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-grid-background'
(20528,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-fade-highlight-background'
(20533,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(20543,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-light-orange'
(20544,28): run-time error CSS1039: Token not allowed after unary operator: '-global-orange-border'
(20555,23): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20619,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20638,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20661,24): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(20661,45): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(20661,68): run-time error CSS1039: Token not allowed after unary operator: '-setup-center-filter-box'
(20695,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20696,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20720,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20731,28): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(20796,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20796,68): run-time error CSS1039: Token not allowed after unary operator: '-opacity-four'
(20840,25): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20869,39): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20876,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20882,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20885,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20903,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20904,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20943,33): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(20944,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(20948,34): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(20952,32): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(20956,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-lightblue-background'
(20960,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(20966,27): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background-rgb'
(20992,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(20993,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21018,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(21022,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(21036,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(21089,37): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21116,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21198,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(21210,22): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(21228,28): run-time error CSS1039: Token not allowed after unary operator: '-global-input-border-color'
(21251,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21252,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21261,35): run-time error CSS1039: Token not allowed after unary operator: '-global-grid-border'
(21277,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21278,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21278,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21289,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21290,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21290,63): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21304,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(21309,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21310,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21313,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21363,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21386,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-lightish-grey-bg'
(21399,34): run-time error CSS1039: Token not allowed after unary operator: '-global-standard-grey-border'
(21414,34): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21418,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21458,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21463,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21464,40): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21464,70): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(21492,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-container-darkblue-backgroud'
(21494,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21495,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21504,17): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(21505,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(21507,23): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-regular'
(21508,23): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(21509,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(21513,40): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21518,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(21520,133): run-time error CSS1039: Token not allowed after unary operator: '-brand-editor-color'
(21526,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-orangeLight-bg'
(21533,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-three'
(21537,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-four'
(21540,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-five'
(21543,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-demographics-tab-one'
(21547,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-orangeLight-bg'
(21551,158): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21601,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21605,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21606,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21606,63): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21609,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21610,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21610,66): run-time error CSS1039: Token not allowed after unary operator: '-opacity-zero'
(21624,33): run-time error CSS1039: Token not allowed after unary operator: '-brand-table-row-background'
(21666,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grey-shade-bg'
(21667,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(21675,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21679,35): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(21813,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-grey-shade-bg'
(21814,17): run-time error CSS1039: Token not allowed after unary operator: '-global-dark-grey-color'
(21860,39): run-time error CSS1039: Token not allowed after unary operator: '-global-search-placeholder-color'
(21883,184): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(21889,101): run-time error CSS1039: Token not allowed after unary operator: '-global-border-dark-rgb'
(21889,131): run-time error CSS1039: Token not allowed after unary operator: '-opacity-two'
(21890,145): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(21913,28): run-time error CSS1039: Token not allowed after unary operator: '-brand-row-highlite'
(21917,24): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(21955,22): run-time error CSS1039: Token not allowed after unary operator: '-brand-advance-payment-bg'
(21956,28): run-time error CSS1039: Token not allowed after unary operator: '-global-process-inprogress-boxshadow'
(21983,28): run-time error CSS1039: Token not allowed after unary operator: '-global-border-light'
(21987,32): run-time error CSS1039: Token not allowed after unary operator: '-global-border-blue'
(22057,29): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22058,34): run-time error CSS1039: Token not allowed after unary operator: '-global-border-radius'
(22059,32): run-time error CSS1039: Token not allowed after unary operator: '-global-dropdown-border'
(22062,21): run-time error CSS1039: Token not allowed after unary operator: '-global-text-color'
(22096,28): run-time error CSS1039: Token not allowed after unary operator: '-global-form-container-border'
(22127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22157,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(22163,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(22169,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(22175,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(22181,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xl'
(22919,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size'
(23140,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxxs'
(23221,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xxs'
(23445,120): run-time error CSS1030: Expected identifier, found '.'
(23445,139): run-time error CSS1031: Expected selector, found ')'
(23445,139): run-time error CSS1025: Expected comma or open brace, found ')'
(23550,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(23551,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(23740,41): run-time error CSS1030: Expected identifier, found '#divAddDropCourseSectionBatch'
(23740,70): run-time error CSS1031: Expected selector, found ')'
(23740,70): run-time error CSS1025: Expected comma or open brace, found ')'
(24550,1): run-time error CSS1019: Unexpected token, found '}'
(25162,40): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(25201,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25202,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25206,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25207,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25211,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25212,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(25238,21): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(25243,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(25417,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(25420,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(25486,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25494,38): run-time error CSS1039: Token not allowed after unary operator: '-global-kendo-table-boxshadow'
(25742,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(25743,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(25940,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(26178,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(27468,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27468,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27474,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27474,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27678,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27678,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(27679,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27679,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(27683,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27683,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(27684,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27684,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(27688,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27688,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(27689,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(27689,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(27809,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27810,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27814,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27815,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(27852,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(27967,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28202,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(28286,21): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(28287,27): run-time error CSS1039: Token not allowed after unary operator: '-gloabl-default-font-weight'
(28351,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(28352,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29191,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29192,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29196,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29197,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29201,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29202,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29228,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(29316,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29432,35): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(29506,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(29916,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29917,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29921,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29922,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(29933,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(30094,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(30338,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-tabs-component-background'
(31017,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31030,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31031,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31219,36): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(31468,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31469,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(31938,32): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(32037,28): run-time error CSS1030: Expected identifier, found '#divDocumentViewer'
(32037,46): run-time error CSS1031: Expected selector, found ')'
(32037,46): run-time error CSS1025: Expected comma or open brace, found ')'
(32127,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32128,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32133,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32134,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32253,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(32253,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(32537,1): run-time error CSS1019: Unexpected token, found '}'
(32809,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-xs'
(32998,120): run-time error CSS1030: Expected identifier, found '.'
(32998,139): run-time error CSS1031: Expected selector, found ')'
(32998,139): run-time error CSS1025: Expected comma or open brace, found ')'
(33032,21): run-time error CSS1030: Expected identifier, found '.'
(33032,45): run-time error CSS1031: Expected selector, found ')'
(33032,45): run-time error CSS1025: Expected comma or open brace, found ')'
(33087,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(33273,23): run-time error CSS1030: Expected identifier, found '>'
(33273,43): run-time error CSS1031: Expected selector, found ')'
(33273,43): run-time error CSS1025: Expected comma or open brace, found ')'
(33281,65): run-time error CSS1030: Expected identifier, found '>'
(33281,85): run-time error CSS1031: Expected selector, found ')'
(33281,85): run-time error CSS1025: Expected comma or open brace, found ')'
(33305,43): run-time error CSS1030: Expected identifier, found '#PeriodAttendanceBatchEntry'
(33305,70): run-time error CSS1031: Expected selector, found ')'
(33305,70): run-time error CSS1025: Expected comma or open brace, found ')'
(33650,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33653,21): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(33960,39): run-time error CSS1039: Token not allowed after unary operator: '-global-light-color-indicator'
(33964,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-default-light-background'
(34088,25): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(34089,27): run-time error CSS1039: Token not allowed after unary operator: '-global-font-family-semibold'
(34142,94): run-time error CSS1030: Expected identifier, found '.'
(34142,114): run-time error CSS1031: Expected selector, found ')'
(34142,114): run-time error CSS1025: Expected comma or open brace, found ')'
(34155,120): run-time error CSS1030: Expected identifier, found '.'
(34155,139): run-time error CSS1031: Expected selector, found ')'
(34155,139): run-time error CSS1025: Expected comma or open brace, found ')'
(34282,33): run-time error CSS1039: Token not allowed after unary operator: '-email-right-container'
(34708,22): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(34712,28): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(34712,49): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(34712,72): run-time error CSS1039: Token not allowed after unary operator: '-one-prospect-filter-box-height'
(34716,27): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(34716,47): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(34721,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(34722,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(35138,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(35138,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(35139,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(35139,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36035,26): run-time error CSS1039: Token not allowed after unary operator: '-brand-component-secondary-background'
(36241,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36242,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36246,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36247,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(36255,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36255,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36256,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36256,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36260,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36260,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(36261,40): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(36261,63): run-time error CSS1039: Token not allowed after unary operator: '-nav-height'
(37441,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37441,51): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(37446,31): run-time error CSS1039: Token not allowed after unary operator: '-app-height'
(37446,51): run-time error CSS1039: Token not allowed after unary operator: '-header-height'
(37698,29): run-time error CSS1039: Token not allowed after unary operator: '-global-text-size-sm'
(38157,41): run-time error CSS1030: Expected identifier, found '#divACExistingStudentStaff'
(38157,67): run-time error CSS1031: Expected selector, found ')'
(38157,67): run-time error CSS1025: Expected comma or open brace, found ')'
 */
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/Roboto/Roboto-Light.eot');
    src: url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto/roboto-light-webfont.woff2') format('woff2'), url('../fonts/Roboto/roboto-light-webfont.woff') format('woff'), url('../fonts/Roboto/Roboto-Light.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.aplus-loginFooterinner {
    height: 60px;
}

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

.adminplus__abttext {
    letter-spacing: 1px;
}

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

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

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

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

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

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

.aplus-loginFooter {
    bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

    .adminplus-logo {
        width: 450px;
    }

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

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

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

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

    .redikerblueLogo {
        display: none;
    }

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

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

    .adminplus-logo {
        width: 370px;
    }

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

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

    .adminplus__bg {
        padding: 0px 5%;
    }

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

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

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

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

    .login-leftarea {
        padding: 0;
    }

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

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

    .adminplus__bg {
        padding: 0px 5%;
    }

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

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

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

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

    .redikerblueLogo {
        display: none;
    }

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

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

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

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

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

    .login-leftarea {
        padding: 0;
    }

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

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

    .login-bg {
        height: 100%;
    }

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

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

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

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

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

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

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

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

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

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

    .redikerblueLogo {
        display: none !important;
    }

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

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

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

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

        .redikerblueLogo {
            display: none !important;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.source__regularitalic {
    font-style: italic;
}

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

    --transform-gpu: translate3d(0, 0, 0);
    --transition-performance: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /*************************************Performance Optimizations************************************/
    /*************************************Spacing Scale************************************/
    /* Base spacing unit: 4px */
    --space-1: 0.25rem; /* 4px */
    --space-2: 0.5rem; /* 8px */
    --space-3: 0.75rem; /* 12px */
    --space-4: 1rem; /* 16px */
    --space-5: 1.5rem; /* 24px */
    --space-6: 2rem; /* 32px */
    --space-7: 2.5rem; /* 40px */
    --space-8: 3rem; /* 48px */

    --space-5px: 0.313rem; /* 5px */
    --space-10px: 0.625rem; /* 10px */
    --space-15px: 0.938rem; /* 15px */
    --space-20px: 1.25rem; /* 20px */
    --space-25px: 1.563rem; /* 25px */
    --space-30px: 1.875rem; /* 30px */
    --space-35px: 2.188rem; /* 35px */
    --space-40px: 2.5rem; /* 40px */
    --space-45px: 2.813rem; /* 45px */
    --space-50px: 3.125rem; /* 50px */
    /*************************************Spacing Scale************************************/
    /*************************************Color variables************************************/
    --global-text-light: var(--color-high-contrast-light, #ffffff);
    --global-text-color: var(--color-high-contrast-dark, #000000);
    --global-editor-color: var(--brand-editor-color,#239DE6);
    --global-color-primary: #333333;
    --global-color-secondary: #151E20;
    --global-color-tertiary: #666;
    --global-link-color: #007EA2;
    --global-link-dark-color: #006473;
    --global-link-color-one: #0077b6;
    --global-light-color-indicator: #28A6D7;
    --global-color-warning: #000;
    --global-color-danger: #000;
    --global-panel-title-color: #555;
    --gloabl-custom-pagination-disabled-color: #c3c3c3;
    --global-schedule-box-color: #007fa2;
    --global-local-field-input-color: #4E4E4E;
    --global-login-drawer: #2299E0;
    --global-login-text-color: #0F88A1;
    --global-search-placeholder-color: #999999;
    --global-text-required: rgb(255, 0, 0);
    --global-select-background: #c8c8c8;
    --global-login-background: #f7f8fb;
    --global-active-background: #0353A419;
    --global-togggle-button: #36A67A;
    --global-grade-value-bg: #F3F3F4;
    --global-dark-green-color: #005555;
    --global-light-grey-color: #6C757D;
    --global-send-template-text-color: #223450;
    --global-light-blue-border-color: #0353A480;
    --global-dark-blue-border-color: #027AFF;
    --global-dark-purple-color: #406CA6;
    --global-dark-orange-color: #E48B3C;
    --global-light-purple-color: #A85EB8;
    --global-light-green-color: #3E9399;
    --global-dimlight-blue-bg: #28A6D71A;
    --global-red-color: #FF0000;
    --global-green-color: #36A67A;
    --global-dark-grey-color: #636363;
    --global-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);
    --global-dim-light-blue-border: #007EA24D;
    --global-dark-rgb-box-shadow: 0,0,0;
    /******************************Border and box-shadow variables****************************/
    /*************************************Opacity variables************************************/
    --opacity-zero: 0;
    --opacity-one: 0.1;
    --opacity-two: 0.2;
    --opacity-three: 0.3;
    --opacity-four: 0.4;
    --opacity-five: 0.5;
    --opacity-six: 0.6;
    --opacity-seven: 0.7;
    --opacity-eight: 0.8;
    --opacity-nine: 0.9;
    /*************************************Opacity variables************************************/
    /*************************************Scroll bar variables************************************/
    --scrollbar-track: #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************************************/
}


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

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

h2 {
    font-size: 2rem
}

h3 {
    font-size: 1.6rem
}

h4 {
    font-size: 1.46rem
}

h5 {
    font-size: 1.34rem
}

h6 {
    font-size: 1.1rem;
}

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

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

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

.app-p-8{
    padding: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-12 {
    padding-left: 12px !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 !important;
}
.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-18{
    margin-right:18px !important;
}
.app-mr-20 {
    margin-right: 20px !important;
}

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

.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-2 {
    margin-right: 2px;
}
.app-mr-3 {
    margin-right: 3px;
}
.app-ml-auto {
    margin-left: auto;
}
.app-mt-auto {
    margin-top: auto;
}
.app-mb-auto {
    margin-bottom: auto;
}

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

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

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

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

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

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

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

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

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

.app-m-0 {
    margin: 0 !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: 0 !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-mb-65 {
    margin-bottom: 65px !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: 0 !important;
}

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

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

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

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

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

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

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

.app-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-grid-align-items-start {
    align-content: start
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.app-right-20 {
    right: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: 0;
    border: 1px solid var(--global-user-menu-border);
    box-shadow: none;
    -moz-box-shadow: none;
    background: var(--brand-default-light-background);
}
/*common for dropdown*/
.dropdown.open > .dropdown-menu {
    display: block;
}
/*common for dropdown*/
.app__dropdownmenulist .dropdown-menu li a {
    padding: 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: 0;
    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 0 -3px 6px var(--global-box-shadow-color);
        -moz-box-shadow: inset 0 -3px 6px var(--global-box-shadow-color);
    }

    .app-toggle > label::after {
        background: var(--brand-default-light-background);
        border-radius: 16px;
        -moz-border-radius: 16px;
        content: '';
        height: 20px;
        left: 0;
        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-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);
}
.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);
}
/*************************************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: 0;
}
.app-width-fit {
    width: fit-content;
}
.app-no-wrap {
    white-space: nowrap;
}
.app-white-space {
    white-space: nowrap;
}
.app-white-space-normal {
    white-space:normal;
}
.app-word-break-all {
    word-break: break-all;
}
.app-no-max-width {
    max-width: none;
}

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

.app-students-header {
    color: var(--global-color-primary) !important;
}
.app-line-height-0 {
    line-height: 0;
}
.app-line-height-20 {
    line-height: 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--active {
        border: 1px solid var(--global-grid-selection-color) !important;
    }

    .input__textarea textarea {
        border: none;
        height: 100%;
        border-radius: var(--global-border-radius) !important;
        -moz-border-radius: var(--global-border-radius) !important;
        color: var(--global-text-color);
        font-size: var(--font-16px);
        font-family: var(--source-sans-pro-regular);
        font-weight: var(--gloabl-default-font-weight) !important;
        min-height:  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) !important;
}

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

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

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

.app-border {
    border: 1px solid #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-grey-dashed-border {
    border: 1px dashed var(--global-standard-grey-border);
}

.app-border-blue {
    border: 1px solid var(--global-border-blue);
}
.app-border-white {
    border: 1px solid var(--global-border-light);
}
.app-border-bottom-white {
    border-bottom: 1px solid var(--global-border-light);
}
.app-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: 0 3px 6px var(--global-kendo-table-boxshadow);
    -moz-box-shadow: 0 3px 6px var(--global-kendo-table-boxshadow);
}

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

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

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

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

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

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

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

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

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

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

.app-w-9 {
    width: 9px;
}
.app-w-14px {
    width:14px;
}
.app-w-16 {
    width: 16px;
}
.app-w-20px {
    width:20px !important;
}
.app-w-26px {
    width: 26px;
}
.app-h-16 {
    height: 16px;
}
.app-h-18 {
    height: 18px;
}
.app-h-12 {
    height: 12px !important;
}
.app-w-100 {
    width: 100% !important;
}
.app-width-100px {
    width:100px;
}
.app-width-80px {
    width:80px;
}
.app-w-18{
    width: 18px;
}
.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-335 {
    max-width: 335px;
}
.app-max-w-100{
    max-width:100% !important;
}
.app-max-w-300 {
    max-width:300px;
}
.app-max-w-200 {
    max-width: 200px;
}
.app-max-w-220 {
    max-width: 220px;
}
.app-max-w-250 {
    max-width: 250px;
}
.app-max-w-270 {
    max-width: 270px;
}
.app-max-w-107 {
    max-width: 107px;
}

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

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

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

.app-w-55{
    width: 55% !important;
}
.app-w-60 {
    width: 60% !important;
}
.app-w-65 {
    width: 65% !important;
}
.app-w-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-width-max-content{
    min-width: max-content;
}
.app-min-w-120px {
    min-width: 120px;
}
.app-mw-90px {
    min-width:90px;
}
.app-min-w-200px {
    min-width: 200px;
}
.app-min-w-700 {
    min-width: 700px;
}
.app-w-165px {
    width: 165px;
}
.app-w-170 {
    width: 170px!important;
}
.app-w-180 {
    width: 180px !important;
}
.app-w-185 {
    width: 185px !important;
}
.app-w-205{
    width:205px !important;
}

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

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

.app-w-190, .app__dropdown .k-dropdownlist.app-w-190 {
    width: 190px !important;
}

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

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

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

.app-w-195 {
    width: 195px;
    min-width:195px;
}
.app-w-240 {
    width: 240px;
}
.app-w-250 {
    width: 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 !important;
}
.app-width-20 {
    width: 20px;
}
.app-width-40 {
    width: 40px;
}
.app-width-60 {
    width: 60px !important;
}
.app-w-40 {
    width: 40% !important;
}
.app-w-48 {
    width: 48% !important;
}
.app-w-68 {
    width: 68% !important;
}
.app-w-70 {
    width: 70%!important;
}
.app-width-75 {
    width:75%!important
}
.app-w-90 {
    width: 90% !important;
}
.app-w-95 {
    width: 95% !important;
}
.app-w-98 {
    width: 98% !important;
}
.app-w-30 {
    width: 30% !important;
}
.app-w-38 {
    width: 38% !important;
}
.app-w-45 {
    width: 45% !important;
}
.app-w-150 {
    width: 150px !important;
}

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

.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-minwidth-400 {
    min-width: 400px;
}

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

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

.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-21px {
    min-height: 21px !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 !important;
}
.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-33 {
    height: 33px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.app-black-bg {
    background-color: var(--brand-default-dark-background) !important;
}
.app-dark-blue-bg {
    background-color: var(--brand-container-darkblue-backgroud);
}
.app-white-bg {
    background-color: var(--brand-default-light-background) !important;
}
.app-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-card-light-header {
    background: var(--brand-container-lighter-background);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.app-edit {
    background: url(../Images/AdminPlus/edit-small-black.svg) no-repeat transparent !important;
    border: none;
    width: 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-gap-10 {
    gap: 10px;
}
.app-row-gap-20 {
    row-gap:20px;
}
.app-column-gap-5{
    column-gap:5px;
}
.app-column-gap-10 {
    column-gap: 10px;
}
.app-column-gap-20 {
    column-gap: 20px;
}
.app-column-gap-20 {
    column-gap:20px;
}
.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 0 1px 0 !important;
        margin: 0 0 13px 0;
        border: 0;
        border-radius: 0;
        -moz-border-radius: 0;
        border-bottom: 3px solid transparent;
        font-weight: 500 !important;
        cursor: pointer;
        font-size: var(--global-text-size);
    }

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

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

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

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

.apps__tabs-header {
    position: relative;
}

    .apps__tabs-header .startup_page {
        position: absolute;
        top: 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-align-text-top {
    vertical-align: text-top;
}
.app-vertical-top{
    vertical-align: top;
}
.app-vertical-sub {
    vertical-align: sub;
}
.app-width-115 {
    width: 115px;
}

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

.app-w-75{
    max-width:75%;
}
.app__greyline__seperator {
    border-left: 1px solid var(--global-login-border);
    height: auto;
    margin: 0 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: 0;
    -moz-border-radius: 0;
    padding-right: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

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

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

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

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

.app-table-kgrid__container td {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), 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: 0 !important;
    border: none !important;
}

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

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

.app-combo-dropdown .k-button {
    background: transparent;
    width: 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: 0 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:0; 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: 0 3px 6px var( --global-user-menu-boxshadow);
}

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

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

.app-kendo-table-border {
    border-color: rgba(var(--brand-table-row-background), 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);
}

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

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

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

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

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

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

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


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

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

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

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

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

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

.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: 0 6px 12px var(--global-box-shadow);
    -moz-box-shadow: 0 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 */
.app-yellow-fill-bg {
    background-color: var(--brand--yellow-fill-bg);
    width: 18px;
    height: 18px;
    border: 1px solid var(--global-standard-grey-border);
}

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

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

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

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

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

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

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

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

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

.app-orange-container {
    border: 1px solid var(--global-orange-border);
    background: var(--brand-warning-infobox-bg);
}
html,
body {
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 100vw;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
}
body * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
/*-------------------------------- 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-row-highlite) !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);
}

    .contact__view:hover,
    .contact__view:active,
    .contact__view:focus, .contact__view {
        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
}

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

.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;
}
.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 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, .app__tabstrip .k-tabstrip-items .k-state-default.xyz {
    background-color: var(--brand-tabs-component-background) !important;
}

.app__tabstrip .k-tabstrip-items li.k-state-active span.k-link {
    background: var(--brand-component-secondary-background) !important;
    color: var(--global-text-color) !important;
    font-weight: var(--gloabl-bold-font-weight);
    border-top-right-radius: 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 > .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;
}
/*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);
    }

.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*/
#dvEmailEditor {
    background: var(--brand-component-secondary-background);
}

    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: 448px !important;
    }

    #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
        height: 548px !important;
    }
/*End : ADMCOM 1300*/
/*Start: ADMCOM 1296 Email */
.basic-mode__top {
    background: var(--brand-component-secondary-background);
    padding: 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, .GridSelection .k-widget {
    width: 100%;
}

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

.GridSelection .k-alt, .GridSelection .k-state-selected td:hover {
    background: var(--brand-default-light-background);
}

.GridSelection td {
    height: 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 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, #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);
}

#GridContactLocalFields span.k-widget.k-combobox.k-combobox-clearable, .filter-contact__matching .k-widget.k-dropdown, .filter-contact__matching .k-dropdown-wrap, #GridContactLocalFields span.k-dropdown-wrap {
    border-radius: var(--global-border-radius) !important;
    -moz-border-radius: var(--global-border-radius) !important;
}

.filter-contact__matching .k-dropdown-wrap {
    border: 1px solid var(--global-input-border-color);
}

.filter-contact__matching .k-widget, .filter-contact__matching .k-widget .k-dropdown-wrap {
    width: 72px !important;
}

.local-field__grid-div .k-grid-header-wrap thead tr th.k-header:first-child:before {
    height: 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 {
    width: 90% !important;
}

#GridContactLocalFields span.k-dropdown-wrap {
    border: 1px solid var(--global-box-border) !important;
}

#GridContactLocalFields .k-widget .k-dropdown-wrap .k-icon.k-i-arrow-60-down:before {
    content: "";
    position: absolute;
    background-image: url(../Images/AdminPlus/dropdown-arrow-black.svg);
    background-position: right 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;
}
.app__radio__disable.app-radio label,
.app__radio__disable.app-radio input[type="radio"] {
    cursor: no-drop !important;
    pointer-events: none;
}

.app__radio__disable.app-radio label::before {
    pointer-events: none;
    opacity: 0.3;
    cursor: no-drop;
}

/********************Pointer and Cursor Variables Ends********************/
.recipients-email__container .settingBtn, .create-template__div .createTemplateBackBtn, .quick-mail__container #btnGoBackEmailRecipient, .viewEmailSentBackBtn, .scheduledEmailBackBtn, .compose-email__container .settingBtn {
    border: none;
    background: transparent;
    cursor: pointer;
}

    .recipients-email__container .settingBtn img.rotate-360, .compose-email__container .settingBtn img.rotate-360 {
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transition: 0.3s ease;
        -moz-transition: 0.3s ease;
    }

        .recipients-email__container .settingBtn img.rotate-360:hover, .compose-email__container .settingBtn img.rotate-360:hover {
            transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
        }

.email-setting__input {
    border: 1px solid var(--global-input-border-color);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    height: 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, .divReportViewjobsTootTip {
    display: block;
    position: absolute;
    z-index: 999999999;
    top: auto !important;
    left: 37px;
    height: 0 !important;
}

    .divContactViewPopup.tooltipTop {
        top: -130px !important;
    }

#divPlusPortalHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
    margin-top: 34px !important;
}

#divPeriodAttendanceGrid .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu {
    margin-top: -17px !important;
}

.divContactViewPopup.tooltipTop .tooltip__popup__triangle:after {
    position: absolute;
    z-index: 999;
    margin-top: 129px;
    border-top: 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 {
    min-width: 233px !important;
    width:auto;
    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, #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 starts*/
.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;
}

.content-wrapper {
    margin: 65px 0 0 0px;
    padding: 0px;
}
/*AP.com Reportcard design ends*/
/*BOOTSTRAP &site.CSS & kendo css*/
.row > * {
    flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
}

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

.input-group.app-primary-btn-container, input-group.app-secondary-btn-container {
    width: auto;
}

.row * {
    box-sizing: border-box;
}
/*BOOTSTRAP &site.CSS & kendo css*/
/*alert popup starts*/
p#badgearea {
    z-index: 10000;
}

.hide {
    display: none !important;
}

.alert-msg p, .alert-msg h3 {
    text-align: center;
}
.alert-msg p.app-text-left {
    text-align: left;
}
.alert-msg b {
    font-weight: normal;
}
/*alert popup ends*/

/*start: Global check box style*/
input.app-input-checkbox[type="checkbox"] {
    margin: 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*/
.gridw__bg {
    background: var(--brand-component-secondary-background);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
}
/*Screen height*/
#divDailyAttendance .app-card .app-card-body {
    height: calc(100vh - 648px);
    overflow-y: auto;
}

#divDailyAttendance .app__toggle .app__togglebutton, #divStaffDailyAttendance .app__toggle .app__togglebutton {
    width: 245px !important;
}

#divStaffAttendanceListView .k-grid-content tbody tr td:nth-child(2) {
    padding-left: 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
}

.multiple-student__fields .student__link span {
    left: 0 !important;
}

.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,
.app-input input.form-control:disabled,
.demographic-app__tabstrip .k-input.k-disabled .k-input-inner.form-control:disabled,
.demographic-app__tabstrip .k-input.k-disabled input:disabled, .demographic-app__tabstrip .multi-color-tabs .k-picker.k-dropdownlist.k-disabled .k-icon-button {
    background: var(--brand-component-primary-background) !important;
}

.demographic-app__tabstrip .k-combobox .k-select,
.demographic-app__tabstrip .k-numeric-wrap .k-select,
.demographic-app__tabstrip .k-picker-wrap .k-select {
    border-width: 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);
}
#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;
}

.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%;
}
#divStaffFilters .stud-view-dummy-table tbody tr:last-child td {
    border: none;
}

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

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

#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, #divDemographic .tab-width-100 {
    width: auto !important;
}

.include-DB-field .checkbox-label {
    align-items: start !important;
}

.row-one-include-fields .excelwizard-student-leftside {
    width: 505px !important;
}

.student-povit-table .excelwizard-student-leftside {
    width: 135px !important;
}

.student-povit-table .excelwizard-student-rightside {
    width: calc(100% - 135px);
}

#divDemographic .excelwizard-multi-student-select-row {
    display: block !important;
}

.relationship {
    width: 345px;
    border-radius: 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;
}
/*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 th:nth-child(2), #PortfolioCategoryGrid .k-grid-header {
        border-top-left-radius: var(--global-border-radius);
    }

    #PortfolioCategoryGrid .k-grid-header th:last-child, #PortfolioCategoryGrid .k-grid-header {
        border-top-right-radius: var(--global-border-radius);
    }

    #PortfolioCategoryGrid .k-grid-header .k-grid-header-wrap {
        border: none !important;
    }

#PortfolioCategoryGrid .k-grid-content td:last-child button {
    padding-right: 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, .school__reports .report__bannerimg.selected__student { background: var(--global-dark-purple-color); }
.school__reports .report__bannerimg.search__list { background: var(--global-dark-orange-color); }
.school__bulletein-board .bulletin__msg { color: var(--brand-tile-green); }
.school__enter-dailyattendance .page__headerbar { background: var(--brand-component-primary-background); }

.school__edit-attendance .student__card__menu {
    height: 62px;
    width: 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, .daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist {
    width: 300px !important;
}

.daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist{
    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, .app-kgrid__container .k-grid-footer tr td.grid-column-num {
                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;
}
/*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; }
.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 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;
    }

#divDocumentViewer {
    overflow: unset !important;
}

#document-row,
#divDocument {
    height: inherit !important;
}

#print-area-main {
    overflow: auto;
    height: calc(100vh - 180px);
}

.app-scroll-none {
    overflow: unset !important;
    height: inherit !important;
}

.__gdv_ws_container {
    position: relative;
    top: -23px !important;
}

#divDocumentViewer {
    height: calc(100vh - 50px) !important;
}

.__gdv_ws_content > iframe {
    height: calc(100vh - 160px) !important;
}
/*Document viewer popup styles ends*/
/***Which Schedule -> Line Schedule***/
.line-schedule-tiles .scheduleseperation__line { height: 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 .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: 50%;
    filter: drop-shadow(0px 0px 6px var(--global-filter-shadow));
}

.contacts__count {
    background: var(--brand-main-action-color);
    border-radius: var(--global-border-radius);
    -moz-border-radius: var(--global-border-radius);
    height: 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: 50%; }
.contact__block:hover .contact__connectbox .right__content p.app-text-black { color: var(--global-text-light) !important; }
.contact__block:hover .contact__blueconnectionbox .app-blue-bg { background: var(--brand-default-light-background); color: var(--global-text-color); }
.contact__block:hover .connectionbox__img { background: var(--brand-light-backgroundcolor-indicator) !important; }
.contact__block:hover .ctc-triangle__content:before, .contact__block:hover .ctc-triangle__content:after { border-left: 62px solid var(--global-light-color-indicator); }
.contact__block:hover .ctc-triangle__content:after { filter: drop-shadow(6px 6px 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; }
#grdFieldSelectionPopup .k-master-row.k-selected td { background: var(--brand-row-highlite) !important; }
#school-Demographic-grdGenericSuperDb .app-kgrid__container span.k-numerictextbox,
#school-Demographic-grdGenericSuperDb .app-kgrid__container input.k-textbox,
#school-Demographic-grdGenericSuperDb .app-kgrid__container td > span,
#school-Demographic-grdGenericSuperDb .app-kgrid__container td span .k-input-button { height: 37px !important; }
#school-Demographic-grdGenericSuperDb .app-kgrid__container td span .k-input-button .k-icon.k-i-calendar:before { background-position: right 3px top 2px ! Important; }
/********school-Demographic-grdGenericSuperDb ends*************/
/*school page scroll issue fix*/
/*EPA and EDA Bulletin*/
.bulletin__multi-grid-sec .multigrid__block:nth-child(even) { padding-left: 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 -> 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, .hide-tile-detail { display: none; }
.app-kgrid__container #grdSnapshotTiles .k-grid-header .k-header:nth-child(2) span.k-link { border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important; }
.app-kgrid__container #grdSnapshotTiles .k-grid-header th.k-header, .app-kgrid__container #grdSnapshotTiles td { padding-left: 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; }
/* 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-row-highlite) !important; }
.app-kgrid__container .k-master-row.k-grid-edit-row .k-button-solid-primary.k-grid-update .k-i-check.k-button-icon{ background: var(--brand-status-green); background-image: url(../Images/AdminPlus/tick.svg) !important; background-size: 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: var(--global-border-radius);
}

    .multischool__search-grid .app-kgrid__container .k-grid-content {
        height: auto;
        border-radius: var(--global-border-radius);
        border: 1px solid rgba(var( --brand-table-row-background), 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: var(--global-border-radius) 0 0 var(--global-border-radius);
    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-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, .comments-container .view__grade-levels .app__dropdown .k-dropdownlist { 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 .individual-students-view .k-dropdownlist{ width:375px !important; }
#grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable, #grdSelectedStaffList #grdReportsSelectedStaffList.app-kgrid__container .k-grid-header .k-header:not(:last-child):before { overflow: auto; }
.comments-container .matching-criteria-fields .k-combobox.form-control .k-input-inner { border: none !important; }
.batch-entry-commentbox { resize: none; height: 135px; width: 500px; background: transparent; }
.kendo-dropdown__multi-checkbox .k-list-item.k-selected { color: var(--global-text-color); background-color: var(--brand-default-light-background); }
.kendo-dropdown__multi-checkbox .k-list-item:hover { background-color: var(--brand-default-light-background); }
.dynamic-field-control .k-datepicker, .dynamic-field-control .k-dropdownlist, .comments-container .matching-criteria-fields .dynamic-field-control .k-dropdownlist { width: 378px !important; }
.comments-container .matching-criteria-fields .dynamic-field-control .k-datepicker input { width: 378px !important; border: none !important; }
/*batch entry popup design ends*/
/* --------------- Send Module css starts -----------------------------------*/
/*email expand command collapse animation*/
.compose-email__left-side-container .seperation__line { height: 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, .GridSelection .k-widget, .k-animation-container .k-tool.k-button.k-button-md.k-rounded-md.k-button-solid.k-button-solid-base { width: 100%; }
.compose-mail__right { background: var(--brand-component-secondary-background); width: var(--email-right-container); padding-top: 1px; }
.quick-mail__container .compose-mail__right { width: var(--quick-mail-right-container); } 
.basic__mode .basic-mode__subject { width: 828px; }
.advanced-email-toggler { padding: 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-alt, .GridSelection .k-selected td:hover { 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 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; }
.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-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, .sent__emails .k-button:hover .viewContactName-on-hover { display: inline-block; }
.attachments-input { width: calc(100% - 170px); }
.panel #EmailContent #dvEmailEditor .compose-mail__right .advance-mode__right .GridSelection .k-grid-content.k-auto-scrollable { height: 601px !important; }
.panel #EmailContent #dvEmailEditor .compose-mail__right .advanced-email-toggler, .sent__emails .k-button:hover .viewContactName { display: none; }
.recipients-email__container .settingBtn, .create-template__div .createTemplateBackBtn, .quick-mail__container #btnGoBackEmailRecipient, .viewEmailSentBackBtn, .scheduledEmailBackBtn, .compose-email__container .settingBtn {
    border: none;
    background: transparent;
    cursor: pointer;
}

.recipients-email__container .settingBtn img.rotate-360, .compose-email__container .settingBtn img.rotate-360 {
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

.recipients-email__container .settingBtn img.rotate-360:hover, .compose-email__container .settingBtn img.rotate-360:hover {
    transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}
.add-recipient__container #divlookUpMenu .add-recipient__body #dvprospectDetails #divEmailProspectGrid .k-grid-content.k-auto-scrollable { height: 519px; }
.app__dropdown.contain-begin__dropdown .k-widget, .app__dropdown.contain-begin__dropdown .k-widget .k-dropdown-wrap { width: 134px !important; }
.quick-mail__container .divEmail { border-radius: var(--global-border-radius); -moz-border-radius: var(--global-border-radius); }
.content-wrapper .app-k-editor iframe.k-content.manageTemplateEditorHeight { height: 504px; }
.quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.manageTemplateComposeGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
    height: 491px !important;
}

.content-wrapper .app-k-editor iframe.k-content.newEmailComposeExpand { height: calc(100vh - (var(--header-height) + 240px)) !important; }
.content-wrapper .app-k-editor iframe.k-content.newEmailComposeCollapse, .quick-mail__container .app-k-editor iframe.k-content { height: calc(100vh - (var(--header-height) + 395px)) !important; }
.quick-mail__container { overflow: auto; height: calc(100vh - (var(--header-height) + 60px) ); }
.quick-mail__container.createNewTemplateContainer, .quick-mail__container.quickEmailTabsContainer { height: calc(100vh - var(--header-height)); }
.quick-mail__container .app-k-editor iframe.k-content.createTemplateEditorHeight { height: calc(100vh - (var(--header-height) + 255px)) !important; }
.quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight { height: calc(100vh - (var(--header-height) + 335px)) !important; }
.quick-mail__container .app-k-editor iframe.k-content.manageTemplateEditorHeight.manageTemplateExpandEditorHeight { height: calc(100vh - (var(--header-height) + 183px)) !important; }
.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
    height: calc(100vh - (var(--header-height) + 417px)) !important;
}

.quick-mail__container #dvEmailEditor .compose-email__expanded #AvailFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailContactFieldGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailOtherCodesGrid .k-grid-content, .quick-mail__container #dvEmailEditor .compose-email__expanded #AvailSchoolFieldGrid .k-grid-content {
    height: calc(100vh - (var(--header-height) + 262px)) !important;
}

.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.createTemplateGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.createTemplateGridHeight {
    height: calc(100vh - (var(--header-height) + 278px)) !important;
}

.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight {
    height: calc(100vh - (var(--header-height) + 357px)) !important;
}

.quick-mail__container #dvEmailEditor #AvailFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailContactFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailOtherCodesGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight, .quick-mail__container #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content.editEmailGridHeight.editEmailExpandGridHeight {
    height: calc(100vh - (var(--header-height) + 205px)) !important;
}
#divHomeTab .pagination span.k-widget.k-dropdown { width: 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-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: var(--global-text-light) !important; }
#divEmailTab .grid__searchbox .allGrids__SearchBox { width: 290px !important; }
/* --------------- End - Need to remove once kendo applied ---------------- */
/*************Send overview page start***************/
.app-send-schedule-light-blue-bg:hover {
    border: 2px solid var(--global-dark-blue-border-color);
    text-decoration: underline;
    border-left: 5px solid var(--global-border-blue);
    text-decoration-color: var(--global-border-blue);
    box-shadow: 0px 3px 6px #0000001A;
}
.send-template-card .app-statistics-grid.statistics-with-header li:first-child:before { border-top-left-radius: var(--global-border-radius) !important; }
#dvFile .k-button-flat:focus::after { opacity:0 !important; }
#dvFile .k-i-close:before {
    background-image: url(../Images/AdminPlus/cancel-black-small.svg) !important;
    background-repeat: no-repeat !important;
    background-size: 17px !important;
    background-position: right 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-row-highlite) !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,
#grdSuperDbBatchEntryLogs .k-grid-content .k-master-row td:nth-child(3) > span.td-content-only {
    overflow: hidden !important;
    display: inline-block;
    vertical-align: middle;
    text-overflow: ellipsis;
    max-width: calc(100% - 40px);
}

#gridDailyAttendanceBatchEntryLogs .k-grid-content .k-master-row td:nth-child(3) > img,
#grdDemographicLogs .k-grid-content .k-master-row td:nth-child(3) > img,
#grdSuperDbBatchEntryLogs .k-grid-content .k-master-row td:nth-child(3) > img {
    margin-left: 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*/
/*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: var(--global-border-radius);
    pointer-events: auto;
    border: 1px solid var(--global-dropdown-border) !important;
}
#divEnrollmentStudentContactDetailGrid .relationship-table .k-button,
#divStudentContactDetailGrid .relationship-table .k-button {
    padding-right: 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: var(--global-border-radius);
    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-row-highlite) !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-row-highlite) !important;
}
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-collapse,
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand {
    width:18px;
    height:18px;
}
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand:before,
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-collapse:before{
    content: " " !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    width: 18px;
    height: 18px;
}

#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-expand:before{ background-image: url(/Images/AdminPlus/checkbox-normal.svg) !important; }
#gridAllSchoolHousehold.app-kgrid__container.k-grid .k-hierarchy-cell .k-i-collapse:before{ background-image: url(/Images/AdminPlus/checkbox-active.svg) !important;  }
/*kendo row selection UI ends*/

/*Approval center house hold screen starts here*/
#divApprovalCenterAssignHouseholdId .enrollment__enterdata { min-height: calc(100vh - 325px); overflow-y: auto; }
/*Approval center house hold screen ends here*/

/* -------------------Daily attendance report popup screen Starts------------------- */
.student-reports-settings { height: calc(100vh - 200px); }
.dailyreport__body { height: calc(100vh - 45px); }
.reports-student-tab .which-code-label { width: 8% !important; }
#divSelectStudentandStaff .app-component-secondary-bg.comments-container { background: var(--brand-default-light-background) !important; padding-top: 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; }
.app-combo-dropdown.k-combobox.app-height-33, .app-kendo-datepicker.k-datepicker.app-height-33, .app__datepicker.app-height-33 input, .app-combo-dropdown.k-dropdownlist.app-height-33, .app-input.app-height-33, .app-input.app-height-33 .input__box {
    height: 33px !important;
}
/* -------------------Temporary Code, need to remove this after doing it globally Ends------------------- */
/* -------------------Assign household multi student popup UI starts here------------------- */
#divApprovalCenterAssignHousehold .addstud__houshold .grid__searchbox .allGrids__SearchBox, #divGetStudentDetails .addstud__houshold .grid__searchbox .allGrids__SearchBox, #AssignHouseholdID .addstud__houshold .grid__searchbox .allGrids__SearchBox { width: 220px; }
#divApprovalCenterAssignHousehold .multi-student-household, #divGetStudentDetails .multi-student-household { padding: 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, .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,
.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: var(--global-border-radius) !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); }
#gridFileContent.app-kgrid__container .k-grid-content td, #gridFileContent.app-kgrid__container td, #gridFileContent.app-kgrid__container .k-grid-header th.k-header { padding-left: 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: var(--global-border-radius);
    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: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: var(--brand-default-light-background); 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: var(--global-large-border-radius);
}
#kendoUploadImage .jrac_container .jrac_viewport { border: solid 1px var(--global-light-gray-border-color); border-radius: var(--global-border-radius); }
#photoFile { display:none; }
#divPicture #file-btn {
    width: 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 var(--global-border-radius) var(--global-border-radius) 0;
    color: var(--global-text-light);
    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, #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: calc(100vh - 650px) !important; }
#divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #gridSections .k-grid-content.k-auto-scrollable { 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; }
.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:var(--global-border-radius); 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:var(--global-border-radius) !important; }
.file-attachment-modal .k-upload-files .k-file .k-file-name { color: var(--global-link-color); }
.file-attachment-modal .k-file-success .k-file-validation-message, .file-attachment-modal .k-file-success .k-upload-pct { color: var(--global-green-color); font-size:var(--global-text-size-xs); }
.file-attachment-modal .k-upload-action { opacity:1; }
#dvFile.file-attachment-modal .k-i-close:before { background-image: url(../Images/AdminPlus/close-blue-large.svg) !important; background-size: 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: var(--brand-default-light-background) !important; }
.no-hover:hover { background-color: var(--brand-main-backgroundcolor-indicator); }
.school-schedule-email #dvEmailEditor #dvtxtEmailEditor.expanded .k-editable-area iframe { height: calc(100vh - 380px) !important; }
.previewTo, .previewCc { max-height: 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), .course-label-wrap-line-2 .width-257px { width: 257px; }
.course-label-wrap-line-4 > div:first-child { width:418px; }
#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------------------- */
#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: var(--global-border-radius);
    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: var(--global-border-radius); 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 .student__bottom-image, #btnOneStaffEmail:hover .student__bottom-image { display: none; }
#btnOneStudentEmail.disableNote .student__bottom-image, #btnOneStaffEmail.disableNote .student__bottom-image,
#btnOneStudentEmail.disableNote:hover .student__bottom-image, #btnOneStaffEmail.disableNote:hover .student__bottom-image,
#btnOneStudentEmail:hover .students-icons-hover, #btnOneStaffEmail:hover .students-icons-hover { display: block; height: 20px !important; width: auto !important; }
/* -------------------Single student email icon Ends------------------- */
/* -------------------Add course section style Starts------------------- */
.addcourse__details { border: 1px solid var(--brand-tabs-component-background); }
.addcourse__details .courselink-tab-button-position, .addcourse__details .prerequisites-tab-button-position {  margin-top: 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-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-canvas .k-hsv-gradient, #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: var(--global-border-radius);}
.approval__center.min-max-width #divGradesHoldingBinTab #divCourseRequestsTabstripBin ul.k-reset.k-tabstrip-items, .approval__center.min-max-width #divCourseRequestsGrid .k-pager-sizes.k-label { display:none; }
#divCourseRequestsGrid .divContactViewPopup.tooltipTop {top: -106px !important;}
#divCourseRequestsGrid .divContactViewPopup.tooltipTop .tooltip__popup__triangle:before, #divCourseRequestsGrid .divContactViewPopup.tooltipTop .tooltip__popup__triangle:after {margin-top: 103px;}
#divCourseRequestsTabstripBin .k-tabstrip, #divPeriodAttendanceTabstripBin .k-tabstrip, #divDailyAttendanceTabstripBin .k-tabstrip, #divGradesTabstripBin .k-tabstrip, #divIncidentsHoldingBinTab .k-tabstrip { max-height: 37px; }
#gridStudentCourseRequestDetails .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 470px);}
.divContactViewPopup.course-request-approved-grid { left: 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 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;
}
#divCustomContent .section__addedit-container .app-kgrid__container .k-grid-header th.k-header:not(:first-child),
#divCustomContent .section__addedit-container .app-kgrid__container td:not(:first-child), 
#studentNewIncident .section__addedit-container .app-kgrid__container .k-grid-header th.k-header:not(:first-child), #studentNewIncident .section__addedit-container .app-kgrid__container td:not(:first-child) {
    padding-left: 10px !important;
}

#divCustomContent .stud-view-dummy-table.period-table thead tr th:first-child,
#divCustomContent .stud-view-dummy-table.period-table tbody tr td:first-child,
#divAddEditSection #divCustomContent .app-kgrid__container .k-grid-content table td:first-child, #divAddEditSection #divCustomContent .app-kgrid__container .k-grid-header th.k-header:first-child, #studentNewIncident .section__addedit-container .app-kgrid__container .k-grid-header th.k-header:first-child, #studentNewIncident .section__addedit-container .app-kgrid__container td:first-child {
    padding-left: 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;
}
#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 {
    color: var(--global-text-light) !important;
    border: none !important;
}
.custom-filter-btn-parent .custom-filter-btn:hover,
.custom-filter-btn-parent .k-action-buttons .custom-filter-primary-btn:hover, .custom-filter-btn-parent .k-action-buttons .custom-filter-secondary-btn:hover {
    background: var(--brand-dark-backgroundcolor-indicator) !important;
}
/*Grid Search filter UI Ends*/

/*Dashboard tile option starts*/
.tileoption__list .app__dropdownmenulist .view-options .dropdown-menu { min-width: 183px; }
#divReplaceTile .allGrids__SearchBox { width: 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 var(--global-border-radius) var(--global-border-radius);
}
#settingEmailPopup #dvEmailEditor #dvtxtEmailEditor .app-k-editor .k-editor-toolbar {
    border-left: 1px solid var(--global-standard-grey-border) !important;
    border-right: 1px solid var(--global-standard-grey-border) !important;
}
#dvtxtEmailEditor .k-tool-group:nth-last-child(2) {
    order:13;
}
#settingEmailPopup #dvEmailEditor #dvtxtEmailEditor .k-tool-group:nth-child(1) {
    order: 14;
}
.k-dropzone em, .k-state-disabled, .k-state-disabled .k-link {
    color: #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;
}
/* Daily Attendance - Quick Entry Ends */
/* School > Demographics > Student SuperDB Import Starts */
#grdImportTemplate.app-kgrid__container .k-grid-header colgroup col:last-child, #grdImportTemplate.app-kgrid__container .k-grid-content colgroup col:last-child {
    width: auto !important;
}
#grdImportTemplate.app-kgrid__container .k-grid-content table td.app-pl-7 {
    padding-left: 7px !important;
}
#grdImportTemplate.app-kgrid__container .divContactViewPopup {
    left: 28px;
}
.admissions-settings #ddlDelimiterDiv .settings-label.app-w-auto {
    width: auto !important;
}
/* School > Demographics > Student SuperDB Import Starts */
/* Daily Attendance - Quick Entry Ends */
/*Demographics Logs -> Popup Screen-> Grid Height Starts*/
#grdDemographicLogs .k-grid-content.k-auto-scrollable,
#grdSuperDbBatchEntryLogs .k-grid-content.k-auto-scrollable {
    height: calc( 100vh - 410px) !important
}
/*Demographics Logs -> Popup Screen-> Grid Height Ends*/

/*School - Period Attendance- Batch Entry Starts*/
#PeriodAttendanceBatchEntry .period-attendance-popup .settings__helpinfo {
    padding: 7px 10px !important;
}
#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: var(--brand-dim-grey-bg) !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 {
    overflow: auto;
}
#divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup,
#PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup,
#DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    min-height: calc(100vh - 490px);
    max-height: calc(100vh - 490px);
}
#PeriodAttendanceBatchEntry .period-select-students{
    margin-top: 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, .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,
#gridToddleContactInfo.app-kgrid__container .k-detail-row td.k-detail-cell,
#gridToddleContactInfo.app-kgrid__container .k-grid-header th.k-header.toddle__column {
    padding-left: 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-master-row .k-hierarchy-cell {
    text-align: center;
}
#gridToddleStudentInfo.app-kgrid__container .k-grid-content td.left__bordered,
#gridToddleContactInfo.app-kgrid__container .k-grid-content td.left__bordered {
    border-left: 1px solid var(--global-border-light)!important;
}
#gridToddleContactInfo.app-kgrid__container .k-grid-header th.k-header.toddle__column:before{
    content:none;
}
#gridToddleStudentInfo.toddle-student-details .k-grid-content {
    height: calc(100vh - 625px) !important;
}
#gridToddleStudentInfo.toddle-student-details .k-grid-content.expanded {
    height: calc(100vh - 415px) !important;
}
/*Toddle integration ends here*/
/*Schedule student with course request starts*/
#grdStudentScheduleDetails.app-kgrid__container .k-grid-content { height: calc(100vh - 445px)!important; }
/*Schedule student with course request ends*/
/*Manage section linked skills starts*/
#gridCourseLinkedSkills.app-kgrid__container .k-grid-content table td.description-column { white-space: normal !important; }
/*Manage section linked skills ends*/
/*Students - line schedule starts*/
#gridLineSchedule.app-kgrid__container .k-grid-header th.k-header:first-child:before { display: none; }
/*Students - line schedule ends*/
/*receIve OLF and receive PP starts */
.recieve__block .incomplete__bgcolor {
    background: var(--brand-grid-color-indicator-yellow);
}
.recieve__block .submitted__bgcolor {
    background: var(--brand-grid-color-indicator-blue);
}
.recieve__block .approved__bgcolor {
    background: var(--brand-grid-color-indicator-green);
}
.recieve__block .deleted__bgcolor {
    background: var(--brand-grid-color-indicator-grey);
}
.receive__olf-toggle.student__staff__selection.dashboard .app__toggle .app__togglebutton .toggle__knobs:after {
    right: 30px;
}
#divSchoolDemographics .receive-olf .main-content-cntnr.approval__center, #divSchoolDemographics .receive-pp .main-content-cntnr.approval__center {
    height: calc(var(--app-height) - (var(--header-height) + 60px + 30px + 65px));
    border: 1px solid var(--global-border-light) !important;
}
#divSchoolDemographics .receive-olf .approval__online-forms .right__section-inner-content .approval_center__panel-section {
    height: calc(100vh - 410px) !important;
}
#divSchoolDemographics .receive-olf .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
    height: calc(100vh - 445px) !important;
}
#divSchoolDemographics .receive-pp .approval__center .left__section #divGridStudents .k-grid-content,
#divSchoolDemographics .receive-pp .approval__center .left__section #divGridContact .k-grid-content {
    height: calc(100vh - 450px) !important;
}
#divSchoolDemographics .receive-pp #gridDemographicsDetailsForApproved .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 505px) !important;
}
#divSchoolDemographics .receive-pp #gridDemographicsDetailsForSubmitted .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 520px) !important;
}
/*receIve OLF and receive PP ends */

/*Schedule Room starts*/
.app__sidebar .k-grid .k-header {
    display: none!important;
}
#divSchoolTab #divSchedule .tab-divListView .schedule__boxcontainer {
    height: calc(100vh - 407px) !important;
    overflow-y: auto;
}
#divSchoolSchedule .app__sidebar .leftbox__grid .k-grid-content {
    height: calc(var(--app-height) - (var(--header-height) + var(--schedule-filter-box-height) + var(--app-breadcrump-height) + var(--app-menu-bar-height))) !important;
}
#divSchoolLookupTabs.scheduled__rooms {
    height: auto!important;
}
#divSchoolSchedule .schedule__room {
    overflow-y: auto;
    overflow-x: hidden;
    width: calc(100% - 300px);
}
#divSchoolSchedule #divSchedule .tab-divListView .k-grid-content {
    height: calc(100vh - 445px) !important;
}
#divSchedulePrintSettings .shedule-general-settings-area {
    height: calc(100vh - 205px) !important;
}
/*Schedule Room ends*/

/* school demographic Household screen starts */
#gridStudentsNotYetInHouseholdList .k-grid-content.k-auto-scrollable,
#gridSchoolDemographicsHouseholdList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 445px) !important;
}

#gridSchoolDemographicsHouseholdList .household-detail-grid .k-grid-content.k-auto-scrollable {
    height: auto!important;
    max-height: 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, #gridSchoolDemographicsHouseholdList .k-detail-row .k-widget table tbody td {
    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 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: var(--brand-lightish-grey-bg) !important;
    font-family: var(--global-font-family-semibold);
}
#gridStudentsNotYetInHouseholdList.app-kgrid__container .k-grid-header th.k-header,
#gridSchoolDemographicsHouseholdList.app-kgrid__container .k-grid-header th.k-header {
    position: relative;
}
.students-not-in-household #warningfade,
.students-not-in-household #failmessagefade {
    top: 23% !important;
}
/* school demographic Household screen ends here */

/* School-Demographics-Master Contacts starts here*/
#divMasterContactToggles.app__toggle .app__togglebutton,#divMasterContactToggles .toggle__knobs,
#divMasterContactToggles.app__toggle .app__togglebutton .layer {
    width: 138px !important;
    margin-right:0;
}
#divMasterContactToggles.app__toggle .app__togglebutton .toggle__knobs:before, #divMasterContactToggles.app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    width:130px;
}
#divMasterContactToggles.app__toggle .app__togglebutton .toggle__knobs:after {
    content: none;
}

#divMasterContactToggles.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs .app__toggleone {
    color: var(--global-text-color);
    font-family: var(--global-font-family-semibold);
}
#divMasterContactToggles.app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    background-color: var(--brand-default-light-background);
    color: var(--global-text-color);
    left: 4px;
    opacity: 1;

}
#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;
    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);
    min-height: calc(100vh - 405px);
    max-height: calc(100vh - 405px);
}

#divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 405px);
}

.grades-templates-box-selected .grades-templates-box-selected-text {
    color: var(--global-blue-border) !important;
}

#gridJobsList.app-kgrid__container .k-grid-header th.k-header:nth-child(2),
#gridJobsList.app-kgrid__container td span,
#gridJobsList.app-kgrid__container .k-grid-content-locked td span,
#gridJobsList.app-kgrid__container .k-grid-content td.action-col {
    padding-left: 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), #gridJobsList.app-kgrid__container .k-grid-content table td:nth-child(9) {
    padding-left: 40px !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 .app__tooltip .dropdown-menu li a, .blue-tooltip-box .allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a, .blue-tooltip-box .app__dropdownmenulist .dropdown-menu li a:hover {
    background-color: var(--brand-default-light-background) !important;
}

.blue-tooltip-box .app__tooltip .dropdown-menu li:not(:first-child) {
    border-right: 1px solid var(--global-hr-border-color) !important;
    border-left: 1px solid var(--global-hr-border-color) !important;
    border-bottom: 1px solid var(--global-hr-border-color) !important;
}

.blue-tooltip-box .app__tooltip .dropdown-menu li a {
    height: auto !important;
    border-bottom: 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 - 187px); }
.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: var(--global-border-radius);
    border: 2px solid transparent;
    background-color: transparent;
    z-index: 0;
    pointer-events: none;
    transition: border 0.3s ease-out, background-color 0.3s ease-out;
}

.template-container:not(.template-selected):hover::before {
    border: 2px solid var(--global-form-container-border);
    background-color: var( --brand-light-blue-background);
}

.template-container.template-selected::before {
    content: "";
    position: absolute;
    inset: -15px;
    border-radius: var(--global-border-radius);
    background: repeating-linear-gradient(to right, var(--global-orange-border) 0 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,
#gridncidentCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridLocationCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:before,
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:before {
    background: none !important;
}
#divSetupCenter #gridAttendanceCodesList .k-grid-content {
    height: calc(100vh - 409px)!important;
}
#divSetupCenter #gridAttendanceSummaryCodesList .k-grid-content {
    height: calc(100vh - 369px) !important;
}
#gridAttendanceCodesList.app-kgrid__container .k-grid-header,
#gridncidentCodesList.app-kgrid__container .k-grid-header {
    height: 80px !important;
}
#gridAttendanceCodesList.app-kgrid__container .k-column-title,
#gridAttendanceCodesList .k-grid-header tr th {
    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),
#gridncidentCodesList .k-grid-header tr:first-child th:last-child {
    text-align: center;
    border-bottom: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th .k-grid-filter,
#gridncidentCodesList .k-grid-header tr:first-child th .k-grid-filter {
    top: 21px;
}
#gridAttendanceCodesList .k-grid-header th:before,
#gridncidentCodesList .k-grid-header th:before{
    display: none;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:not(:last-child),
#gridAttendanceCodesList .k-grid-header tr:nth-child(2) th,
#gridncidentCodesList .k-grid-header tr:first-child th:not(:last-child),
#gridncidentCodesList .k-grid-header tr:nth-child(2) th,
#gridncidentCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridLocationCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child),
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:not(:last-child) {
    border-right: 1px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:first-child,
#gridAttendanceCodesList .k-grid-header tr:first-child th:last-child,
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:last-child,
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:last-child,
#gridActionCodesList.app-kgrid__container .k-grid-header th.k-header:nth-last-child(2),
#gridServedCodesList.app-kgrid__container .k-grid-header th.k-header:nth-last-child(2) {
    border-right: none !important;
}
#gridAttendanceSummaryCodesList .k-grid-header th:first-child:before{
    content:none;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:first-child, #gridAttendanceCodesList .k-grid-content td:first-child,
#gridAttendanceSummaryCodesList .k-grid-header th:first-child, #gridAttendanceSummaryCodesList .k-grid-content td:first-child,
#gridActionCodesList.app-kgrid__container td.app-pl-20, #gridServedCodesList.app-kgrid__container td.app-pl-20, #gridncidentCodesList.app-kgrid__container td.app-pl-20 {
    padding-left: 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;
}
#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;
}
#gridAttendanceCodesList .k-grid-header tr:first-child th:nth-child(2),
#gridncidentCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridActionCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridServedCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridLocationCodesList.app-kgrid__container .k-grid-header tr:first-child th:nth-child(2),
#gridActionCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child,
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child,
#gridServedCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child,
#gridLocationCodesList.app-kgrid__container .k-grid-header tr:first-child th:first-child {
    border-right: 2px solid rgba(var(--brand-default-light-background-rgb), .6) !important;
}
#gridAttendanceSummaryCodesList .k-grid-header tr:first-child th:nth-child(2):before {
    width: 2px;
}
#gridncidentCodesList colgroup col:first-child {
    min-width: 65px !important;
}
/*Setup center ends here*/
/*Setup center - Add Attendance Code Modal Starts here*/
#divAttEditAttendanceCode .app__dropdown .k-input, .k-widget.k-input {
    border: 1px solid var(--global-dropdown-border) !important;
}
#divAttEditAttendanceCode .app__dropdown .k-combobox-clearable .k-icon.k-i-x:before, #divAddEditIncidentCode #IncidentCode td .k-combobox-clearable .k-icon.k-i-x:before {
    background: url(../Images/AdminPlus/close-black-small.svg) no-repeat center;
    content: "";
}
#divAttEditAttendanceCode .app__dropdown .k-combobox-clearable .k-clear-value, #divAddEditIncidentCode #IncidentCode .k-combobox-clearable .k-clear-value {
    position: absolute;
    right: -30px;
    opacity: 1;
}

#grdSetupCenterList .k-grid-content.k-auto-scrollable{
    overflow: auto;
}

#gridAttendanceSummaryCodesList.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-child(6):before {
    display: none;
}

#divSCAttendanceSummaryCodes .view__optionlist.app__dropdown.app__dropdownmenulist {
    position: absolute;
    left: 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 , New alternative Calendar Name & Set Rule Popup Starts*/
.alternate-calendars-screen-height {
    height: calc(100vh - 265px);
}

.alternate-calendars-grid .k-grid-content.k-auto-scrollable {
    border: 1px solid rgba(var(--brand-table-row-background), var(--opacity-four));
}

.attendance-calendars:not(:first-child) {
    margin-top: 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,
#gridDailyPatternList .k-grid-content .k-dirty-cell .k-dirty, #gridAlternatingDaysPatternList .k-grid-content .k-dirty-cell .k-dirty {
    display: none;
}

.alternate-calendars-grid #gridAlternateCalendarList .k-grid-content {
    max-height: calc(100vh - 350px) !important;
    height: auto !important;
    min-height: calc(100vh - 350px) !important;
}

#gridAlternateCalendarList .k-grid-content td:nth-child(4) {
    text-align: center;
    padding-left: 50px !important;
}
#divACExistingStudentStaff .period-attendance-popup .comments-container { height: calc(100vh - 408px); }
#divACExistingStudentStaff .batch-entry-select-students { height: calc(100vh - 413px); }
#divACExistingStudentStaff .period-attendance-popup .comments-container .batch-entery__popup { height: calc(100% - 40px); }
#divACExistingStudentStaff .batch-entry-select-students .batch-entery__popup { height: calc(100% - 83px); }
#gridDailyPatternList.app-kgrid__container .k-grid-content td, #gridDailyPatternList.app-kgrid__container td,
#gridAlternatingDaysPatternList.app-kgrid__container .k-grid-content td, #gridAlternatingDaysPatternList.app-kgrid__container td {
    padding-top: 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;
}

#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;
}
.alternate-calendars-grid .k-grid-header thead th:first-child, .alternate-calendars-grid .k-grid-header, .viewEditAttendanceCalendar-popup .k-grid-header thead th:first-child, .viewEditAttendanceCalendar-popup .k-grid-header, .viewEditAttendanceCalendar-popup {
    border-top-left-radius: var(--global-border-radius);
}
.alternate-calendars-grid .k-grid-header thead th:last-child, .alternate-calendars-grid .k-grid-header, .viewEditAttendanceCalendar-popup .k-grid-header thead th:last-child, .viewEditAttendanceCalendar-popup .k-grid-header, .viewEditAttendanceCalendar-popup {
    border-top-right-radius: var(--global-border-radius);
}
/*Setup -> Alternate Calendar , New alternative Calendar Name & Set Rule Popup Ends*/

/*Alternate Calendars > Assign calendar stop grade levels menuitem starts */
.assign-calendar-grade-level-right-part {
    max-height: calc(100vh - 327px);
    overflow-y: auto !important;
}
.set-rule__help-box {
    max-height: calc(100vh - 350px);
    overflow-y: auto !important;
}
.matching-contact-table,
.assign-calendar-grade-level-table table {
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
    overflow: hidden;
}

.assign-calendar-grade-level-table th:first-child,
.assign-calendar-grade-level-table td:first-child {
    width: 15%;
}

.assign-calendar-grade-level-table th:last-child,
.assign-calendar-grade-level-table td:last-child {
    width: 85%;
}
.matching-contact-table thead,
.matching-contact-table tbody,
.assign-calendar-grade-level-table thead,
.assign-calendar-grade-level-table tbody {
    display: block;
    width: 100%;
}

.assign-calendar-grade-level-table tbody {
    max-height: calc(100vh - 325px);
    overflow-y: auto;
}
    .matching-contact-table thead tr,
    .matching-contact-table tbody tr,
    .assign-calendar-grade-level-table thead tr,
    .assign-calendar-grade-level-table tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
.matching-contact-table th, .matching-contact-table td,
.assign-calendar-grade-level-table th, .assign-calendar-grade-level-table td {
    padding: 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 */
#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
}

#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;
}
#gridActionSummaryCodesList.app-kgrid__container .k-grid-header th.k-header:nth-child(6), #gridncidentCodesList .k-grid-header tr:nth-child(2) th:last-child {
    border-right: none !important;
}

#gridActionSummaryCodesList .app-pl-20,
#gridLocationCodesList .app-pl-20 {
    padding-left: 20px !important;
}

#divAddEditActionServedCode .app__dropdown.logic-disable-enable span.k-combobox {
    border: 1px solid var(--global-input-border-color) !important;
}
#divAddEditActionServedCode .k-input.k-combobox .k-clear-value .k-icon:before {
    background: url(../Images/AdminPlus/close-black-small.svg) no-repeat;
    content: "";
}
#divAddEditActionServedCode .k-input.k-combobox { overflow: visible; }
#divAddEditActionServedCode .k-input.k-combobox .k-clear-value {
    right: -30px;
    position: absolute;
    opacity: 1;
}
/*Setup center - Incident Codes - all tabs  ends*/
/*Setup Center -> Custom Incident Category Tables starts*/
#divSetupCenter .custom-incidents-grid #gridCustomIncidentFieldList .k-grid-content {
    max-height: calc(100vh - 490px) !important;
    height: auto !important;
}

.custom-incidents-grid #gridCustomIncidentFieldList .k-grid-header th:nth-child(2) {
    padding-left: 30px !important;
}

.custom-incidents-category-table .calendar__display .left__border {
    width: 3px;
}

.custom-incidents-category-table .custom-incidents-page-height {
    height: calc(100vh - 260px);
}

.custom-incidents-category-table .validation-list-box {
    min-height: calc(100vh - 360px);
}

.custom-incidents-category-table .notes-div-height {
    min-height: 48px;
}

#gridCustomIncidentValidatedList .k-grid-toolbar,
#gridValidatedList .k-grid-toolbar {
    padding: 5px 20px;
}

#gridCustomIncidentValidatedList .inputSearch,
#gridValidatedList .inputSearch {
    left: 35px;
}

#gridCustomIncidentValidatedList.app-table tr:first-child td,
#gridValidatedList.app-table tr:first-child td,
#gridContactRelationshipList.app-table tr:first-child td,
#gridContactSuffixList.app-table tr:first-child td {
    border-top: 1px solid rgba(var(--brand-table-row-background), 0.4) !important;
}

#gridCustomIncidentFieldList .grid-text-align-right {
    text-align: right;
    padding-right: 10px !important;
}

#gridCustomIncidentFieldList table thead th, #gridCustomIncidentFieldList table tbody td {
    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: calc(100vh - 555px) !important;
    max-height: calc(100vh - 555px) !important;
}

#gridCustomIncidentValidatedList .k-grid-header-wrap.k-auto-scrollable {
    border-right: none;
}

#gridCustomIncidentFieldList.app-kgrid__container table {
    border: 1px solid rgba(var(--brand-table-row-background), 0.4) !important;
    border-top: none !important;
    border-bottom: none !important;
}

#gridValidatedList button.drag-handle, #gridValidatedList button.drag-handle .k-icon {
    width: 100%;
    padding: 0;
}

#gridCustomIncidentFieldList button.drag-handle {
    width: auto;
    margin-left: auto;
    padding-right: 5px !important;
}

#gridCustomIncidentFieldList button.drag-handle :before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    position: relative;
}

#gridCustomIncidentFieldList.app-kgrid__container .k-grid-content td .k-button.app-pr-0 {
    padding-right: 0 !important;
}

#gridValidatedList button.drag-handle :before {
    content: url(/Images/AdminPlus/scroll-dots.svg);
    padding-right: 10px;
    top: 0px;
    position: relative;
    left: 0px;
}

#gridCustomIncidentFieldList.app-kgrid__container .k-grid-content table td.app-pl-20 {
    padding-left: 20px !important;
}
/*Setup Center -> Custom Incident Category Tables ends*/
/* Student - Student Tile - tooltip fix for check mark Starts */
#divStudNotVerified, #divStaffNotVerified {
    position: absolute;
    z-index: 9;
    top: 26px;
    left: 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 Ends */

/*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*/

/*row color-in kendo grid selection starts*/
.app-kgrid__container tr.k-master-row.k-selected, .app-kgrid__container tr.k-alt.k-master-row.k-selected,
.app-kgrid__container table[data-role="selectable"] tr.k-master-row.k-selected, .app-kgrid__container table[data-role="selectable"] tr.k-alt.k-master-row.k-selected,
.app-kgrid__container .k-master-row.k-selected:hover, .app-kgrid__container .k-alt.k-master-row.k-selected:hover,
.app-kgrid__container table[data-role="selectable"] tr.k-master-row.k-selected:hover, .app-kgrid__container table[data-role="selectable"] tr.k-alt.k-master-row.k-selected:hover,
.app-table tr.k-master-row.k-selected, .app-table tr.k-alt.k-master-row.k-selected,
.app-table tr.k-master-row.k-selected:hover, .app-table tr.k-alt.k-master-row.k-selected:hover
{
    background-color: var(--brand-row-highlite) !important;
}
/*row color-in kendo grid selection ends*/
/*Students > Contacts > Matching contacts popup UI - Starts*/
.matching-contact .app-d-flex.app-position-relative > .matching-contact-detail:first-child::before {
    height: 100%;
    margin: 0px 20px
}
.matching-contact .app-d-flex.app-position-relative > .matching-contact-detail:first-child::before,
.matching-contact .matching-contact-table thead tr.app-h-40px th:not(:last-child)::before,
.matching-contact .app-d-flex.app-position-relative > .matching-contact-info:first-child::before {
    width: 1px;
    background: var(--global-input-border-color);
    top: 0px;
    right: 0px;
    content: "";
    position: relative;
    float: right;
}

.matching-contact .matching-contact-table thead tr.app-h-40px th:not(:last-child)::before {
    height: 25px;
}
.matching-contact .app-d-flex.app-position-relative > .matching-contact-info:first-child::before {
    height: 20px;
    margin: 0px 20px;
}
.matching-contact .vertical-divider {
    width: 1px;
    height: 20px;
    background-color: var(--global-input-border-color);
    margin: 0 10px;
}
.matching-contact .width-full {
    width: 100%;
}

.matching-contact-table th:first-child,
.matching-contact-table .matching-contact-table-row-data td:first-child {
    width: 15%;
}

.matching-contact-table th:nth-child(2),
.matching-contact-table .matching-contact-table-row-data td:nth-child(2) {
    width: 60%;
}

.matching-contact-table th:last-child,
.matching-contact-table .matching-contact-table-row-data td:last-child {
    width: 25%;
}

.matching-contact-table thead {
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}

.matching-contact-table tbody {
    max-height: calc(100vh - 325px);
    overflow-y: auto;
}

.matching-contact-table tbody tr.matching-contact-table-row-detail:not(:last-of-type) {
    border-bottom: 1px solid var(--global-grid-border);
}
/*Students > Contacts > Matching contacts popup UI - Ends*/

/* SC - Libraries - Incident Codes - Add Incident Code Modal - Starts */
#IncidentCode td .k-input.k-combobox {
    height: 30px;
    margin: 3px 0;
    width: 400px;
    overflow: visible;
}
.app-kgrid__container #IncidentCode .k-input.k-combobox .k-button { padding-right: 15px !important; }
#IncidentCode td .k-input.k-combobox .k-button { height: 30px !important; }
/* SC - Libraries - Incident Codes - Add Incident Code Modal - Ends */
/*School -> Demographics -> Contacts With Same Primary E-Mail Screen Starts*/
.same-primaryemail-screen-top-header {
    border: 1px solid var(--global-border-light);
    border-bottom: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
.same-primaryemail-screen-dropdown .k-button-solid-base,
.same-primaryemail-screen-dropdown .k-picker .k-input-button,
.same-primaryemail-screen-dropdown .k-picker,
.same-primaryemail-screen-dropdown .k-picker.k-focus,
.same-primaryemail-screen-dropdown .k-picker:focus,
.same-primaryemail-screen-dropdown .k-picker:focus-within {
    height: 40px !important;
}
.same-primaryemail-screen-dropdown {
    border: 1px solid var(--global-border-light);
    border-top: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
#gridSameContactFieldMatched .k-grid-content colgroup col.k-hierarchy-col {
    width: auto !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content table td.k-hierarchy-cell {
    overflow: visible !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid {
    width: 100% !important;
    border: none !important;
    border-bottom: none !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-row td:not(:last-child) {
    border-right: 1px solid var(--global-standard-grey-border);
}
#gridSameContactFieldMatched,
#gridSameContactFieldMatched .k-grid-header,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header-wrap {
    border-top-left-radius: var(--global-border-radius) !important;
    border-top-right-radius: var(--global-border-radius) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table:first-of-type {
    border-bottom: 1px solid rgba(var(--brand-table-row-background), 0.4) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content table > tbody > tr:last-child > td,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row td,
#gridSameContactFieldMatched.app-kgrid__container tr.k-detail-row > td.k-detail-cell{
    border-bottom: none !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-cell .k-widget table tbody tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 0px !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-cell .k-widget table tbody,
#gridSameContactFieldMatched .k-detail-cell .k-widget table tbody,
#gridSameContactFieldMatched .k-detail-cell .k-widget tbody tr:last-child,
#gridSameContactFieldMatched .k-detail-cell .k-widget table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}
#gridSameContactFieldMatched.app-kgrid__container tbody tr:first-child {
    width: 100% !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
    height: calc(100vh - 435px) !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-detail-row td.k-detail-cell {
    padding: 0px !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content .k-grid tr.k-master-row td:nth-child(2),
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header th:nth-child(2) {
    padding-left: 40px !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content .k-grid tr.k-master-row td:nth-child(n+3),
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header th:nth-child(n+3) {
    padding-left: 10px !important;
}
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row td:nth-child(2),
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content .k-grid tr.k-master-row td:last-child {
    padding-left: 20px !important;
}
#gridSameContactFieldMatched .k-detail-row .k-grid .k-grid-header,
#gridSameContactFieldMatched tr.k-detail-row td.k-hierarchy-cell,
#gridSameContactFieldMatched.app-kgrid__container .k-master-row .k-hierarchy-col,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header-wrap thead tr th.k-header:nth-last-child(2):before,
#gridSameContactFieldMatched.app-kgrid__container .k-hierarchy-cell.k-header,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-header colgroup .k-hierarchy-col,
#gridSameContactFieldMatched.app-kgrid__container .k-master-row .k-hierarchy-cell,
#gridSameContactFieldMatched.app-kgrid__container .k-grid-content colgroup .k-hierarchy-col {
    display: none !important;
}

#gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row:nth-child(odd), #gridSameContactFieldMatched.app-kgrid__container .k-grid-content > table > tbody > tr.k-master-row:nth-child(odd):hover {
    background-color: rgba(var(--brand-table-row-background), 0.2) !important;
}

#gridSameContactFieldMatched.k-grid tr:hover {
    background-image: none !important;
}
/*School -> Demographics -> Contacts With Same Primary E-Mail Screen Ends */
/*School -> Demographics -> Household not in Sync Screen Starts*/
.app-kgrid__container .k-detail-row td.k-detail-cell .k-grid.household-not-in-sync-grid {
    width: 100%;
    border: none !important;
    border-bottom: none !important;
}

#gridHHFieldsNotInSync.app-kgrid__container .k-grid-content table td.k-hierarchy-cell {
    overflow: visible !important;
}

.household-area-scroll {
    height: calc(100vh - 362px);
}

.household-area-scroll .app-down-arrow-grid table tr.k-master-row{
    background-color: var(--brand-lightish-grey-bg) !important;
}

.household-not-in-sync-inner-grid .app-kgrid__container .td-padding {
    padding-left: 10px !important;
    height:40px !important;
}

.household-not-in-sync-inner-grid .app-kgrid__container .td-padding-student-city{
    padding-left:20px !important;
}

.household-not-in-sync-grid .app-br-grey.app-bl-grey {
    border-right: 1px solid var(--global-standard-grey-border);
}

.white-tooltip__popup__triangle:before, .white-tooltip__popup__triangle:after {
    position: absolute;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    content: "";
    left: -180px;
    rotate: 270deg;
}

.white-tooltip__popup__triangle:before, .white-tooltip__popup__triangle:after {
    z-index: 9999;
    margin-top: 9px;
    border-left: 15px solid var(--brand-default-light-background);
}

.white-tooltip-box .app__tooltip .dropdown-menu {
    background-color: var(--brand-default-light-background);
    left: -205px;
    border: none;
    top: 15px;
    width: 650px !important;
}

.white-tooltip-box .household-sync-popup:last-child .app-dim-light-blue-border-bottom {
    border-bottom: none;
}

#gridHHFieldsNotInSync.app-kgrid__container .k-grid-header-wrap colgroup .k-hierarchy-col {
    width: 0px !important;
}

#gridHHFieldsNotInSync.app-kgrid__container .k-grid-header-wrap colgroup col:nth-child(2),
#divHHNotInSyncDetails .app-kgrid__container table colgroup col:nth-child(1) {
    width: 152px !important;
}

#gridHHFieldsNotInSync.app-kgrid__container .app-pl-50{
    padding-left:50px !important;
}

#gridHHFieldsNotInSync.app-kgrid__container table colgroup col:nth-child(2){
    width:100% !important;
}

#divHHNotInSyncDetails .app-kgrid__container table colgroup col:nth-child(2) {
    width: 50px !important;
}

#gridHHFieldsNotInSync.app-kgrid__container th.k-header:nth-child(2) > .k-link {
    margin-left: 10px !important;
}
#gridHHFieldsNotInSync .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 442px) !important;
}

.household-sync-white-border {
    border: 1px solid var(--global-border-light) !important;
    border-top: none !important;
}

.household-screen-top-header {
    border: 1px solid var(--global-border-light) !important;
    border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two)) !important;
}

.blue-box-tooltip-scroll {
    max-height: calc(100vh - 413px);
}

#gridHouseholdsNotInSyncList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 413px);
    min-height: calc(100vh - 413px);
}

#divSchoolDemographics #divHousholdNotInSyncMessage #warningfade {
    top: 200px;
}

#gridHHFieldsNotInSync .k-grid-content colgroup col.k-hierarchy-col {
    width: auto !important;
}
/*School -> Demographics -> Household not in Sync Screen Ends*/
/*School- demographic-school information screen starts*/
#divHouseholdsInSchool .school__info__section { height: calc(100vh - 328px) !important; }
/*School- demographic-school information screen ends*/
/*Students > Contacts > Matching contacts popup UI - Starts*/
.matching-contact-address { max-height: 200px; }
/*Students > Contacts > Matching contacts popup UI - Ends*/
/* Setup Center - Libraries - Student Demographics */
#divStudentStaffDemographicFieldOptions .single-student__filter__box {
    background-color: var(--brand-container-darkblue-backgroud);
    width: 400px;
    border-top-left-radius: var(--global-border-radius);
    border-top-right-radius: var(--global-border-radius);
}
#divDdlDemographicPagesList.app__dropdown, #divDdlDemographicPagesList.app__dropdown .k-dropdownlist {
    width: 100% !important;
}
#grdDemographicsPageFieldsList .k-grid-header { display: none; }
#grdDemographicsPageFieldsList .k-grid-content { height: calc(100vh - 326px) !important; }
#grdDemographicsPageFieldsList.k-grid tr {
    cursor: pointer;
    color: var(--global-text-color);
    font-size: var(--global-text-size);
    letter-spacing: 0.16px;
    font-family: var(--global-font-family-regular);
    font-weight: var(--gloabl-default-font-weight);
    background: var(--brand-default-light-background);
}
#grdDemographicsPageFieldsList.k-grid td {
    border: none;
    border-bottom: 1px solid rgba(var(--brand-table-row-background), 0.3);
    line-height: 26px;
    white-space: nowrap;
}
#grdDemographicsPageFieldsList .k-master-row.k-selected {
    background: var(--brand-row-highlite) !important;
}
#grdDemographicsPageFieldsList.k-grid .k-grid-content tr.k-master-row.k-selected td:nth-child(2) { box-shadow: inset 5px 0 0 0 var(--brand-editor-color); }
#grdDemographicsPageFieldsList.k-grid td:last-child span { position: relative; }

#grdDemographicsPageFieldsList.k-grid td .lib-page-color {
    height: 20px;
    width: 20px;
    background: var(--brand-orangeLight-bg);
    border-radius: 50%;
    position: relative;
    top: 3px;
}
    #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-NonRead:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Pets:before,
    #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Admissions:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-OneRoster:before {
        background: var(--brand-demographics-tab-three) !important;
    }
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Health2:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-E-Mail:before,
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Page13:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-HealthInf:before {
    background: var(--brand-demographics-tab-four) !important;
}
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-MAPAssess:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Transport:before {
    background: var(--brand-demographics-tab-five) !important;
}
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Favourites:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Misc:before {
    background: var(--brand-demographics-tab-one) !important;
}
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-BasicInfo:before, #grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-Activities:before,
#grdDemographicsPageFieldsList.k-grid td:last-child span.page-name-SpecialEd:before {
    background: var(--brand-orangeLight-bg) !important;
}

#grdDemographicsPageFieldsList.k-grid td:nth-child(3) { padding-left: 0 !important; }
#grdStudentValidatedList .k-toolbar.k-grid-toolbar, #grdStaffValidatedList .k-toolbar.k-grid-toolbar { padding: 2px 20px; border-bottom: 1px solid rgba(var(--brand-table-row-background), 0.4) !important; }
#grdStudentValidatedList .k-grid-content td, #grdStaffValidatedList .k-grid-content td { border-left:0 !important; }
#grdStudentValidatedList .k-grid-content tr:last-child td, #grdStaffValidatedList .k-grid-content tr:last-child td { border-bottom: 0 !important; }
.properties-field-wrap { height: calc(100vh - 156px); }
#grdStudentValidatedList .k-grid-content, #grdStaffValidatedList .k-grid-content { height: calc(100vh - 746px) !important; }
#grdStudentValidatedList .k-toolbar.k-grid-toolbar img.inputSearch, #grdStaffValidatedList .k-toolbar.k-grid-toolbar img.inputSearch { position: absolute; top: 10px; left: 10px; }
.properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235 { width: 235px !important; }
/* Setup Center - Libraries - Student Demographics Ends */
/*master contacts screen starts*/
#grdMasterContacts .viewContactName.master {
    height: 40px;
}
#divAddContactView .master__contactnamesec {
    margin-top: 0 !important;
    height:100%!important;
}
#divAddContactView .master__contactnamesec .app-card-body {
    height: calc(100vh - 420px) !important;
}
#divAddContactView .master__contactnamesec #gridContactStudentLinkedGrid .k-grid-content {
    max-height: calc(100vh - 475px) !important;

}
#divAddContactView .master__contactnamesec .k-grid-norecords-template {
    min-height: 150px;
}
#divAddContactView .master__relationsec .contactName {
    padding: 5px 15px 5px 15px !important;
}
#divAddContactView .master__relationsec #lblViewRelation, #divAddContactView .master__relationsec .profile__wrappper {
    display: none;
}
#divAddContactView .master__relationsec .gFields {
    height: calc(100% - 64px) !important;
}
/*master contacts screen ends*/

/*School -> Demographics > Contacts With No Primary E-Mail Screen Starts*/
#gridNoEailContactMatched.app-kgrid__container .k-grid-content {
    height: 200px !important;
}
    #gridNoEailContactMatched.app-kgrid__container .k-grid-header th.k-header:nth-child(n+3), #gridNoEailContactMatched.app-kgrid__container .k-grid-content tr.k-master-row td:nth-child(n+3) {
        padding-left: 10px !important;
    }
#gridNoEailContactMatched.app-kgrid__container .k-grid-header th.k-header:nth-child(2), #gridNoEailContactMatched.app-kgrid__container .k-grid-content tr.k-master-row td:nth-child(2) {
    padding-left: 20px !important;
}
#gridNoEailContactMatched.app-kgrid__container tr:nth-child(odd),
#gridNoEailContactMatched.app-kgrid__container tr:nth-child(even),
#gridNoEailContactMatched.app-kgrid__container tr:hover {
    background-color: rgba(var(--brand-table-row-background), 0) !important;
    background-image: none !important;
}
.no-primaryemail-screen-dropdown {
    border: 1px solid var(--global-border-light);
    border-top: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
.no-primaryemail-screen-top-header {
    border: 1px solid var(--global-border-light);
    border-bottom: 1px solid var(--global-border-dark-rgb), var(--opacity-zero);
}
#divNoPrimaryEmailDetailsBlock .k-grid-content table colgroup col:nth-child(7) {
    width: 300px !important;
}
#divNoPrimaryEmailDetailsBlock .k-grid-header table colgroup col:last-child,
#divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-header th:last-child,
#divNoPrimaryEmailDetailsBlock .k-grid-content table colgroup col:last-child,
#divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content td:last-child {
    min-width: 200px !important;
    white-space: nowrap;
}
#divNoPrimaryEmailDetailsBlock .app-kgrid__container tr:hover {
    background-image: none !important;
    background-color: rgba(var(--brand-table-row-background), 0.03) !important;
}
/*School -> Demographics > Contacts With No Primary E-Mail Screen Ends*/
/* Setup Center - Custom Incident Category Tables - update list modal starts */
#gridValidatedList .k-grid-header th:first-child {
    display: flex;
}

#gridValidatedList .k-grid-header {
    background-image: none !important;
}

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

#gridValidatedList button.drag-handle {
    width: 36%;
    padding-right: 0 !important;
}

.custom-incidents-category-table .app__dropdown .k-dropdownlist.app-height-40, .custom-incidents-category-table .app__dropdown.app-height-40 {
    height: 40px !important;
}

#gridValidatedList .k-grid-header .k-header:nth-last-child(2):before {
    display: none !important;
}

#gridValidatedList .k-grid-content table td:nth-last-child(2) {
    border-right: none !important;
}

#gridValidatedList .k-grid-content {
    height: 240px !important;
}

#gridValidatedList .k-grid-content td .k-button.k-button-flat:focus::after {
    opacity: 0 !important;
}

#divValidatedList .app-disabled-dark-grey-btn {
    background: var(--brand-grey-shade-bg) !important;
    color: var(--global-dark-grey-color)
}

#gridValidatedList.app-table .k-grid-header th.k-header {
    padding: 5px 0;
}

#gridValidatedList .k-grid-header tr th:first-child, #gridValidatedList .k-grid-header {
    border-top-left-radius: var(--global-border-radius);
}

#gridValidatedList .k-grid-header tr th:nth-child(2), #gridValidatedList .k-grid-header {
    border-top-right-radius: var(--global-border-radius);
}

.disabled-section {
    pointer-events: none;
    opacity: 0.5;
}

#divMultiEntryTooltip {
    position: absolute;
    z-index: 9;
    top: 176px;
    left: 186px;
    white-space: nowrap;
}

#divMultiEntryTooltip2 {
    position: absolute;
    left: -23px !important;
    top: 22px !important;
}

.drag-handle {
    transition: opacity 0.2s ease;
    cursor: move;
}

.drag-handle.disabled {
    opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

#gridValidatedList .k-dirty {
    border-style: none !important;
}

.hint-item {
    background: rgba(52, 152, 219, 0.85) !important;
    color: white;
    padding: 12px 20px;
    border-radius: 6px;
    font-weight: 500;
    border: 2px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

#gridCustomIncidentFieldList .k-button::after {
    box-shadow: none;
}
/* setup center - Custom Incident Category Tables - update list modal ends */

/* Setupcenter - settings - fullnameformat screen starts */
.settings_fullnameformat_height { height: calc(100% - 60px) !important; }
.fullnameformat-screen-height { height: calc(100vh - 200px) !important;}
/* Setupcenter - settings - fullnameformat screen ends */

/*Common Code for Search Toolbar , arranging the order Inside Grid Starts*/
#grdDemographicsPageFieldsList.k-grid, #grdSuperDBAvailableFields.k-grid {
    display: flex;
    flex-direction: column;
}

#grdDemographicsPageFieldsList .k-grid-header, #grdSuperDBAvailableFields .k-grid-header {
    order: 1;
}

#grdDemographicsPageFieldsList .k-grid-toolbar, #grdSuperDBAvailableFields .k-grid-toolbar {
    order: 2;
}

#grdDemographicsPageFieldsList .k-grid-content, #grdSuperDBAvailableFields .k-grid-content {
    order: 3;
}
/*Common Code for Search Toolbar , arranging the order Inside Grid Ends*/

/* Setupcenter - Libraries - School Information screen starts */
#divSetupCenter .school__info__section { height: calc(100vh - 265px) !important; }
/* Setupcenter - Libraries - School Information screen ends */

/*SSO-STARTS*/
.sso__popover {
    width: 450px;
    left: -410px;
    top: 40px;
    display:none;
}
.sso__popover .sso__close-btn {
    right: 20px;
    top: 20px;
}
/*SSO-ENDS*/
/*Library-globalfield screen starts*/
#gridContactGlobalLocalFieldList table thead th, #gridContactGlobalLocalFieldList table tbody td {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#gridContactGlobalLocalFieldValidatedList .k-grid-toolbar {
    padding: 5px 20px;
}
#gridContactGlobalLocalFieldValidatedList .inputSearch {
    left: 35px;
}
#gridContactGlobalLocalFieldValidatedList .k-grid-content.k-auto-scrollable {
    height: calc(100vh - 495px) !important;
    max-height: calc(100vh - 495px) !important;
}
#gridContactGlobalLocalFieldList.app-kgrid__container .k-grid-content table td.app-pl-20 {
    padding-left: 20px !important;
}
#gridContactGlobalLocalFieldList .k-button::after {
    box-shadow: none;
}
#gridContactGlobalLocalFieldList .k-grid-content.k-auto-scrollable {
    max-height: calc(100vh - 342px) !important;
    height: auto !important;
}
.custom-incidents-category-table #divValidatedListGrid.contact__localglobalscreen {
    min-height: calc(100vh - 325px);
}
#gridContactGlobalLocalFieldList .validation-image-button{
    padding-right:0!important;
}
/*Library-globalfield screen ends*/

/* Setupcenter - library - contact relationship, Salutaion , Suffix screen starts */
.setupcenter_lib_contactrelationship {
    height: calc(100vh - 200px);
}
#btnAddNewContactRelationship.app-disabled-dark-grey-btn,
#btnAddNewContactSuffix.app-disabled-dark-grey-btn,
#btnAddNewContactSalutation.app-disabled-dark-grey-btn {
    background: var(--brand-grey-shade-bg) !important;
    color: var(--global-dark-grey-color) !important;
}
#gridContactRelationshipList .k-grid-content, #gridContactSalutationsList .k-grid-content, #gridContactSuffixList .k-grid-content {
    min-height: calc(100vh - 435px) !important;
    max-height: calc(100vh - 435px) !important;
    overflow: auto !important
}
#gridContactRelationshipList.app-table .k-grid-header .k-header .k-link,
#gridContactSalutationsList.app-table .k-grid-header .k-header .k-link,
#gridContactSuffixList.app-table .k-grid-header .k-header .k-link,
#gridPortfolioCategoriesList.app-table .k-grid-header .k-header .k-link {
    line-height: normal;
}
/*.input__textarea.input-border-right-0:hover {
    border-right: none !important;
}*/
.app-grey-border.app-border-right-none:focus {
    border-right: none !important;
}
/* Setupcenter - library - contact Salutaion screen ends */
#gridPortfolioCategoriesList .k-grid-content {
    height: calc(100vh - 390px) !important;
}
/* Setupcenter - Contact relationship, Salutaion , Suffix screen ends */
#gridContactSalutationsList .k-grid-content {
    max-height: calc(100vh - 385px) !important;
    min-height: calc(100vh - 385px) !important;
    overflow-y: auto !important;
    height: calc(100vh - 385px) !important;
}
/* Setupcenter - library - contact Salutaion screen ends */

/*School - Schedule - Courses & Sections starts*/

#grdCourseDetails .k-grid-content, #gridSections .k-grid-content {
    max-height: calc(100vh - 405px) !important;
    min-height: calc(100vh - 405px) !important;
}
#grdCourseDetails .viewContactName{
    height: 45px;
}

.app-filter-border-none .allGridsDropdownList .dropdown-menu li {
    border-bottom: none !important;
}
    .app-filter-border-none .allGridsDropdownList .dropdown-menu li:nth-last-child(2) {
        border-bottom: 1px solid var(--global-search-placeholder-color) !important;
    }
/*Grades - View Reports - Jobs*/
.divReportViewjobsTootTip.viewjobs-tooltip-left{
    left: 10px !important;
}
#gridJobsList .allGridsDropdownList.app__dropdownmenulist .dropdown-menu li a:hover {
    background-color: transparent !important;
}
/*Grades - View Reports - Jobs ends*/

/*School - Schedule - Courses & Sections ends*/

#gridContactSalutationsList .k-grid-content {
    max-height: calc(100vh - 385px) !important;
    min-height: calc(100vh - 385px) !important;
    overflow-y: auto !important;
    height: calc(100vh - 385px) !important;
}
/* Setupcenter - library - Contact relationship, Salutaion , Suffix screen ends */

/*School -> Schedule -> Batch Edit Section starts*/
#grdBatchEditSections .k-grid-content { min-height: calc(100vh - 406px)!important; max-height: calc(100vh - 406px)!important; }
#divAssignRoom .k-input, #divAssignRoom .k-input.k-hover, #divAssignRoom .k-input:hover,.assign-teacher-popup  .k-input,.assign-teacher-popup  .k-input:hover { border: 1px solid var(--global-dropdown-border) !important; }
.assign-teacher-popup .k-input, .assign-teacher-popup .k-input:hover, .assign-teacher-popup .app__dropdown.edit__fieldcol, #divAssignRoom .app-combo-dropdown .k-picker, .assign-teacher-popup .grid-schedule-left-part .app__dropdown, .assign-teacher-popup  .grid-schedule-right-part .app__dropdown{ height:35px !important; }
.assign-teacher-popup.k-window{ top:4% !important; }
.assign-teacher-popup #divSchedulerGrid{height: calc(100vh - 530px); overflow-y: auto; }
.assign-teacher-popup .grid-schedule-left-part{margin-right:30px;}
.batch-add-schedule-view .household-screen-top-header{ border: none;}
.batch-add-schedule-view .grid-top-header-border { border: none; border-bottom: 1px solid rgba(var(--global-border-dark-rgb),var(--opacity-two));}
.assign-teacher-popup .grid-schedule-left-part label,.assign-teacher-popup  .grid-schedule-right-part label{margin-right:10px; font-family:var(--global-font-family-semibold);}
#grdBatchEditSections.hide-last-divider .k-grid-header thead tr th.k-header:nth-last-child(2)::before{
    display: none !important;   
}
/*School -> Schedule -> Batch Edit Section ends*/
/*School -> Schedule -> Batch Edit Section ends*/

/*Schools -> Schedule - Manage courses and section starts*/
#divSchoolSchedule .school-schedule-cover #divCourseSection.app-course-section .school-schedule-tabs.app-schoolschedule-tabs-height .k-tabstrip-content {
    height: calc(100vh - 465px) !important;
}
#divSchoolSchedule .school-schedule-cover #divCourseSection.app-course-section.app-grid-courseview .school-schedule-tabs.app-schoolschedule-tabs-height
.k-tabstrip-content {
    height: calc(100vh - 550px) !important;
}
/*Schools -> Schedule - Manage courses and section ends*/

/*Multi student payment screen starts*/
#tableBatchInvoiceCharges.stud-view-dummy-table.period-table tbody tr td {
    padding: 3px 20px;
}

#tableBatchInvoiceCharges.stud-view-dummy-table.period-table tbody tr.active {
    background-color: var(--brand-row-highlite) !important;
}

#tableBatchInvoiceCharges.stud-view-dummy-table .amount-input {
    border-color: var(--global-dropdown-border) !important;
}

#tableBatchInvoiceCharges tbody {
    height: calc(100vh - 563px);
    overflow-y: auto;
}

#divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    min-height: calc(100vh - 478px);
    max-height: calc(100vh - 478px);
    overflow: auto;
}

#divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
    min-height: calc(100vh - 430px);
    max-height: calc(100vh - 430px);
    overflow: auto;
}

#divInvoiceChargeBatchEntry .first-step-container.comments-container .batch-entery__popup {
    min-height: calc(100vh - 430px);
    max-height: calc(100vh - 430px);
    overflow: auto;
}
/*Multi student payment screen ends*/
#gridContactSalutationsList .k-grid-content {
    max-height: calc(100vh - 385px) !important;
    min-height: calc(100vh - 385px) !important;
    overflow-y: auto !important;
    height: calc(100vh - 385px) !important;
}
/* Setupcenter - library - contact Salutaion screen ends */
/*Approval centre admission returning student popup starts*/
#grdAdmissionsReturningStudents .k-grid-content {
    height: calc(100vh - 400px) !important;
}
#divAdmissionsReturningStudent .stud__foundinfo {
    background: var(--brand-advance-payment-bg);
    border: 1px solid var(--global-process-inprogress-boxshadow);
    top: -24px;
    width: calc(100% - 70px);
    position: absolute;
    z-index: 1;
    left: 20px;
}
#divAdmissionsReturningStudent .app-pr-10, #divAdmissionsReturningStudent .app-kgrid__container.no-filter .k-grid-header th.k-header {
    padding-right: 10px !important;
}

#divAdmissionsReturningStudent .app-pl-45{
    padding-left:45px !important;
}

#divAdmissionsReturningStudent .app-height-40{
    height:40px !important;
}
/*Approval centre admission returning student popup ends*/

/*Batch processing table UI starts*/
.app-w-100.app__dropdown.batchentry__tabledropdown .k-dropdownlist {
    width: calc(100% - 25px) !important;
    margin-left: 10px;
}

#btnAdd, #btnEdit, #btnDelete {
    border: 2px solid var(--global-border-light);
}

    #btnAdd:hover, #btnEdit:hover, #btnDelete:hover {
        border: 2px solid var(--global-border-blue) !important;
    }



#divEditRecordSelection #grdSuperDbRecords .k-grid-content {
    height: calc(100vh - 562px) !important;
}

#divSuperDbEditRecord #tblEditSuperDbFields tbody {
    height: calc(100vh - 510px);
}

#divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
    height: calc(100vh - 432px) !important;
}



#divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
    height: calc(100vh - 475px) !important;
    overflow: auto;
}

#divSuperDbAddRecord #tblEditSuperDbFields tbody {
    height: calc(100vh - 515px);
}

#divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
    height: calc(100vh - 432px) !important;
}


#divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
    height: calc(100vh - 562px) !important;
}

#studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
#staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
    height: calc(100vh - 645px) !important;
}
/*#divSuperDbBatchEntry{
    overflow-y:hidden;
}*/

#tblEditSuperDbFields .value-cell.hidden {
    visibility: hidden;
    pointer-events: none;
}

#tblEditSuperDbFields .erase-checkbox-label {
    display: none;
    position: relative !important;
}

#tblEditSuperDbFields .erased-hidden {
    display: none !important;
}

#tblEditSuperDbFields .erase-placeholder,
.rights-placeholder {
    padding: 0;
    display: flex;
    align-items: center;
    height: 35px;
}

    #tblEditSuperDbFields .erase-placeholder input[readonly],
    .rights-placeholder input[readonly] {
        background: #fff;
        border-radius: var(--global-border-radius) !important;
        -moz-border-radius: var(--global-border-radius) !important;
        border: 1px solid var(--global-dropdown-border) !important;
        padding: 6px 8px;
        width: 100%;
        color: var(--global-text-color);
        box-sizing: border-box;
        height: 35px;
        margin: 0;
        opacity: 1;
        box-shadow: none;
        cursor: text;
    }

#tblEditSuperDbFields .k-combobox.app-height-35.app-combo-dropdown {
    padding: 0 0 0 12px !important;
}

#tblEditSuperDbFields .k-datepicker.k-input {
    padding: 0 0 0 3px !important;
}

#tblEditSuperDbFields .erase-checkbox-label input[type="checkbox"]:disabled + .check-mark {
    border-color: #ccc !important;
    box-shadow: none !important;
    cursor: default;
}

#tblEditSuperDbFields .erase-checkbox-label[disabled],
#tblEditSuperDbFields .erase-checkbox-label input[type="checkbox"]:disabled ~ span {
    color: #999;
    cursor: default;
}

#tblEditSuperDbFields .field-checkbox {
    position: relative !important;
}

.app__dropdown.batchentry__tabledropdown .k-dropdownlist.app-blue-border-highlight {
    border: 2px solid var(--global-form-container-border) !important;
}
/*Batch processing table UI ends*/
/*Grades - Reports - New UI Design Starts*/
#gradesReportsToggle .app__toggle .app__togglebutton .toggle__knobs:after {
    content: 'Jobs';
    opacity:1;
    right:12px;
}

#gradesReportsToggle .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
    left: 95px;
    width: 60px;
    opacity:1;
}

#gradesReportsToggle .app__toggle .app__togglebutton .toggle__knobs .app__toggleone {
    left: 0;
}

#gradesReportsToggle .app__toggle .app__togglebutton .toggle__knobs:before {
    width: 90px;
}

.reports-right-side-contents .label-default {
    top:4px;
}
/*Grades - Reports - New UI Design Ends*/

:root {
    /*************************************Breakpoints************************************/
    --breakpoint-xs: 320px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    /*************************************Grid System variables************************************/
    /* Grid columns */
    --grid-columns: 12;
    --grid-gutter: 1rem;
    /* Container widths */
    --container-max-width: 1440px;
    --container-padding: var(--space-4);
    /* Grid breakout sizes */
    --grid-sm: var(--breakpoint-sm);
    --grid-md: var(--breakpoint-md);
    --grid-lg: var(--breakpoint-lg);
    --grid-xl: var(--breakpoint-xl);

}
/**************************************Font-Resize *******************************************************/
@media (min-width:1281px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 420px) !important;
        max-height: calc(100vh - 420px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/

    body, html {
        font-size: var(--global-text-size-xs);
    }
}

@media (min-width:1400px) {
    body, html {
        font-size: var(--global-text-size-sm);
    }
}

@media (min-width:1600px) {
    body, html {
        font-size: var(--global-text-size);
    }
}

@media (min-width: 1900px) {
    body, html {
        font-size: var(--global-text-size);
    }
}

@media (min-width: 3840px) {
    body, html {
        font-size: var(--global-text-size-xl);
    }
}
/**************************************Font-Resize *********************************************************************************/

@media (min-width:1280px) and (max-width:1529.98px) {
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Starts*/
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown.edit__fieldcol.db-field,
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .student-selection-combo,
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown.select__criteria.db-field,
    #divSchoolSchedule .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
    #divSchoolSchedule .comments-container .matching-criteria-fields .select__criteria {
        width: 280px !important;
    }

    #divSchoolSchedule .comments-container .matching-criteria-fields .enter__value {
        width: 400px !important;
    }
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Ends*/
    #gridMyReportsList colgroup col:first-child{
        width:150px !important;
    }
    .tab-mr-ml {
        margin: 0px 20px;
    }
    #grdStudentContacts .viewContactName, #gridContactStudentLinkedGrid .k-grid-content table tbody tr {
        height: 40px;
    }
    #divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 415px) !important;
        min-height: calc(100vh - 415px) !important;
    }

    #divNarrativesView.expanded .narratives-scroll {
        height: calc(100vh - 425px);
    }
    /*All Screens 125% to 150% Fixes Starts*/
    .school-report-template {
        min-height: calc(100vh - 225px);
        height: calc(100vh - 225px);
    }
    #divDemographicsBatchEntry .batch-entery__popup#option4Div .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 380px !important;
    }
    #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px) !important;
        max-height: calc(100vh - 333px) !important;
    }
    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 375px);
        max-height: calc(100vh - 375px);
    }
    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup#option3Div {
        min-height: auto;
        max-height: max-content;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        height: auto !important;
        overflow-x: visible !important;
        overflow-y: clip !important;
    }
    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period, #DailyAttendanceBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup {
        min-height: calc(100vh - 329px);
        max-height: calc(100vh - 329px);
    }
    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 374px);
        max-height: calc(100vh - 374px);
    }
    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
    }

    #PeriodAttendanceBatchEntry.overflow-none, #DailyAttendanceBatchEntry.overflow-none, #divDemographicsBatchEntry.overflow-none,
    #divInvoiceChargeBatchEntry.overflow-none {
        overflow-y: hidden;
    }
    .enter-period-attendance.comments-container .batch-entery__popup {
        overflow: auto;
        max-height: calc(100vh - 333px);
    }
    #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
    }
    .scheduleyear-indicator {
        padding: 5px 8px 5px 20px;
        width: 155px;
    }

    .scheduleyear-indicator .tab-schedule-year-0{
        margin-left: 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-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,
    #grdSuperDbBatchEntryLogs.app-kgrid__container {
        height: auto !important;
    }
    #grdStudyHallInfo .k-grid-content.k-auto-scrollable, .comments-note-area {
        height: calc(100vh - 290px) !important;
    }
    #divAddDropCourseSection #divAddDropCourseSection, .exsisting-course-popup .comments-container, .emailSubjectBlock.email-subjec-block .app-sent-view-contact, .emailSubjectBlock.email-subjec-block .app-perview-contact {
        height: auto;
    }
    .enroll__scrn .tab-col-width{
        width: auto !important;
        flex: none;
    }
    .enroll__scrn .dashboard-module__enroll .app-card {
        min-width: 453px !important;
        width: 25%;
        max-width: 453px;
    }
    .enroll__scrn .enroll__third-container, .enroll__scrn .enroll__last-container{
        margin-top: 20px;
    }
    .section-analyze-file {
        height: max-content !important;
    }
    #grdAvailableFields .k-grid-content.k-auto-scrollable, #grdStaffMembersFields .k-grid-content.k-auto-scrollable{
        height: calc(100vh - 280px) !important;
    }

    #grdLookupViewAvailableFields .k-grid-content.k-auto-scrollable, #grdLookupViewSelectedFields .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }

    #gridContactStudentLinkedGrid .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 220px) !important;
    }

    #PortfolioCategoryGrid .k-grid-content td:last-child button {
        padding-left: 11px !important;
    }

    .demographics-batch-entry .comments-container .batch-entery__popup {
        max-height: calc(100vh - 333px);
        min-height: calc(100vh - 333px);
        overflow: auto;
    }

    #divStaffDemographicFields .edit-approval-center-data,
    #divStudentDemographicFields .edit-approval-center-data,
    #divStaffDemographicFields .edit-acd input[name="EnrollmentCenter"],
    #divStudentDemographicFields .edit-acd input[name="EnrollmentCenter"] {
        width: 225px !important;
    }

    .tab-import-from-file, #gridFileContent .k-grid-content {
        height: calc(100vh - 150px) !important;
    }

    #divSchoolDemographics #divEnrollmentTab .tab-import-from-file {
        height: calc(100vh - 205px) !important;
    }

    .tab-width-search-bar {
        width: 270px !important;
    }

    #importFileSelection #gridFileContent.app-kgrid__container .k-grid-content {
        overflow-y: auto !important;
        height: max-content !important;
    }

    .demographics-contact-tile .tab-w-max {
        width: max-content !important;
    }

    .tab-advanced-course-min-height {
        min-height: calc(100vh - 325px);
    }

    #gridApCourseList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 415px) !important;
    }

    #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 445px) !important;
    }

    #grdDemographicLogs .k-grid-content.k-auto-scrollable, .tab-course-link-list-popup .k-grid-content.k-auto-scrollable, .tab-course-prerequistes-popup .k-grid-content.k-auto-scrollable, #gridFastServedLogDetails .k-grid-content.k-auto-scrollable,
    #grdSuperDbBatchEntryLogs .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }

    #grdFieldSelectionPopup .k-grid-content.k-auto-scrollable,
    #gridCalenderSettings .k-grid-content.k-auto-scrollable,
    #gridDailyAttendanceBatchEntryLogs .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 300px) !important;
    }
    #divSentEmails .schedule-later .app-sent-view-contact {
        height: calc(100vh - 505px);
    }
    #divSentEmails .emailSubjectBlock {
        height: calc(100vh - 344px);
    }
    .emailSubjectBlock {
        height: calc(100vh - 412px);
    }
    .comments-container .batch-entery__popup {
        min-height: calc(100vh - 375px);
    }
    .blue-tooltip-box .app__tooltip .dropdown-menu {
        right: -138px;
    }
    #single-student__mode #divSchedule .tab-divListView .k-grid-content {
        height: calc(100vh - 585px) !important;
    }

    #single-student__mode #divSchedule .tab-divListView.expanded .k-grid-content, #divGetStudentDetails #gridAllSchoolHousehold .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 380px) !important;
    }
    #divSchoolSchedule #divSchedule .tab-divListView .k-grid-content {
        height: calc(100vh - 410px) !important;
    }

    .edit-student-details-popup .app__tooltip.app__dropdownmenulist .dropdown-menu {
        left: 20px;
    }

    #divPreviousMarkingPeriodEditor {
        height: calc(100vh - 357px);
    }

    #divAddPhoto #divPicture #kendoUploadImage .jrac_viewport {
        max-height: calc(100vh - 200px) !important;
    }

    #divSingleStudentTab #divBilling .tab-divListView.expanded .ap-gridbody.billing-grid {
        max-height: calc(100vh - 368px);
    }

    #divChargesAddEdit .add-charge-data, #divPaymentsAddEdit .add-payment-data {
        max-height: calc(100vh - 225px);
        overflow: auto;
    }

    #divContactAddNew .addnew__contactsection {
        max-height: calc(100vh - 295px);
        overflow: auto;
    }

    #gridHousingMatchingContactList .k-grid-content.k-auto-scrollable,
    #gridLastnameMatchingContactList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 294px) !important;
    }

    #copyallcontact .addcontact__helpbox {
        height: 250px;
    }

    .contact-tabcontent {
        min-height: auto;
    }

    #divSchoolDailyAttendance .dailyAttendance-tab table tr td:first-child, #divAttendanceListView .k-grid-content tbody tr td:nth-child(1), #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 20px !important;
    }

    .attendance-entries-data {
        max-height: calc(100vh - 355px);
        overflow: auto;
    }

    .assign-teacher-popup #divSchedulerGrid{ height: auto;}

    .edit-staff-attendance-data {
        max-height: calc(100vh - 235px);
        overflow: auto;
    }

    .edit-daily-data {
        max-height: calc(100vh - 225px);
        overflow: auto;
    }

    #divDailyAttendanceSettingsControls.editscreen,
    #divPeriodAttendanceSettingsControls.editscreen,
    #divStudentAddSettings .student-wizard,
    #divStaffAddSettings .student-wizard{
        max-height: calc(100vh - 181px);
        overflow: auto;
    }

    #divFastServedOutstandingPenaltySettings .outstanding-data {
        max-height: calc(100vh - 185px);
        overflow: auto;
    }
    #divNarrativesEditControls.comments-container {
        max-height: calc(100vh - 200px);
        overflow: auto;
    }

    #studentSelectionEmail .app__dropdown, #studentSelectionEmail .k-dropdownlist:hover, #studentSelectionEmail .k-dropdownlist:active, #studentSelectionEmail .k-dropdownlist:focus {
        width: 310px !important;
    }
    #tableBatchInvoiceCharges tbody {
        height: calc(100vh - 457px);
        overflow-y: auto;
    }

    #divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px);
        max-height: calc(100vh - 380px);
        overflow: auto;
    }

    #divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
        overflow: auto;
    }
    #divInvoiceChargeBatchEntry .first-step-container.comments-container .batch-entery__popup {
        min-height: calc(100vh - 333px);
        max-height: calc(100vh - 333px);
        overflow: auto;
    }
    /*All Screens 125% to 150% Fixes Ends*/
    #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td {
        padding: 0px !important;
        font-size: 13px !important;
        text-align: center;
    }

    #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td.grid-column-num.app-pr-30 {
        padding-right: 23px !important;
    }

    #divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 387px);
        max-height: calc(100vh - 387px);
        overflow: auto;
    }

    #divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #divSuperDbAddRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 430px);
    }
/*    #divSuperDbBatchEntry #tblSuperDbFields tbody {
        height: calc(100vh - 430px);
    }*/
    #divEditRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 470px) !important;
    }
    #divSuperDbEditRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 415px);
    }
    #divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 467px) !important;
    }
    #divSuperDbDeleteRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 580px) !important;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 555px) !important;
    }
}

@media (min-width:1530px) and (max-width:1599.98px) {
    #divLineSchedule .k-grid-footer .k-grid-footer-wrap table td.app-text-end {
        font-size: 13.8px !important;
    }
}

@media (min-width:1530px) and (max-width:1799.98px) {
    /*All Screens 110% to 125% Fixes Starts*/
    .school-report-template {
        min-height: calc(100vh - 225px);
        height: calc(100vh - 225px);
    }
    .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 476px) !important;
    }
    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 375px);
        max-height: calc(100vh - 375px);
    }
    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
    }

    #divDemographicsBatchEntry .app-radio label, #DailyAttendanceBatchEntry .app-radio label, #PeriodAttendanceBatchEntry .app-radio label{
         margin-right:25px;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        height: auto !important;
        overflow-x: visible !important;
        overflow-y: clip !important;
    }
    .enter-period-attendance.comments-container .batch-entery__popup {
        overflow: auto;
        max-height: calc(100vh - 347px);
    }
    #pastGradesCourseDetailsPopup .course-section-height {
        height: calc(100vh - 345px);
        overflow-y: auto;
    }
    #divAddPhoto #divPicture #kendoUploadImage .jrac_viewport {
        max-height: calc(100vh - 200px) !important;
    }
    #grdLookupViewAvailableFields .k-grid-content.k-auto-scrollable, #grdLookupViewSelectedFields .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }
    #divSectionRosters #divRosters #gridRosters .k-grid-content {
        max-height: calc(100vh - 400px) !important;
    }
    .batch-entery__popup .attendance__comments.comments-note-area {
        height: min-content !important;
    }

    .batch-entery__popup #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entery__popup #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 475px) !important;
    }

    .batch-entry-data-height {
        overflow-y: auto;
        max-height: calc(100vh - 290px);
    }
    #PeriodAttendanceBatchEntry.overflow-none, #DailyAttendanceBatchEntry.overflow-none, #divDemographicsBatchEntry.overflow-none {
        overflow-y: hidden;
    }
    #PeriodAttendanceBatchEntry .app-radio label {
        margin-right: 25px;
    }
    #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 490px) !important;
    }

    #grdSelectedStudentList .k-grid-content, #grdSelectedStaffList .k-grid-content {
        max-height: calc(100vh - 425px) !important;
    }
    #divDailyAttendanceSettingsControls.editscreen, #divPeriodAttendanceSettingsControls.editscreen, #divStudentAddSettings .student-wizard, #divStaffAddSettings .student-wizard {
        max-height: calc(100vh - 181px);
        overflow: auto;
    }

    #divAddDropCourseSection #grdCourseSection.app-kgrid__container .k-grid-content,
    #grdFromAStudentSection .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 420px) !important;
    }

    #divAddDropCourseSection .course-section-content {
        min-height: calc(100vh - 420px);
    }
    #courseSectionPopup .course-section-details {
        max-height: calc(100vh - 475px);
        overflow: auto;
    }
    #divSchoolDailyAttendance .dailyAttendance-tab table tr td:first-child,
    #divAttendanceListView .k-grid-content tbody tr td:nth-child(1),
    #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 25px !important;
    }
    #divAddDropCourseSectionBatch #grdFromAStudentSection .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 530px) !important;
    }

    #divAddDropCourseSection #divAddDropCourseSection .comments-container {
        height: calc(100% - 90px);
    }

    #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 445px) !important;
    }

    #divContactAddNew .addnew__contactsection {
        max-height: calc(100vh - 313px);
        overflow: auto;
    }

    #gridHousingMatchingContactList .k-grid-content.k-auto-scrollable,
    #gridLastnameMatchingContactList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 320px) !important;
    }

    .contact-tabcontent {
        min-height: auto;
    }
    #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll,
    #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll,
    #divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
        height: calc(100vh - 240px);
    }

    .div-rosters-popup #gridRosters .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 390px) !important
    }

    #gridApCourseList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 415px) !important;
    }

    #grdDemographicLogs.app-kgrid__container, #courseSectionPopup .course-tab-h-auto, #grdSuperDbBatchEntryLogs.app-kgrid__container {
        height: auto !important;
    }
    .emailSubjectBlock.email-subjec-block .app-sent-view-contact,
    .emailSubjectBlock.email-subjec-block .app-perview-contact {
        height: calc(100vh - 575px);
    }
    .emailSubjectBlock {
        height: calc(100vh - 421px);
    }
    #divSentEmails .emailSubjectBlock {
        height: calc(100vh - 370px);
    }
    #divSentEmails .schedule-later .app-sent-view-contact {
        height: calc(100vh - 560px);
    }
    .comments-container .batch-entery__popup {
        min-height: calc(100vh - 341px) !important;
        max-height: calc(100vh - 341px) !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        min-height: calc(100vh - 465px) !important;
        max-height: calc(100vh - 465px) !important;
    }
    #divbatchAddSchedule .fn-confirm-schedule-batch .batch-entery__popup {
        min-height: calc(100vh - 410px) !important;
        max-height: calc(100vh - 410px) !important;
    }

    #divbatchAddSchedule .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #divbatchAddSchedule .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 596px) !important;
    }

    #divDemographicsBatchEntry .demographics-batch-entry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 341px) !important;
        max-height: calc(100vh - 341px) !important;
    }
    #importFileSelection #gridFileContent.app-kgrid__container .k-grid-content {
        overflow-y: auto !important;
        height: max-content !important;
    }

    .tab-import-from-file, #gridFileContent .k-grid-content {
        height: calc(100vh - 150px);
    }

    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 209px);
    }

    #gridDailyAttendanceBatchEntryLogs .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 300px) !important;
    }
    #tableBatchInvoiceCharges tbody {
        height: calc(100vh - 475px);
        overflow-y: auto;
    }

    #divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
    }

    #divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px) !important;
        max-height: calc(100vh - 340px) !important;
    }
    #divInvoiceChargeBatchEntry.overflow-none {
        overflow-y: hidden;
    }
    /*All Screens 110% to 125% Fixes Ends*/
    /*School Monthly Attendance View start */
    #spnCurrentMonth {
        font-size: var(--global-text-size);
    }

    .schedule-calendar-header .app-mr-15 {
        margin-right: 5px;
        width: 10px;
    }

    .schedule-calendar-header .app-ml-15 {
        margin-left: 5px !important;
    }

    .abs__tar__selection {
        top: 56.5px;
    }

    .abs__tar__selection .app__toggle .app__togglebutton .toggle__knobs:after {
        right: 37px;
    }
    /*School Monthly Attendance View ends */
    /*excelwizard start*/
    .include-feild .excelwizard-student-leftside {
        width: 145px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 145px) !important;
    }

    .include-feild .relationship {
        width: 300px;
    }
    /*excelwizard ends*/
    #divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 387px) !important;
        max-height: calc(100vh - 387px) !important;
    }

    #divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 345px) !important;
        max-height: calc(100vh - 345px) !important;
    }
    #divSuperDbAddRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 430px);
    }
 /*   #divSuperDbBatchEntry #tblSuperDbFields tbody {
        height: calc(100vh - 430px);
    }*/
    #divEditRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 472px) !important;
    }
    #divSuperDbEditRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 425px);
    }
    #divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 345px) !important;
        max-height: calc(100vh - 345px) !important;
        overflow: auto;
    }
    #divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 470px) !important;
    }
    #divSuperDbDeleteRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 340px);
        max-height: calc(100vh - 340px);
        overflow: auto;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 555px) !important;
    }

}

@media (max-width:1529.98px) {
    /*excelwizard start*/
    .app__dropdown.app-w-150,
    .app__dropdown.app-w-150 .k-dropdownlist,
    .app__dropdown.app-w-150 .k-dropdownlist:hover,
    .app__dropdown.app-w-150 .k-dropdownlist:active,
    .app__dropdown.app-w-150 .k-dropdownlist:focus,
    .app__dropdown.app-w-150 .k-dropdownlist:visited,
    .app__dropdown.single-student__dropdown,
    .app__dropdown.single-student__dropdown .k-dropdownlist,
    .app__dropdown.single-student__dropdown .k-dropdownlist:hover,
    .app__dropdown.single-student__dropdown .k-dropdownlist:active,
    .app__dropdown.single-student__dropdown .k-dropdownlist:focus,
    .app__dropdown.single-student__dropdown .k-dropdownlist:visited {
        width: 150px !important;
    }

    .app__dropdown.single-student__dropdown.app-w-220,
    .app__dropdown.app-w-220 .k-dropdownlist,
    .app__dropdown.app-w-220 .k-dropdownlist:hover,
    .app__dropdown.app-w-220 .k-dropdownlist:active,
    .app__dropdown.app-w-220 .k-dropdownlist:focus,
    .app__dropdown.app-w-220 .k-dropdownlist:visited {
        width: 190px !important;
    }
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235 {
        width: 235px !important;
    }
    .excelwizard__container .card-inner__container .include-header__text {
        width: auto !important;
    }

    .include-DB-field {
        width: 498px;
    }

    .excelwizard__section .multi-select-outer .multi-select-inner-box {
        width: 100%;
    }

    .laptop-d-none {
        display: none;
    }

    .laptop-d-block {
        display: block;
    }

    .laptop-mb-5 {
        margin-bottom: 5px !important;
    }

    .laptop-mb-10 {
        margin-bottom: 10px !important;
    }

    .include-feild .excelwizard-student-leftside {
        width: 120px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 120px) !important;
    }

    .row-feild-d-block .app-pr-30 {
        padding-right: 0px !important;
    }
    /*excelwizard ends*/
    /* Batch Entry - modals Starts */
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 320px !important;
    }

    .include-feild .relationship, #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch #option4Div #filter.app__dropdown,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div #filter.app__dropdown,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div #filter.app__dropdown {
        width: 100% !important;
    }
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown .k-dropdownlist,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch #option4Div .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 96% !important;
    }
    /* Batch Entry - modals Starts */
}
/**************************************Font-Resize **********************************************************/
@media (max-width:1280px) {
    .tab-d-flex-wrap {
        flex-wrap: wrap;
    }

    .tab-row-gap-20 {
        row-gap: 20px;
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 610px) !important;
    }
    /*    School - > Demographics - > Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 530px) !important;
    }
    /*    School - > Demographics - > No Primary E-Mail Screen Ends*/
    .white-tooltip__popup__triangle:before, .white-tooltip__popup__triangle:after {
        left: -145px;
    }

    .tab-box-height{
        height:35px !important;
    }
    #studentNewIncident .app__togglebutton .toggle__knobs .responsive-student-toogle {
        display: none !important;
    }
    .incident-grid-edit {
        height: auto;
    }
    #studentNewIncident .app__dropdown .k-dropdownlist, #studentNewIncident .app__dropdown {
        width: 200px !important;
    }
    #divSkillsAndNarrativesView.expanded .course-skills {
        height: calc(100vh - 460px);
    }

    .app-position-absolute.abs__tar__selection {
        display: table;
        margin-top: 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;
    }

    .app-res-w-100, .include-feild .relationship {
        width: 100% !important;
    }

    /*setupcenter-library-contactrelationship Starts*/
 

    .app-grid-relationcontainer-ml {
        margin-right: 10px !important;
    }
    /*setupcenter-library-contactrelationship  ends*/
}

@media (max-width:1279.98px) {
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    .tab-invoice-charge-popup{
        height: auto !important;
        top: 5% !important;
    }

    #divInvoiceChargeBatchEntry .comments-container .seperation__line{
        display: none !important;
    }

    #divInvoiceChargeBatchEntry .app__datepicker .k-i-calendar {
        background-size: 15px;
        left: 8px;
    }

    #divInvoiceChargeBatchEntry #tableBatchInvoiceCharges tbody {
        overflow-x: hidden;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    .alternate-calendars-grid colgroup col:first-child {
        width: 15% !important;
    }
    .alternate-calendars-grid colgroup col:nth-child(3){width:25% !important;}
    /*excelwizard start*/
    .excelwizard__section .card-inner.app-p-20,
    .excelwizard__section .card-inner__container.app-p-20,
    .excelwizard__container .app-card-body .card-topbg {
        padding: 8px !important;
    }
    /*excelwizard ends*/
    .alert-modal-triangle {
        left: 85%;
    }

    .app-alert-modal {
        left: -200px !important;
    }

    .collapsed__container .alert-modal-triangle, .multiple-staff__left-container .alert-modal-triangle, .multiple-student__left-container .alert-modal-triangle {
        left: 35% !important;
    }

    .collapsed__container .app-alert-modal, .multiple-staff__left-container .app-alert-modal, .multiple-student__left-container .app-alert-modal {
        left: 100px !important;
    }
}

@media (max-width:1279px) {
    .student__image-container:hover .overlay__add-image { width:100%; height:100%; }
    .excelwizard__section #btnDownload {
        display: inline-flex;
        padding: 8px;
        align-items: center;
    }

    .gpa-credit__container {
        width: 50%;
        margin-top: 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-right: 0;
    }

    .penalty-summary__container, #divSingleStaffSnapshot .schedule__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;
    }
    #gridncidentCodesList colgroup col:first-child {
        min-width: 70px !important;
    }
}

@media (max-width:1600px) {
    #gridncidentCodesList colgroup col:first-child {
        min-width: 80px !important;
    }
    #gridCustomIncidentFieldList colgroup col:first-child {
        width: 100px !important;
    }
    #gridCustomIncidentFieldList.app-kgrid__container .k-grid-content td:last-child .k-button { 
        padding-right: 0 !important;
    }
    #divAddDropCourseSectionBatch .app__dropdown, #divAddDropCourseSectionBatch .app__dropdown .k-dropdownlist,
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown, #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown .k-dropdownlist {
        width: 150px !important;
    }

    #divAddDropCourseSectionBatch .app__dropdown .app-combo-dropdown, #divAddDropCourseSectionBatch .app__dropdown:has(.app-combo-dropdown),
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown .app-combo-dropdown, #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown:has(.app-combo-dropdown) {
        width: 330px !important;
    }

    /* Enrollment - Add Student Starts */
    .addstud__houshold .household-stud-name {
        height: auto !important;
    }

    .addstud__houshold .household-id-container {
        white-space: nowrap;
        flex-wrap: wrap;
        align-items: start;
        padding: 10px !important;
        height: auto !important;
        row-gap: 10px;
    }
    #divApprovalCenterAssignHouseholdId .addstud__houshold .household-id-container { align-items: center; }

    .addstud__houshold .grid__searchbox .allGrids__SearchBox {
        width: 170px;
    }

    .app-res-w-auto {
        width: auto !important;
    }

    #divAssignHousehold .app-border-orangeclr .addstud__houshold .household-stud-name {
        padding: 5px 10px !important;
    }

    #divAssignHousehold .app-border-orangeclr .addstud__houshold .household-stud-name .app-button {
        white-space: nowrap;
    }

    #divAssignHousehold #gridAllSchoolHousehold .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 370px) !important;
    }
    /* Enrollment - Add Student Ends */
    /* Enrollment Dashboard Starts */
    #divEnrollmentDashboard .stud-teachers-count {
        flex-wrap: wrap;
        row-gap: 20px;
        padding-bottom: 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 input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout .k-picker, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 473px) !important;
    }

    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 493px) !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab #divRotInfo.attendance-date__input {
        width: auto;
    }
}

@media (max-width:991px) {
    /* End Remove later */
    .summary-view, .attendance-statistics {
        padding-right: 10px;
    }
    /* End Remove later */
}

@media (max-width:1366px) {
    #grdMasterContacts .k-grid-content {
        height: calc(100vh - 512px) !important;
    }
    /* Billing Tab */
    #divBilling #invoiceSummary .amt__section + .app-ml-20.app-mr-20 {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }

    #divBilling #invoiceSummary .amt__section + .app-ml-20 {
        margin-left: 10px !important;
    }

    #divBilling #invoiceSummary .amt__section .amt__box {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #divIncidents .ap-gridbody .grid-section {
        width: 100% !important;
    }

    #divIncidents .ap-gridbody .summery__section {
        width: 100% !important;
        padding-left: 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) {
    .properties-field-wrap .app-w-50.app-min-w-700 { width: 100% !important; min-width: auto !important; }
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235, .properties-field-wrap .app__dropdown.app-w-235 {
        width: auto !important;
        min-width: 150px;
    }
    #divStudentStaffDemographicFieldOptions .single-student__filter__box, #grdDemographicsPageFieldsList {
        width: 300px !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-70 {
    width: 60% !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-30 {
        width: 40% !important;
    }
    .k-window.app-kpopup__container:has(#divAddDropCourseSectionBatch) { width:98% !important; left:1% !important; }
    .import-File-Selection #divSaveTemplateInfo #templateNameText #templatenameForEdit.app-w-400,
    .import-File-Selection .import-select-file .app-w-350px,
    .import-File-Selection #mapkey-identify-students .app-w-250 {
        width: auto !important;
    }
    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 551px) !important;
    }
    /*******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, #dvtxtEmailEditor {
        height: calc(100vh - 350px);
    }
        #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 685px) !important;
        }
        #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 508px) !important;
        }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 480px) !important;
    }
    #divManageTemplates #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 450px) !important;
    }
    .create-template-block #dvEmailEditor {
        height: calc(100vh - 330px)!important;
    }
    .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 335px) !important;
    }
        .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
            height: calc(100vh - 488px) !important;
        }
    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 460px) !important;
    }
    /***************Send module ends******************/
    /* student batch entry modal starts */
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol,
    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist {
        width: 270px !important;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display h3, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display label,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display h3, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display label {
        white-space: nowrap;
    }
    /* student batch entry modal ends */
}

@media (max-width:1099px) {
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entry-select-student-by,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entry-select-student-by {
        flex-wrap: wrap;
    }
    #divSchedule .app__dropdown .k-dropdownlist, .app__dropdown, .app__dropdown.contacts-layout-dropdown .k-dropdownlist {
        width: 130px !important;
    }

    #divSchedule .view-width.app-d-flex.app-align-items-center.app-ml-30 {
        margin-left: 10px !important;
    }

    .students__tabs-header .nav-tabs > li {
        margin-right: 8px !important;
    }

    .students__tabs-header .nav-tabs > li:last-child {
        margin-right: 5px;
    }

    #page-help-popin {
        right: 128px !important;
    }

    #divContacts .app__gridheader .tab-contact__bottom .tab-search {
        width: 110px !important;
    }

    .muti-header-responsive .gridheader__top .togle-cls {
        width: 110px;
        width: 121px;
    }
}
/************************************** PHONE **************************************************************/
/*smartphones, portrait iPhone, portrait 320x480 phones (Android) */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) and (orientation : portrait) {
}

/*smartphones, landscape iPhone, landscape 320x480 phones (Android) */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) and (orientation : landscape) {
}

/*smartphones, landscape iPhone, landscape 320x480 phones (Android):common width */
@media only screen and (min-device-width :320px) and (max-device-width : 480px) {
    .school-name {
        width: 104px;
    }

    .add-field__row span.k-dropdown-wrap.k-state-default, .add-field__input {
        width: 500px;
    }
}
/************************************** PHONE *************************************************************/

/**************************************SMALLER TABS & IPADS****************************************************/
/*smaller tablets portrait*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) and (orientation : portrait) {
    #divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
    #gridChartDetailedView.app-kgrid__container .k-grid-content {
        height: auto !important;
    }
    /*ap.com style*/
    .demographic__settingsscreen #screenSettings .k-dropdownlist {
        width: 150px;
    }
    /*ap.com style*/
    #demographicsfields #FieldLayout input,
    #demographicsfields #FieldLayout .k-combobox,
    #demographicsfields #FieldLayout .k-input,
    #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
    #demographicsfields #FieldLayout .k-datepicker.demo-field-date,
    #demographicsfields #FieldLayout .iti__selected-flag {
        margin-bottom: 10px;
    }

    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        display: -ms-flexbox;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 20px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }
    /*header medeaquery ends*/
}

/*smaller tablets landscape*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) and (orientation : landscape) {
    /*ap.com style*/
    .demographic__settingsscreen #screenSettings .k-dropdownlist {
        width: 150px;
    }
    /*ap.com style*/
    #demographicsfields #FieldLayout input,
    #demographicsfields #FieldLayout .k-combobox,
    #demographicsfields #FieldLayout .k-input,
    #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control,
    #demographicsfields #FieldLayout .k-datepicker.demo-field-date,
    #demographicsfields #FieldLayout .iti__selected-flag {
        width: 60% !important;
        margin-bottom: 10px;
    }

    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        display: -ms-flexbox;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }

    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .recent__students {
        margin-right: 55px;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 116px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }
    /*header medeaquery ends*/
}

/*smaller tablets landscape:common width*/
@media only screen and (min-device-width :481px) and (max-device-width : 767px) {
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 635px) !important;
    }

    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7 {
        width: 100%;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    .white-tooltip-box .app__tooltip .dropdown-menu{
        width: 500px !important;
    }
    #divMyReports .tab-reports-display-header {
        flex-wrap: wrap;
        height: 100px;
    }

    #divMyReports .tab-create-report-btn {
        margin-top: 20px;
    }

    #divMyReports .grid__searchbox .allGrids__SearchBox {
        width: 120px;
    }

    .school-report-template {
        display: block;
        height: 659px;
    }

    #divRcTemplateview .grades-tab-width-100 {
        width: 100% !important;
    }

    #divMyReports .input-group {
        margin-left: 9px !important;
    }

    .gr-tab-mt-10 {
        margin-top: 10px;
    }
    /********School -> Dashboard Screen Starts*********/
    .tab-display-charts {
        display: block;
    }

    #divChartDetails #gridDetailedView.app-kgrid__container .k-grid-content,
    #gridChartDetailedView.app-kgrid__container .k-grid-content {
        height: calc(100vh - 870px) !important;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
    /********School -> Dashboard Screen Ends*********/
    /********School -> Dashboard Screen Starts*********/
    #divManageDashboard.tab__manage-page__popup {
        width: 100%;
    }

    #divAddEditWidget .manage-page__popup.tab__manage-page__popup.dashboard-home-tile .manage-page__inner-content .manage-page__inner-content.tab__manage-page__inner-content {
        width: 745px !important;
        right: 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*/   

    /*setupcenter - settings - fullnameformat*/
       
    /*setupcenter - settings - fullnameformat*/
    .app-sc-suffi-rel-width {
        width: auto !important;
    }
}

/* landscape tablet, landscape iPad, small devices*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) and (orientation : landscape) {
    .tab-display-charts ,.active-tab-value {
        display: block;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }
    /* 1376::after create table */
        .tab-create-table, .tab-edit-table {
        width: 700px !important;
    }
    /*    1376::after create table */
    #demographicsfields #screenSettings #adminBtns {
        display: flex;
        display: -ms-flexbox;
        margin-top: 10px;
        justify-content: space-around;
    }

    #demographicsfields .tabDemographicContent {
        padding-bottom: 40px !important;
    }

    #demographicsfields #screenSettings .demographic__expand {
        position: absolute;
        top: -30px;
        right: 10px;
    }

    #demographicsfields #screenSettings #adminBtns .save__button {
        order: 3;
    }

    #demographicsfields #screenSettings #adminBtns .save__next__button {
        order: 2;
    }

    #demographicsfields #screenSettings #adminBtns .abort__button {
        order: 1;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }
    /*header medeaquery ends*/
    /************Contact Card Colapse Expand Starts********************/
    .collapsed__container, .student__info-container {
        height: 112px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 26px;
        display: block;
        position: relative;
    }

    .collapsed__key, .collapsed__value {
        width: 400px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    
}
    /*setupcenter-library-contactrelationship    */    

    .app-grid-relationcontainer-ml {
        margin-right: 10px !important;
    }
    /*setupcenter-library-contactrelationship  ends*/
}

/* landscape tablet iPad, small devices:common width*/
@media only screen and (min-device-width :768px) and (max-device-width : 991.98px) {
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 635px) !important;
    }

    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7, #divInvoiceChargeBatchEntry .db__student-status {
        width: 100%;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    /*School -> Demographics -> Household not in Sync Screen Starts*/
    .tab-household-sync-header {
        margin-top: 20px;
        margin-right: 20px;
    }

    .household-area-scroll {
        height: calc(100vh - 420px);
    }

    #gridHHFieldsNotInSync .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 503px) !important;
    }
    #gridHHFieldsNotInSync.app-kgrid__container table colgroup col:nth-child(2) {
        width: 100px !important;
    }
    /*School -> Demographics -> Household not in Sync Screen Ends*/
    /********School -> Grades -> Reports Starts*********/
    #divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 485px) !important;
    }
    #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;
    }

    .manage-course-buttons-header {
        display: flex;
        margin-top: 20px;
    }

    #divCourseSection label {
        margin-top: 5px;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /************Batch Entry Popup common Fix Starts************/
    .app__dropdown.edit__fieldcol, .app__dropdown.edit__fieldcol .k-dropdownlist, .app__dropdown.edit__fieldcol .k-dropdownlist:hover {
        width: 150px !important;
    }

    #DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input {
        width: 120px !important;
    }

    .tab-grid-display{
        display: grid !important;
    }

    .tab-mt-20{
        margin-top:20px;
    }

    .tab-grid-display .seperation__line{
        display: none !important;
    }

    .app-radio label{
        line-height: 20px;
    }

    .comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
    .comments-container .matching-criteria-fields .db__fields,
    .comments-container .db__grade-levels .app__dropdown .k-dropdownlist,
    .comments-container .matching-criteria-fields .app-input input,
    .comments-container .matching-criteria-fields .k-combobox.form-control {
        width: 150px !important;
    }

    .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .comments-container .matching-criteria-fields .select__criteria {
        width: 100px !important;
    }

    .staff-attendance__container.multi-value .s-name {
        min-width: auto;
    }

    .daily__attendance-bulletin-settings .grade__levels.app__dropdown .k-dropdownlist {
        width: 200px !important;
    }

    .daily__attendance-bulletin-settings .app-combo-dropdown.k-combobox, .daily__attendance-bulletin-settings .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker{
        width:183px !important;
    }

    .demographics-batch-entry .comments-container .matching-criteria-fields .db__fields, .demographics-batch-entry .comments-container .matching-criteria-fields .app-input input, .demographics-batch-entry .comments-container .matching-criteria-fields .k-combobox.form-control, .demographics-batch-entry .comments-container .matching-criteria-fields .k-datepicker, .demographics-batch-entry .comments-container .matching-criteria-fields .app__dropdown .k-dropdownlist {
        width: 300px !important;
    }
    /************Batch Entry Popup common Fix Ends************/
    /************Demographics -> SuperDB Starts***********/
    #grdGenericSuperDb .k-grid-content {
        height: calc(100vh - 412px) !important;
    }
    /************Demographics -> SuperDB Ends***********/
    /*********School -> Incidents Starts**********/
    #divSchoolIncidents .approval__center .expand-collapse-arrow {
        bottom: 110px !important;
    }

    #divSchoolIncidents .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu,
    #divIncidentsHoldingBinTab .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        top: -50px !important;
        left: 10px;
    }

    #divSchoolIncidents .approval__center .incidents__screen .collapse__icon {
        top: 100px;
        right: -5px !important;
    }
    /*********School -> Incidents Ends**********/
    /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
    #divSelectStudentandStaff .select-container, .tab-daily-attendance-report-header-block {
        display: grid !important;
    }

    #divSelectStudentandStaff .seperation__line{
        display: none;
    }

    #divSelectStudentandStaff .select-data-text {
        width: max-content;
    }

    #divSelectStudentandStaff.select-students-staffs .select__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .db__grade-levels,
    #divSelectStudentandStaff.select-students-staffs .view__grade-levels,
    .tab-daily-attendance-report-header-block .abscences-text {
        margin-bottom: 20px;
    }

    .tab-attendance-container-btns{
        position: absolute;
        top:10px;
        right:20px;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app__dropdown {
        width: 150px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria,
    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .select__criteria.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown {
        width: 200px !important;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input{
        width: 250px !important;
    }

    #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup {
        height: calc(100vh - 360px);
    }

    .student-reports-settings .select-students-reports-box {
        height: calc(100vh - 275px);
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-left {
        width: 35%;
    }

    #divSelectStudentandStaff.select-students-staffs .comments-container .indivdual-stud-right {
        width: 65%;
    }

    .register-code-block .search-limit-box.app__dropdown,
    .register-code-block .search-limit-box.app__dropdown .k-dropdownlist,
    .register-code-block .search-limit-box .app-combo-dropdown.k-dropdownlist {
        width: 200px !important;
        margin-left:5px;
    }

    .reports-student-tab {
        height: calc(100vh - 265px);
        overflow-x: hidden;
    }

    .student-reports-settings {
        height: calc(100vh - 275px);
    }

    #divSortandGenerate .tab-dropdown-width {
        width: 200px !important;
    }

    #divSortandGenerate .sort__gereration {
        height: calc(100vh - 315px);
    }

    #divSelectStudentandStaff.select-students-staffs .app-radio label,
    .student-reports-settings .app-radio label {
        line-height: 20px;
    }
    /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    /******School -> Daily Attendance Starts*****/
    .app-tab-h-auto{
        height: auto !important;
    }

    .correction-messages, .nurse-dismissal {
        margin-top: 15px;
    }

    .correction-messages .app-box-shadow,
    .staff-absense .app-box-shadow{
        margin-right: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;
    }

    .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, .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 94px !important;
    }
    .app__gridheader .tab-togle-cls-superDB {
        width: 106px;
        padding: 10px 5px 5px 10px !important;
    }
    /*notes*/
    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap, .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }

    .app__gridheader .tab-note__bottom {
        height: 111px !important;
    }
    /*portfolio*/
    .tab-portfolio-ml-5 {
        margin-left: 5px;
    }

    .grid__searchbox .tab-portfolio__search {
        width: 180px;
    }

    #divSchoolDemographics .school-demographic-genericSuperDb .grid__searchbox .allGrids__SearchBox { width:auto !important; }
    #divSchoolDemographics .school-demographic-genericSuperDb .app__dropdown.app-w-260 .k-dropdownlist,
    #divSchoolDemographics .school-demographic-genericSuperDb .app__dropdown.app-w-260 .k-dropdownlist:hover,
    #divSchoolDemographics .school-demographic-genericSuperDb .app__dropdown.app-w-260 {
        width: 230px !important;
    }

    .tab-portfolio__app-button {
        padding: 6px 10px;
        min-width: 20px;
    }

    .app-kgrid__container {
        background: var(--brand-default-light-background);
    }
    #divRosters.app-kgrid__container, #divGridNoPhoto.app-kgrid__container {
        background: var(--brand-component-secondary-background);
    }
    /*one prospect grid*/
    .btnAdd, .k-button {
        padding: 8px 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;
    }

    .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, #attendanceListview .k-tabstrip-items li.k-state-active span.k-link {
        padding: 7px 5px 10px 5px !important;
    }
    /*List View */
    .tab-w-200 {
        width: 200%;
    }

    .tab-app__tabstrip {
        overflow-x: auto;
    }

    /* need to remove once kendo implemented*/
    .quick-mail__container .tab-app__tabstrip {
        overflow: initial;
    }
    /* End need to remove */
    /*  Provisonal requirement  */
    .tab-pb-10 {
        padding-bottom: 10px;
    }

    .tab-pr-10 {
        padding-right: 10px !important;
    }
    /* End:   Admission Tabs*/

    #single-student__mode {
        width: calc(100% - 230px);
    }

    .single-student__filter__box, #grdSingleStaffList, #grdSetupCenterList, #grdSingleStudentList, #grdAllReportsList {
        width: 230px !important;
    }
    .setup_Center #divFloatingSideBar .single-student__filter__box, #grdSingleStaffList {
        width: 300px !important;
    }

    .app__content#single-student__mode {
        width: calc(100% - 230px) !important;
    }

    .single-student__filter__box .single-student__dropdown .k-widget .k-dropdown-wrap, .single-student__dropdown .k-widget.k-dropdown {
        width: 170px !important;
    }
    /************Add Prospect Starts*****************/
    .add-prospects-text {
        display: flex;
        display: -ms-flexbox;
    }

    .add-help-info {
        width: 27%;
    }

    .add-textbox {
        width: 255px !important;
    }

    .add-prospect-right__inner-container {
        width: 170px !important;
        overflow-x: auto;
        height: 322px !important;
    }

    .add-prospect-left__inner-container {
        width: calc(100% - 170px);
    }

    #prospectHouseholdID {
        width: 185px;
    }

    .add-prospect__inner-container {
        height: 570px !important;
    }
    /************Add Prospect Ends*****************/
    .students__tabs-header .nav-tabs > li > a {
        padding: 5px 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%;
    }

    .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: 90%;
        height: 100%;
        padding: 10px;
    }

    .tab__manage-page__inner-content {
        height: 96%;
        width: calc(100% - 25px);
        right: 15px !important;
        position: absolute;
    }

    .tab__manage-page__inner-content .tab-app__tabstrip .app-kgrid__container {
        background: transparent;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .tab__manage-page__inner-content .tab-app__tabstrip .res-px-10 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .select-tiles-theme .filter__label, .select-charts-theme .filter__label {
        margin-right:10px;
    }

    .select-tiles-theme img {
        width: 184px;
    }

    #divDashboardThemeView.dashboard-scroll {
        height: calc(100vh - 220px);
    }

    .select-charts-theme img {
        width: 285px;
    }

    .save-settings, .cancel-settings {
        padding: 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;
    }
    .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 input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    .single-student__filter__box .app-radio label {
        margin-right: 10px;
    }

    .schedule__box #divSnapshotScheduler {
        padding: 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;
    }

    .app-button.app-button__noname span,
    .min-max-width .form__approvalsec .app-button span,
    .form__approvalsec .app-button span, .approve-form-btn,
    .approval__center.min-max-width .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        display: none;
    }

    .approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        background: var(--brand-tabs-component-background) !important;
    }

    .min-max-width.approval__center .k-tabstrip.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
        display: none;
    }

    .min-max-width.approval__center .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        background: none !important;
    }

    .min-max-width.approval__center .settings-btn,
    .min-max-width.approval__center .approve-btn {
        margin-top: 10px;
    }

    .min-max-width.approval__center #divGradesHoldingBinTab .approve-btn {
        margin-top: 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%;
    }

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

    .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;
    }
    /*setupcenter-library-contactrelationship    */
    #divContactRelationshiptable.app-grid-relationcontainer, #divContactSuffixtable.app-grid-relationcontainer {
        width: 100% !important;
    }

    .app-grid-relationcontainer-ml {
        margin-right: 10px !important;
    }
    .app-sc-suffi-rel-width {
        width: auto !important;
    }
    /*setupcenter-library-contactrelationship  ends*/
}

/**************************************SMALLER DESKTOP********************************************************/
@media only screen and (min-device-width :992px) and (max-device-width : 1024.98px) and (orientation : portrait) {
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 933px) !important;
    }
    /*    School - > Demographics - > Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 855px) !important;
    }
    /*    School - > Demographics - > No Primary E-Mail Screen Ends*/
    #divMyReports .grid__searchbox .allGrids__SearchBox {
        width: 250px;
    }
    .tab__manage-page__popup.dashboard-home-tile {
        width: 895px !important;
    }
    #divManageSetting .tab__manage-page__popup.dashboard-home-tile {
        width: 800px !important;
    }

    #grdDashbordTilesList .k-grid-content .k-command-cell, #grdDashbordChartsList .k-grid-content .k-command-cell {
        padding-left: 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, .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;
    }

    #divCourseAdvancedSearch #divSearchCourseList #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 900px) !important;
    }
    #divCourseDetailsView #anrCoursePrerequisites {
        margin-top: 22px !important
    }

    .tab-prerequisites-box-with{
        margin-top:20px !important;
    }

    .prerequisites-tab-button-position.course-prerequisites {
        margin-top: 31px !important;
    }

    #divCourseDetailsView #anrCourseLink {
        margin-top: 32px !important;
    }

    .school-schedule-all-course .all-course-right {
        height: min-content;
        width: auto;
    }
    /*** School -> Manage Course & Sections Ends***/
    /***Students -> Grid Schedule Starts***/
    .tab-mar-top-10, #divCourseDetailsView .studentDataEntry ,.grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {
        margin-top: 10px;
    }

    .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
        width: 53%;
    }

    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
        margin-bottom: 0px !important;
        margin-left: 5px !important;
    }

    .grid-schedule-right-part .add-scheduled-btns {
        float: left;
    }

    .grid-schedule-left-part {
        width: 47%;
    }

    .tab-margin-0, .tab-manage__courselink-box, .tab-manage__courselink-input-box, .grid-schedule-left-part .grid-current-date {
        margin-left: 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%;
    }

    .tab-prerequisites-box-with-input, .tab-course-link-block {
        width: 175px;
    }

    .tab-button-position {
        position: relative;
        top: 20px;
    }

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

    .tab-prt-10 {
        padding-right: 10px !important;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    #grdCalendarView .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 455px) !important;
    }

    #divNarrativesView.expanded .narratives-scroll {
        height: calc(100vh - 495px) !important;
    }

    #divSchoolDailyAttendance .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 646px) !important;
    }

    #divSchoolDailyAttendance .approval-center-page .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 426px) !important;
    }

    #gridSchoolDailyAttendanceList {
        width: auto !important;
    }

    .bulletin__multi-grid-sec .multigrid__block:nth-child(even) {
        padding-left: 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 - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 445px) !important;
    }
    /*    School - > Demographics - > Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 370px) !important;
    }
    /*    School - > Demographics - > No Primary E-Mail Screen Ends*/
    /********School -> Grades -> Reports Starts*********/
    .school-report-template {
        display: block;
        height: 540px;
        min-height: 540px;
    }

    #divRcTemplateview .grades-tab-width-100 {
        width: 100% !important;
    }
    #divMyReports .grid__searchbox .allGrids__SearchBox {
        width: 170px;
    }
    /********School -> Grades -> Reports Ends*********/
    #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 440px) !important;
    }
    .tab-blue-container-div .tab-description-div {
        width: 100% !important;
        margin-right: 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;
    }

    .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 input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    /***********Approval Center Daily Attendance Starts************/
    #formPlusPortal .approval__center.min-max-width .generic-left__section .hamburger-menu,
    #frmDailyAttendance .approval__center.min-max-width .generic-left__section .hamburger-menu {
        top: -20px !important;
    }
    /***********Approval Center Daily Attendance Ends************/
}

@media only screen and (min-device-width :1025px) and (max-device-width : 1100px) and (orientation : landscape) {
    .tab-display-charts {
        display: block;
    }

    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }

    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1199px) {
    /*ap.com */
    #demographicsfields #FieldLayout input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default , #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */
    /**************Send module start*****************/
    .app-pl-land-0 {
        padding-left: 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 > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 750px) !important;
        max-height: calc(100vh - 750px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7 {
        width: 100%;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: auto !important;
        min-height: calc(100vh - 628px);
    }

    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    #divAddEditTileSpec .tab-width-max-content {
        width: max-content;
    }

    #divAddEditTileSpec .tab-width-380 {
        width: 380px !important;
    }

    #divDashboardLibraryView .tab-w-80px {
        width: 100px !important;
    }

    .tab__manage-page__inner-content {
        right: -2px;
    }

    #divAddWidget .widget-add-edit-field.tab-width-200, .select-students-by-saved-view .tab-width-200,
    .select-staff-by-saved-view .tab-width-200{
        width: 200px;
    }

    .select-students-by-grade-levels .tab-width-150 {
        width: 150px;
    }

    #divAddWidget .select-staff-by-type .tab-width-170, .select-staff-by-type .tab-width-170 {
        width: 170px;
    }

    #divAddWidget .select-staff-status .tab-width-195,
    .select-staff-status .widget-add-edit-field {
        width: 195px !important;
    }

    .select-fields-box {
        min-width: 400px;
    }

    .tab__manage-page__popup {
        width: 800px !important;
    }

    .tab-width-350 {
        width: 350px !important;
    }

    #divCourseSection label {
        margin-top: 5px;
    }

    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }

    .tab-mt-15 {
        margin-top: 15px !important;
    }

    .tab-display-block {
        display: block !important;
        width: 47%;
    }

    .tab-mar-10 {
        margin-top: 10px;
    }

    .tab-mar-0 {
        margin-top: 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;
    }

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

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

    #divSuperDb .app__gridheader ul.gridheader__top .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover, .app__dropdown, .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover, .app__dropdown .k-dropdownlist:active, .app__dropdown .k-dropdownlist:focus, .app__dropdown .k-dropdownlist:visited {
        width: 130px !important;
    }

    /* Enrollment - add Students Start */
    .app-res-w-100 {
        width: 100% !important;
    }
    /* Enrollment - add Students Start */

    .width95, #portfolio_Controls .width95.app__dropdown .k-dropdownlist {
        width: 95px !important;
    }
    /*apolf superdb code*/
    #divSuperDb .app__gridheader ul li {
        margin-top: 10px;
    }
    /*apolf superdb code*/
    /*apolf code*/
    .ap-gridbody .grid-section, .ap-gridbody .summery__section {
        width: 100%;
        padding: 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, .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;
    }

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

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

    .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) {
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view, #divInvoiceChargeBatchEntry .homeroom-student-status, #divInvoiceChargeBatchEntry .course-section-student-status {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 635px) !important;
    }

    #divInvoiceChargeBatchEntry .course-section-student-status .col-md-7, #divInvoiceChargeBatchEntry .homeroom-student-status .col-md-7 {
        width: 100%;
    }

    #divInvoiceChargeBatchEntry .tab-grid-display {
        display: grid !important;
    }

    #divInvoiceChargeBatchEntry .tab-mt-20 {
        margin-top: 20px;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    #divCourseAdvancedSearch .app-input input.input__box {
        width: 200px !important;
    }

    .daily__attendance-bulletin-settings .app-combo-dropdown.k-combobox, .daily__attendance-bulletin-settings .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker {
        width: 220px !important;
    }

    #divCourseAdvancedSearch .tab-search-button {
        position: relative;
        left: 76px;
        width: fit-content;
    }

    #grdCourseDetails .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 560px) !important;
    }

    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }

    .tab-display-block {
        display: block !important;
        width: 50%;
    }

    .tab-mar-10 {
        margin-top: 10px;
    }

    #divCourseAdvancedSearch label {
        width: 26%;
    }

    .tab-mar-0 {
        margin-top: 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;
    }
    /* school - daily and period - Batch entry fix starts */
    #DailyAttendanceBatchEntry .app-input.edit__timecol.batch-time input {
        width: 220px !important;
    }
    #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown, #DailyAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown, #PeriodAttendanceBatchEntry .select-staff-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 240px !important;
    }
    #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol, #DailyAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist, #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #DailyAttendanceBatchEntry .app__dropdown.edit__fieldcol, #DailyAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist, #DailyAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist:hover,
    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol, #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup .student__attendance__details .app__dropdown.edit__fieldcol .k-dropdownlist, #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .app__dropdown.edit__fieldcol, #PeriodAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist, #PeriodAttendanceBatchEntry .app__dropdown.edit__fieldcol .k-dropdownlist:hover,
    .comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown, .comments-container .matching-criteria-fields .db__fields, .comments-container .db__grade-levels .app__dropdown .k-dropdownlist {
        width: 200px !important;
    }
    .comments-container .matching-criteria-fields .app-input input, .comments-container .matching-criteria-fields .k-combobox.form-control {
        width: 250px !important;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 230px !important;
    }
    .grid__searchbox .allGrids__SearchBox {
        width: 150px;
    }
    .attendance-date__input button#Date {
        width: 150px !important;
    }
    .app-radio input:checked + label::after {
        top: 2px;
    }
    .app-radio label::before {
        top: -3px;
    }
    #divAttendanceListView .k-grid-content tbody tr td:nth-child(1), #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 23px !important;
    }
/* school - daily and period - Batch entry fix starts */

    #divSchoolLookupTabs .receive-incidents.approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 515px) !important;
    }

    #divSchoolLookupTabs .receive-incidents.approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 450px) !important;
    }

    #divSchoolIncidents .approval__center .incidents__screen .collapse__icon {
        top: 50px;
        right: -20px !important;
    }

    .approval__center .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 447px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divPlusPortalHoldingBinTab .k-grid-content {
        height: calc(100vh - 480px) !important;
    }

    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 529px) !important;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 409px) !important;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .expand-collapse-arrow {
        bottom: 30px;
        right: -10px;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab #divRotInfo.attendance-date__input {
        right: 1px;
    }

    .approval__center #divPeriodAttendanceHoldingBinTab .seperation__line {
        display: none;
    }

    .approval-center-page .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 510px) !important;
    }

    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 400px) !important;
    }

    .approval__center #divIncidentsHoldingBinTab .tab-left-container-btns,
    .approval__center.min-max-width #divIncidentsHoldingBinTab .approval-center__global .tab-left-container-btns {
        padding-top: 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, .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }

    .app__dropdown.tab-app__dropdown .k-widget .k-dropdown-wrap,
    .app__dropdown.tab-app__dropdown .k-widget {
        width: 111px !important;
    }

    .temporary-caret.tab-caret {
        margin-left: 98px !important;
    }
    /*one prospect grid*/
    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact-global-field__wrapper {
        width: 750px !important;
        width: 768px !important;
    }

    .save-as-popup__container {
        width: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }
    /* Email*/
        :root {
        --email-right-container: 260px;
    }
    /* Email*/

    .manage-home {
        top: 120px;
    }
    /*header medeaquery starts*/
    .app__header .header__rightsec {
        position: relative;
    }

    .app__header .header__rightsec .recent__students {
        margin-right: 44px;
    }

    .app__header .header__rightsec .student__help {
        position: absolute;
        right: 138px;
    }

    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown,
    .app__header .recent__students .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .recent__students .k-widget.k-dropdown {
        width: 155px !important;
    }

    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__add-Student,
    .app__header .app__year-pick .k-widget.k-dropdown,
    .app__header .app__year-pick .k-widget.k-dropdown .k-dropdown-wrap,
    .app__header .app__add-Student {
        width: 130px !important;
    }
    /*header medeaquery ends*/
    .students__tabs-header .nav-tabs > li {
        margin-right: 19px;
    }
    /************Contact Card Colapse Expand Starts********************/
    .student__name {
        width: 145px;
    }

    .collapsed__container, .student__info-container {
        height: 112px;
    }

    .collapse-box-responisve {
        width: 200px;
        line-height: 26px;
        display: block;
        position: relative;
    }

    .collapsed__key {
        width: 100px !important;
    }

    .collapsed__value {
        width: 200px !important;
    }

    .vr__student {
        position: relative;
        top: 16px !important;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .snapshot-details {
        width: 30%;
    }

    .snapshot-value {
        width: 70%;
    }
    /*Admission Tabs*/
    .school-name {
        width: 104px;
    }
    /*Provisonal View*/
    .student__container, .contact__container, .demograhics__container, .penalty-summary__container {
        width: 50%;
        margin-bottom: 5px !important;
    }

    .contact__container, .penalty-summary__container, .student__container, .demograhics__container {
        padding-right: 0 !important;
    }
    /********All Popup's Starts***********/
    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }

    .bookmarked__text {
        width: 89% !important;
    }

    .search-by-dropdown, #divSnapshotPanel {
        margin-top: 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, .approval__center .approval__btn-receive-log {
        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.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) {
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Starts***********/
    #divInvoiceChargeBatchEntry .batch-entry-select-student-by, #divInvoiceChargeBatchEntry .select-by-saved-view {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    #divInvoiceChargeBatchEntry .tab-grid-display {
        display: grid !important;
    }

    #divInvoiceChargeBatchEntry .tab-mt-20 {
        margin-top: 20px;
    }

    #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .db__fields.app__dropdown .k-dropdownlist.attendance-bulletin__dropdown,
    #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .db__fields, #divInvoiceChargeBatchEntry .comments-container .db__grade-levels .app__dropdown .k-dropdownlist,
    #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .app-input input, #divInvoiceChargeBatchEntry .comments-container .matching-criteria-fields .k-combobox.form-control {
        width: 150px !important;
    }

    #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #divInvoiceChargeBatchEntry .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 573px) !important;
    }
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 415px) !important;
        max-height: calc(100vh - 415px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/

    #divInvoiceChargeBatchEntry .course-student__status {
        margin-right: 30px;
    }
    /********Students -> Multi Students -> Payments -> Batch Entry Popup Ends***********/
    .app-radio label {
        line-height: 23px;
    }
    /**************Approval Center -> Period Attendance Starts****************/
    .min-max-width.approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .collapse__icon {
        top: 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, .app__dropdown.tab-app__dropdown-superDB .k-widget {
        width: 120px !important;
    }

    .app__gridheader .tab-togle-cls-superDB {
        width: 120px;
    }

    .DBHistory__popup-container {
        width: 900px !important;
    }

    #FieldValidationGrid .k-grid-content.k-auto-scrollable {
        height: 321px !important;
    }

    #householdList .k-grid-content.k-auto-scrollable {
        height: 359px !important;
    }

    .slidecontainer::before {
        top: 45%;
    }

    .contact__margin-150per {
        margin-top: 6px;
    }

    .contact-global-field__wrapper, .setup__contacts, .portfolio__grid-header, .portfolio__add-window {
        width: 768px !important;
    }

    .contact-global-field__wrapper {
        height: 581px !important;
    }

    .contact-salutation {
        height: 581px !important;
        width: 500px !important;
    }

    .contact__address {
        height: 510px !important;
        width: 555px !important;
    }

    .map__household {
        height: 540px !important;
        width: 541px !important;
    }

    .setup__contacts {
        height: 605px !important;
    }

    .portfolio__grid-header {
        height: 600px !important;
        top: 100px !important;
    }

    .portfolio__add-window, .save-as-popup__container {
        height: 700px !important;
    }

    .prospectHouseHold-popup__container {
        width: 750px !important;
    }

    .contact__container, .student__container, .demograhics__container, .penalty-summary__container {
        padding-left: 10px !important;
    }
    /********All Popup's Starts***********/
    .portfolio-addcategory {
        position: relative;
        top: 3px;
        width: 122px;
    }

    .bookmarked__text {
        width: 90% !important;
    }

    .add__bookmarked-prospects {
        width: 980px !important;
        left: 80px !important;
    }
    .bookmarked__text {
        width: 70% !important;
    }

    .search-by-dropdown {
        margin-top: 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;
    }

    .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,
    .app-button.app-button__noname span,
    .min-max-width .form__approvalsec .app-button span,
    .form__approvalsec .app-button span {
        display: none;
    }

    .min-max-width.approval__center .k-button.k-button-md.k-rounded-md.k-button-flat.k-button-flat-base.k-icon-button.k-tabstrip-prev.k-disabled {
        background: none !important;
    }

    .approval__center.min-max-width .app-primary-btn__img.collapse__icon {
        margin: 5px 0 0 0 !important;
        top: 110px;
    }

    .approval__center.min-max-width #divDailyAttendanceHoldingBinTab .collapse__icon,
    .approval__center.min-max-width #divIncidentsHoldingBinTab .app-primary-btn__img.collapse__icon,
    .approval__center.min-max-width #divPlusPortalHoldingBinTab.collapsed__div .app-primary-btn__img.collapse__icon {
        top: 5px;
    }

    .approval__center.min-max-width #divGradesHoldingBinTab .app-primary-btn__img.collapse__icon {
        top: 0px;
    }

    .approval__center .daily__attendance-page .expand__icon,
    .approval__center .daily__attendance-page .collapse__icon,
    .approval__center .plus-portals__screen .expand__icon,
    .approval__center .plus-portals__screen .collapse__icon,
    .approval__center .period__attendance-page .expand__icon,
    .approval__center .period__attendance-page .collapse__icon,
    .approval__center .incidents__screen .expand__icon,
    .approval__center .incidents__screen .collapse__icon {
        top: 110px;
        right: -10px !important;
    }

    .approval__center.min-max-width .plus-portals__screen .app-button.app-button__noname {
        padding: 5px 10px;
    }

    .approval__center .plus-portals__screen .approval-center__global .student__contact__selection {
        padding-bottom: 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;
    }

    .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,
    .approval-admissions-page .approval__center.min-max-width .tab-left-container-btns,
    .approval__center #divIncidentsHoldingBinTab .tab-left-container-btns {
        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;
    }

    #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 .tab-left-container-btns {
        top: -17px !important;
    }

    .approval__center .app__toggle .app__togglebutton {
        position: absolute;
        bottom: -5px;
    }

    .approval__center #divHoldingBinTab .app__toggle .app__togglebutton {
        bottom: -18px;
    }
    .approval__center.min-max-width #divHoldingBinTab .app-primary-btn__img.collapse__icon {
        margin: 5px 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;
    }

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

    .tab-school-daily__attendance-last-container, .tab-school-daily__attendance-third-container {
        margin-top: 15px;
    }

    .tab-school-daily__attendance-second-container,
    .tab-school-daily__attendance-last-container {
        padding-right: 10px !important;
    }
    /*********School -> Daily Attendance Ends***********/
}

@media only screen and (max-height:900px) {
    .add-edit-incident-modal { max-height:98%; top:1% !important; }
    .editDemographicsHeight #gridFileContent .k-grid-content {
        height: calc(100vh - 670px) !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container { overflow-y: hidden; }
    .app__menubar .side__menubar li a {
        padding: 6px 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, .newProspectContentWindow.add-prospect__container #newProspectWindow {
        overflow-y: auto !important;
        max-height: 90vh !important;
    }
    #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 560px) !important;
    }
}
@media only screen and (max-height:800px) {
    #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 460px) !important;
    }

    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #divLinkedSkills .k-grid-content.k-auto-scrollable,
    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content #gridSections .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 400px) !important;
    }
    #divSchoolSchedule .school-schedule-cover #divCourseSection .school-schedule-tabs .k-tabstrip-content {
        height: auto !important;
    }
}
@media only screen and (max-height: 740px) {
    #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 410px) !important;
    }

    #DailyAttendanceBatchEntry .batch-entry-select-students #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .batch-entry-select-students #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 340px) !important;
    }

    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        height: calc(100vh - 430px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #PeriodAttendanceBatchEntry .batch-entry-student-attendance .batch-entery__popup #periodAttendanceBatch.period__addattendance-batch-entry {
        height: auto;
    }
}
    @media only screen and (max-width:820px) {
    .k-widget.k-window {
        max-width: 98% !important;
    }

    #divContactAddNew {
        height: calc(100vh - 80px);
    }

    #divUserNameGrid .app-kgrid__container .k-grid-content td, #divUserNameGrid .app-kgrid__container .k-grid-header-wrap th.k-header {
        padding-left: 15px !important;
    }

    .dailyattendance__report__popup.k-widget.k-window {
        max-width: 100% !important;
        left: 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) {
    .sidemenu__more .menu__hidden, .app__menubar .side__menubar li.sidemenu__more, .app__menubar .side__menubar li.sidemenu__more:hover .moreoption__list {
        display: block;
    }

    .side__menubar .menu__hidden {
        display: none;
    }

    .app__menubar .sidemenu__more .moreoption__list {
        top: -100px;
    }
}

@media only screen and (min-height:901px) {
/*    School > Schedule > Batch Edit Sections Starts*/
    #grdBatchEditSections.app-kgrid__container .k-grid-header th.k-header:first-child {
        padding-left: 11px !important;
    }
    #grdBatchEditSections.app-kgrid__container .k-grid-content tr td:first-of-type,
    #grdBatchEditSections.app-kgrid__container tr td:first-of-type {
        padding-left: 11px !important;
    }
/*    School > Schedule > Batch Edit Sections Ends*/
    .side__menubar .menu__hidden {
        display: block;
    }

    .sidemenu__more .menu__hidden {
        display: none;
    }
}

@media only screen and (min-width :760px) and (max-width:794px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 470px) !important;
        max-height: calc(100vh - 470px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/

    #divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 595px) !important;
        min-height: calc(100vh - 595px) !important;
    }

    #divPastGradesView .tab-d-pastgrades-rightbox {
        flex-wrap: wrap;
    }
    /**********Home Screen Responsive Starts*******/
    #divPageTitle {
        max-width: 110px !important;
        margin-top: 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;
    }

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

    .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 .tab-remove-pl-10 label {
        padding-left: 5px;
    }

    #divMultipleStudentsMode #divLookup .app-kgrid__container .k-grid-content, #divMultipleStudentsMode .app-kgrid__container .k-grid-content, #divMultipleStudentsMode #divMultiStudentSuperDB .app-kgrid__container .k-grid-content-locked {
        max-height: calc(var(--app-height) - 352px) !important;
        min-height: calc(var(--app-height) - 352px) !important;
    }

    #divLookup .app__gridheader .gridheader__top li,
    #divMultipleStudentsMode .tab-superdb__gridheader__top .tab-margin-bottom,
    #divMultipleStudentsMode .tab-superdb__gridheader__bottom .tab-margin-bottom,
    #divMultipleStudentsMode .tab-contacts__gridheader__top .tab-margin-bottom,
    #divMultipleStudentsMode .tab-contacts__gridheader__bottom .tab-margin-bottom,
    #divMultipleStudentsMode .tab-portfolio-gridheader__top .tab-margin-bottom,
    #divMultipleStudentsMode .tab-portfolio-gridheader__bottom .tab-margin-bottom {
        margin-bottom: 0px;
    }

    .quick-mail__container.tab-email-mode #dvtxtEmailEditor .basic-mode__center {
        width: 392px !important;
    }

    .content-wrapper .quick-mail__container .attachment__container {
        margin-left: 5px;
    }
    /************Contact Card Colapse Expand Starts********************/

    .student__name {
        max-width: 220px;
    }
    /************Contact Card Colapse Expand Ends********************/
    /************Snapshot Starts********************/
    .student__image {
        max-height: 140px;
        max-width: 120px;
        height: auto;
    }

    .snapshot-details {
        width: 40%;
    }

    .snapshot-value {
        width: 60%;
    }

    .overlay, .overlay__add-image {
        height: 95px;
        width: 95px;
        top: 20px;
    }
    .student__image-container .overlay__add-image { top:0; }

    .admissions-details {
        width: 33%;
    }

    .admissions-value {
        width: 67%;
    }   
    /************Snapshot Ends********************/
    /********All Popup's Starts***********/
    .contacts__grid-height {
        height: 401px !important;
    }

    #AvailableSetupFieldGrid .k-grid-content, #SelectedContactGrid .k-grid-content {
        height: 200px !important;
    }

    .contact-global-field__wrapper, .setup__contacts, .portfolio__grid-header {
        height: 610px !important;
        width: 800px !important;
    }

    .contact__address {
        height: 555px;
        width: 900px;
    }

    .map__household, .contact__address {
        width: 600px !important;
        height: 550px !important;
    }

    .contact-salutation {
        height: auto !important;
        width: 600px !important;
    }

    .portfolio__add-window {
        height: 600px !important;
        width: 800px !important;
        top: 50px !important;
    }

    #FieldValidationGrid .k-grid-content {
        height: 400px !important;
    }

    #PortfolioCategoryGrid {
        height: auto;
    }
    /********All Popup's Ends***********/
    #grdAdmissionTiles1 .k-grid-content.k-auto-scrollable {
        max-height: 400px !important;
    }

    #divAddBookmarkedProspects .bookmark-helptext {
        right: 26px;
        top: 178px;
    }

    .prospects-bookmarks {
        top: -16px;
    }

    .students-bookmarks-yellow {
        top: -15px;
        right: 72px;
    }

    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 640px) !important;
    }
    
}

@media screen and (min-width: 1500px) {
    /*Start : Approval center scalling adjustments - plusportal*/
    .approval-center__global .collapsed__div .app-button.app-button__nolabel, .approval-center__global .collapsed__div .app-button.app-button__noname {
        padding: 5px 8px;
    }
    /*End : Approval center scalling adjustments - plusportal*/
    /*Start : Approval center scalling adjustments*/
    .collapsed__div .tab-approval-left-btns .tab-left-container-btns .input-group {
        margin-left: 0px !important;
    }

    .generic-left__section.collapsed__div .app__toggle .app__togglebutton {
        margin-right: 15px;
    }

    .generic-left__section.collapsed__div .student__contact__selection .app__toggle .app__togglebutton {
        margin-right: 5px;
        width: 175px;
    }

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 324px - 20px);
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 334px - 20px);
    }
    /*End : Approval center scalling adjustments*/
}

@media screen and (min-width: 1600px) {
    .grid-schedule-right-part .add-scheduled-btns {
        position: absolute;
        right: 20px;
    }
    .search-list-header .tab-attendance-container-btns, .search-list-header > p,
    .dailyreport__body .tab-daily-attendance-report-header-block .tab-attendance-container-btns,
    .dailyreport__body .tab-daily-attendance-report-header-block > p {
        width: 417px;
    }
    .search-list-header .tab-attendance-container-btns .app-secondary-btn-container,
    .dailyreport__body .tab-daily-attendance-report-header-block .tab-attendance-container-btns .app-secondary-btn-container { margin-left:auto; }

    .line-schedule-tiles .line-schedule__teacher-name {
        max-width: 200px;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 369px) !important;
    }
    /*Start:Attendance top header responsive*/
    .attendance__left-width {
        width: fit-content;
        max-width: 35%;
    }

    .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 369px) !important;
    }

    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 351px) !important;
    }
    /*Start:Attendance top header responsive*/
    .attendance__left-width {
        width: fit-content;
        max-width: 35%;
    }

    .attendance__right-width {
        width: calc(100% - 35%);
    }

    #divDailyAttendance .grid__headline {
        width: 44%;
    }
    /*End:Attendance top header responsive*/

    .right__div-expanded .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 305px - 20px);
    }

    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 387px) !important;
    }

    .right__section-inner-content .approval_center__panel-section {
        height: calc(100vh - 310px - 20px);
    }
    #divMultipleStudentsMode #divMultiStudentSuperDB .tab-seperation__line {
        margin: 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 input, #tabstripDemographics #FieldLayout .demo-field-date.form-control .k-picker-wrap.k-state-default, #demographicsfields #FieldLayout .k-picker, #demographicsfields #FieldLayout k-input, #demographicsfields #FieldLayout .k-combobox, #demographicsfields #FieldLayout .k-widget.k-dropdown, #demographicsfields #FieldLayout .k-input, #FieldLayout .form-group.form-horizontal .k-combobox-clearable .k-input.form-control, #demographicsfields #FieldLayout .k-datepicker.demo-field-date, #demographicsfields #FieldLayout .iti__selected-flag {
        width: 90% !important;
    }
    /*ap.com */

    #gridHbIncidentView .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 650px) !important;
    }

    .incidents__container {
        height: calc(100vh - 436px);
        overflow:auto;
    }

    .view-incident .incidents__container {
        height: calc(100vh - 370px);
        overflow: auto;
    }  
}

@media screen and (min-width: 1630px) {
    .approval__center.min-max-width .generic-left__section.collapsed__div .k-grid-content {
        height: calc(100vh - 380px) !important;
        overflow: auto;
    }

    .collapsed__div .tab-approval-left-btns .tab-left-container-btns .input-group {
        margin-left: 10px !important;
    }
}

@media screen and (max-width: 1499.98px) {
    .fast-served-sub-div-right .app-w-300,
    .fast-served-sub-div-right .app-w-300 .k-dropdownlist,
    .fast-served-sub-div-right .app-w-300.app__dropdown,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:hover,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:active,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:focus,
    .fast-served-sub-div-right .app-w-300.app__dropdown .k-dropdownlist:visited {
        width: 200px !important;
        height: 40px !important;
    }
}

@media screen and (max-width: 1899.98px) {
    .fast-served-sub-div {
        display: block;
    }

    .fast-served-sub-div-left,
    .fast-served-sub-div-right {
        width: 100% !important;
    }

    .fast-served-sub-div-left {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1900px) {

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

    .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) {
/*    #divSuperDbBatchEntry {
        overflow-y: auto;
    }*/

    #divAttEditAttendanceCode .app__dropdown .app-w-300 {
        width: 200px !important;
    }

    #divAttEditAttendanceCode .form-control.app-w-400 {
        width: 300px !important;
    }

    #divAttEditAttendanceCode .app__dropdown .app-w-500 {
        width: 350px !important;
    }
    /* school - daily and period - Batch entry fix starts */
    .attendance-date__input button#Date {
        width: 150px !important;
    }

    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 170px !important;
    }

    #divSuperDbBatchEntry .select-student-daily-attendance-batch .app__dropdown.single-student__dropdown .k-dropdownlist {
        width: 150px !important;
    }
    #divSuperDbBatchEntry .select-student-daily-attendance-batch .batch-entry-select-student-by {
        flex-wrap: wrap;
        gap: 20px;
    }
    #DailyAttendanceBatchEntry .comments-container .batch-entery__popup,
    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup {
        min-height: 410px;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields,
    #divSuperDbBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup .select-criteria-fields {
        min-height: 195px;
        height: calc(100vh - 830px);
        overflow-y: auto;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option4Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option4Div .app-kgrid__container .k-grid-content.k-auto-scrollable {
        min-height: 370px;
        height: calc(100vh - 655px) !important;
        overflow-y: auto;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option5Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option6Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option5Div .app-kgrid__container .k-grid-content.k-auto-scrollable,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entry-select-students .batch-entery__popup#option6Div .app-kgrid__container .k-grid-content.k-auto-scrollable {
        min-height: 305px;
        height: calc(100vh - 710px) !important;
        overflow-y: auto;
    }
    #divAttendanceListView .k-grid-content tbody tr td:nth-child(1), #divPeriodAttendanceListView .k-grid-content tbody tr td:nth-child(1) {
        padding-left: 23px !important;
    }
    /* school - daily and period - Batch entry fix starts */
    .extended-course-info .flex-50-box.ext-course-div {
        flex: 1 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, .tab-school-daily__attendance-first-container {
        padding-right: 0 !important;
    }
    .app-tab-mt-15 {
        margin-top: 15px;
    }
    .app__content .students__tabs-header .nav-tabs {
        padding-bottom: 10px;
    }
    /***All Grid Height Starts***/
    .tab-divListView.expanded .dailyAttendance-tab #gridDailyAttendanceList.app-kgrid__container .k-grid-content {
        height: calc(100vh - 540px) !important;
    }

    #divPeriodAttendance.expanded #gridPeriodAttendance.app-kgrid__container .k-grid-content,
    #divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #single-student__mode #divStaffSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #single-student__mode #divSchedule .tab-divListView.expanded .k-grid-content,
    #single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 480px) !important;
        min-height: calc(100vh - 480px) !important;
        height: auto !important;
    }

    #single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked.expanded {
        max-height: calc(100vh - 520px) !important;
        min-height: calc(100vh - 520px) !important;
        height: auto !important;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active.expanded {
        max-height: calc(100vh - 390px) !important;
        min-height: calc(100vh - 390px) !important;
        height: auto !important;
    }

    .divContactEditPopup.k-widget.k-window, .divContactLinkedStudentsPopup.k-widget.k-window, .divAvailableContactsPopup.k-widget.k-window {
        transform: none !important;
    }

    .approval-center-page .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 546px) !important;
    }

    .approval__center #divDailyAttendanceHoldingBinTab .approval-center__header-buttons #divDailyAttendanceReceiveLog,
    .approval__center #divDailyAttendanceHoldingBinTab .approval-center__header-buttons #divDailyAttendanceApproveBtn {
        margin-top: 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, .row-feild-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 .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, #divSingleStaffSnapshot .schedule__container {
        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, .schedule__container {
        padding-left: 0 !important;
    }

    #divSingleStaffSnapshot .portfolio-card {
        padding-right: 0;
        margin-bottom: 10px;
        height: auto;
        width: 100%;
        padding-left: 0 !important;
    }

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

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }
    /*Manage course n sesction start*/
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
    #gridSections.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridSections .k-grid-content table colgroup col:first-child {
        width: 140px !important;
    }
    /*Manage course n sesction ends*/
}

@media only screen and (min-width :1280px) and (max-width : 1600px) {
    .extended-course-info .flex-50-box.ext-course-div {
        flex: 1 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;
    }

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:first-child {
        width: 160px !important;
    }

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }
    /*Manage course n sesction start*/
    #divSchoolSchedule .ap-gridbody.school-schedule-cover, #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
    #gridSections.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridSections .k-grid-content table colgroup col:first-child {
        width: 140px !important;
    }
    /*Manage course n sesction ends*/
}

@media only screen and (max-width:1400px) {
    .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;
    }


    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !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;
    }
    /*Manage course n sesction start*/
    #divSchoolSchedule .ap-gridbody.school-schedule-cover, #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }   
    /*Manage course n sesction ends*/
}

@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;
    }
    #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 .addcontact__helpbox, .add-new-modal .contact__tabscontainer li a, .add-new-modal .contact__tabscontainer li a:hover, .add-new-modal .contact__tabscontainer li a:focus {
        width: 100%;
    }

    .add-new-modal .allcontacts__container {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        padding-top: 0;
    }

    .add-new-modal .allcontacts__container > div, .add-new-modal .allcontacts__container > button {
        margin-top: 15px;
    }

    .add-edit-modal #tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown, .add-edit-modal #tabstripContact .relation__wrapper .app__dropdown .k-widget.k-dropdown .k-dropdown-wrap {
        width: 140px !important;
    }

    .add-new-modal .contact__tabscontainer li:first-child, .app__header .header__leftsec .app__add-Student, .app__header .student__add .app__add-Student {
        margin-left: 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;
    }

    .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, #divContacts .app__gridheader .tab-contact__bottom .app-primary-btn-container .app-button {
            padding: 6px 10px;
        }

    #divMultiStaffLookup .gridheader__bottom .containsbegins-button {
        padding: 0px 10px;
    }

    /* Contact tab */
    #divContacts .app__gridheader .tab-contact__bottom .tab-search {
        width: 140px !important;
    }

    #divContacts .app__gridheader .tab-contact__top, #divContacts .app__gridheader .tab-contact__bottom {
        padding-bottom: 0px;
        padding-top: 10px;
    }

    #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,
    .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) {
    /*    School > Schedule > Batch Edit Sections Starts*/
    #grdBatchEditSections.app-kgrid__container .k-grid-header th.k-header:first-child {
        padding-left: 11px !important;
    }

    #grdBatchEditSections.app-kgrid__container .k-grid-content tr td:first-of-type,
    #grdBatchEditSections.app-kgrid__container tr td:first-of-type {
        padding-left: 11px !important;
    }
    /*    School > Schedule > Batch Edit Sections Ends*/
    /* Enrollment - Add Student and dashboard Starts */
    #divEnrollmentDashboard .approval-center-dashboardtiles, #divEnrollmentDashboard .approval-center-dashboardtiles:last-child {
        min-width: 50% !important;
        width: 50%;
        max-width: 50% !important;
        padding-left: 10px !important;
        margin-top: 15px;
        padding-right: 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 (max-width:912px) {
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 790px) !important;
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 690px) !important;
    }
    /*    School - > Demographics -> No Primary E-Mail Screen Ends*/
}

@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, .school-schedule-all-course, .school-schedule-all-course {
        display: block;
    }
    .school-schedule-cover .tab-search-input-width {
        width: max-content !important;
        margin-right: 20px !important;
    }
    .tab-prt-10 {
        padding-right: 10px !important;
    }
    #divCourseAdvancedSearch .app-input input.input__box {
        width: 200px !important;
    }
    .daily__attendance-bulletin-settings .app-combo-dropdown.k-combobox, .daily__attendance-bulletin-settings .app-combo-dropdown .k-picker, .app-combo-dropdown.k-picker {
        width: 220px !important;
    }
    #divCourseAdvancedSearch .tab-search-button {
        position: relative;
        left: 60px;
        width: fit-content;
    }
    .tab-allcourse-right-section-one, .tab-allcourse-right-section-two, .tab-display-flex {
        display: flex;
    }
    .tab-display-block {
        display: block !important;
        width: 50%;
    }
    .tab-mar-10, .tab-mar-top-10 {
        margin-top: 10px;
    }
    #divCourseAdvancedSearch label {
        width: 26%;
    }
    .tab-mar-0 {
        margin-top: 0 !important;
    }
    #divCourseAdvancedSearch .tab-length-label {
        width: 24%;
    }

    .app__sidebar .single-student__filter__box .single-student__dropdown {
        margin-bottom: 30px !important;
    }
        .school-schedule-all-course .all-course-left {
            width: 100%;
        }
    #divCourseSection label {
        margin-top: 5px;
    }

    .school-schedule-all-course .settings__dropdown {
        margin-top: 12px !important;
    }

    .tab-manage__courselink-box, .tab-manage__courselink-input-box {     
        margin-left: 0 !important;
    }
    .tab-right-side-section {
        margin-top: 20px;
        margin-left: 0 !important;
    }
        .school-schedule-all-course .all-course-right {
            height: auto;
            width: auto;
        }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    .approval__center .approval-center__global .form-name-info {
        position: absolute;
        top: 5px;
        right: 5px;
    }

    /*Start : Approval center scalling adjustments - plusportal*/
    .approval-center__global .icon-name {
        display: none;
    }

    .approval__center .approval-center__global .student__contact__selection .app__toggle .app__togglebutton .toggle__checkbox:checked + .toggle__knobs:before {
        width: 70px;
    }

    .approval__center.min-max-width .approval-center__global .collapsed__div .tab-left-container-btns {
        padding-top: 40px;
    }

    #divContactEdit .contact-edit-right {
        padding-left: 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) {
    /*    School - > Demographics -> Same Primary E-Mail Screen Starts*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 465px) !important;
    }
    /*    School - > Demographics -> Same Primary E-Mail Screen Ends*/
    /*    School - > Demographics -> No Primary E-Mail Screen Starts*/
    .same-primary-email-linked-student > div.app-text-end {
        margin-top: 10px;
    }
    #divNoPrimaryEmailDetailsBlock .app-kgrid__container .k-grid-content {
        height: calc(100vh - 370px) !important;
    }
    /*    School - > Demographics -> No Primary E-Mail Screen Ends*/
        .ext-course-col:nth-child(even) {
        padding-left: 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.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) {
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235, .properties-field-wrap .app__dropdown.app-w-235 {
        width: auto !important;
        min-width: 120px;
    }

    #divStudentStaffDemographicFieldOptions .single-student__filter__box, #grdDemographicsPageFieldsList {
        width: 280px !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-100.app-d-flex:has(.app-w-70, .app-w-30) {
        flex-direction: column;
        column-gap: 20px;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-70, .custom-incidents-category-table .custom-incidents-page-height .app-w-30 {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .custom-incidents-category-table .custom-incidents-page-height .app-w-30 {
        margin-top: 20px !important;
    }
    #gridCalenderSettings { width: auto !important; }
    #divAddDropCourseSectionBatch .app-dropdown-search .app__dropdown .k-input,
    #divAddDropCourseSectionBatch .app__dropdown .app-combo-dropdown, #divAddDropCourseSectionBatch .app__dropdown:has(.app-combo-dropdown),
    #divAddDropCourseSection #divNewCourseSectionSearch .app-dropdown-search .app__dropdown .k-input,
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown .app-combo-dropdown,
    #divAddDropCourseSection #divNewCourseSectionSearch .app__dropdown:has(.app-combo-dropdown) {
        width: 200px !important;
    }

    #divAddDropCourseSectionBatch .app-combo-dropdown.k-picker {
        width: 150px !important;
    }
    #divAddDropCourseSectionBatch .filters__padding { display:flex; }
    #divEnrollmentTab #divEnrollmentCenter .app-res-flex-wrap {
        flex-wrap: wrap;
        row-gap: 10px;
        white-space: nowrap;
    }
    #divbatchAddSchedule .line__after .batchentry__circle::after {
        width: 65px;
    }
    #divbatchAddSchedule .graphical__container .lines {
        width: 110px;
    }
    #divbatchAddSchedule .gridheader__top button.app-ml-20 {
        margin-left: 10px !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        height: calc(100% - 70px);
    }
    #divbatchAddSchedule #grdSelectedStudentList.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 505px) !important;
    }
    /*Enrollment import module starts*/
    /*Enrollment import module ends*/
    #studentSnapshot .dailyAttendance__container .app-card #divSnapshotAttendance, #studentSnapshot .dailyAttendance__container .app-card #divStaffSnapshotAttendance {
        padding-left: 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 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,
    .excelwizard__container #grdStaffAvailableFields .form-control,
    .excelwizard-student-rightside.app-two-feilds-column-rightside,
    .tab-student-grade .excelwizard-student-rightside,
    #FieldFilter.form-control,
    .tab-port-w-100 {
        width: 100% !important;
    }
    .excelwizard__container .form-control {
        width: 120px !important;
    }

    .app__dropdown.staffStatus-dropdown {
        width: 150px !important;
    }

    .tab-student-grade .excelwizard-student-leftside {
        width: 100px !important;
    }

    .excelwizard-student-leftside.app-two-feilds-column-leftside {
        width: 75px !important;
    }

    .excelwizard-student-leftside .include-header__text,
    .excelwizard-student-rightside .include-header__text {
        width: auto !important
    }

    .app__dropdown.selectview-dropdown {
        width: 220px !important;
    }

    .include-feild .excelwizard-student-leftside {
        width: 111px !important;
    }

    .include-feild .excelwizard-student-rightside {
        width: calc(100% - 111px) !important;
    }
    /*excelwizard ends*/
    #studentsViewInfo {
        min-width: 420px;
    }
    /*ap.com superdb*/
    #divSuperDb .app__gridheader ul.gridheader__top li:first-child .grid__headline, #divSuperDb .app__gridheader ul.gridheader__top li:first-child .seperation__line {
        display: none;
    }

    #divSchedule .app__dropdown .k-dropdownlist, .app__dropdown, .app__dropdown.contacts-layout-dropdown .k-dropdownlist, #divSuperDb .app__gridheader ul.gridheader__top .app__dropdown .k-dropdownlist, .app__dropdown .k-dropdownlist:hover {
        width: 90px !important;
    }
    /*ap.com superdb*/
    #divAddEditIncidentCategoryField .app__dropdown .k-dropdownlist, #divAddEditIncidentCategoryField .app__dropdown {
        width: 200px !important;
    }
    #divAddEditIncidentCategoryField .app__dropdown.app-w-100px {
        width:100px !important;
    }
    /* Enrollment - add Students Start */
    .app-res-w-100 {
        width: 100% !important;
    }

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

    .enrl__stud_left .action-btn-wrap .app-mr-20 {
        margin-right: 10px !important;
    }

    .action-btn-wrap {
        white-space: nowrap;
    }

    .overview__screen.enroll__overview {
        padding-bottom: 10px;
    }

    /* Enrollment - add Students Start */
    #divContacts .gridheader__top, #divContacts .gridheader__bottom, #divPortfolio .gridheader__top, #divPortfolio .gridheader__bottom {
        display: table;
        height: auto;
        padding-top: 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 .matching-criteria-fields .app-input input,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .app-input input,
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist,
    #divSuperDbBatchEntry .select-student-daily-attendance-batch .batch-entery__popup .tab-grid-display .app__dropdown .k-dropdownlist
    {
        width: 180px !important;
    }
    #DailyAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .db__fields,
    #PeriodAttendanceBatchEntry .select-student-daily-attendance-batch .matching-criteria-fields .db__fields {
        width: 200px !important;
    }
}

@media only screen and (max-width:768px) {
    #divbatchAddSchedule .grid__searchbox .tab-portfolio__search {
        width: 100px;
    }
    .approval-admissions-page .min-max-width.approval__center #divHoldingBinTab .collapse__icon {
        top: 62px !important;
    }
    .approval-center-page .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 365px) !important;
    }
    .approval__center .generic-left__section#divHoldingBinTab .k-grid-content {
        height: calc(100vh - 458px) !important;
    }
    .generic-left__section#divHoldingBinTab .approval-filter.app__dropdown, .generic-left__section#divHoldingBinTab .approval-filter.app__dropdown .k-dropdownlist {
        width: 90px !important;
    }
    .approval__center #divHoldingBinTab.collapsed__div .app-kgrid__container {
        margin-top: 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) {
    /*    School > Schedule > Batch Edit Sections Starts*/
    #grdBatchEditSections.app-kgrid__container .k-grid-header th.k-header:first-child {
        padding-left: 11px !important;
    }

    #grdBatchEditSections.app-kgrid__container .k-grid-content tr td:first-of-type,
    #grdBatchEditSections.app-kgrid__container tr td:first-of-type {
        padding-left: 11px !important;
    }
    /*    School > Schedule > Batch Edit Sections Ends*/

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

    .app-green__container ul li {
        display: flex;
        display: -ms-flexbox;
    }

    #schedule-wrap ul li > span:last-child {
        padding-left: 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) {
    #gridActionCodesList.scroll-enabled-grid .k-grid-header table colgroup col:last-child,
    #gridActionCodesList.scroll-enabled-grid .k-grid-content table colgroup col:last-child, #gridActionCodesList .k-grid-header table colgroup col:last-child,
    #gridActionCodesList .k-grid-content table colgroup col:last-child {
        width: 50px !important;
    }
    #divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 468px) !important;
    }
    #divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 536px) !important;
    }
    .approval__center.min-max-width .plusportals__selection .app-primary-btn {
        padding: 5px 10px !important;
    }

    .approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 319px) !important;
    }

    .approval__center.min-max-width .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 369px) !important;
    }

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

 
    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:first-child {
        width: 160px !important;
    }
    /*Manage course n sesction start*/
    #divSchoolSchedule .ap-gridbody.school-schedule-cover, #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: auto;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
    #gridSections.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridSections .k-grid-content table colgroup col:first-child {
        width: 140px !important;
    }
    /*Manage course n sesction ends*/

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }

}

@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, .k-tabstrip-content, .k-tabstrip > .k-content {
        padding: 5px 5px;
    }

    #divDailyAttendance .app-card .app-card-body {
        height: calc(100vh - 600px);
    }

    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content,
    #single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content,
    #single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content,
    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked {
        height: calc(100vh - 546px) !important;
    }

    #single-student__mode #gridPeriodAttendance.app-kgrid__container .k-grid-content,
    #single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content {
        height: calc(100vh - 575px) !important;
    }


    #single-student__mode #gridOneStudentIncident.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 380px) !important;
        min-height: calc(100vh - 380px) !important;
    }

    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentSuperDb.app-kgrid__container .k-grid-content-locked.expanded,
    #single-student__mode #grdOnePortfolio.app-kgrid__container .k-grid-content.expanded,
    #single-student__mode #grdStudentContacts.app-kgrid__container .k-grid-content.expanded,
    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 350px) !important;
        min-height: calc(100vh - 350px) !important;
    }

    #divPeriodAttendance.expanded #gridPeriodAttendance.app-kgrid__container .k-grid-content {
        max-height: calc(100vh - 375px) !important;
        min-height: calc(100vh - 375px) !important;
    }

    #divStaffAttendance .tab-divListView.expanded {
        max-height: calc(100vh - 232px) !important;
        min-height: calc(100vh - 232px) !important;
    }

    .tab-divListView.expanded .dailyAttendance-tab .app-card-body {
        height: calc(100vh - 370px);
    }

    .date-view.app-mb-10.app-d-flex.app-align-items-center {
        margin-bottom: 5px;
    }

    #divContacts .grid__searchbox .close__icon,
    #divPortfolio .grid__searchbox .close__icon,
    #divSuperDb .grid__searchbox .close__icon {
        top: 9px;
    }

    .settings__dropdown {
        padding: 10px 9px !Important;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active {
        height: calc(100vh - 497px) !important;
    }

    .demographic-app__tabstrip #tabstripDemographics .k-tabstrip-content.k-active.expanded {
        max-height: calc(100vh - 305px) !important;
        min-height: calc(100vh - 305px) !important;
    }

    #divDailyAttendance.expanded .app-card .app-card-body {
        height: calc(100vh - 410px);
    }

    #divSingleStudentTab #divSchedulerGrid .schedule__boxcontainer {
        height: calc(100vh - 490px);
    }

    #divSingleStudentTab #divSchedulerGrid .schedule__boxcontainer.expanded {
        height: calc(100vh - 272px);
    }

    .demographic-app__tabstrip .k-i-arrow-60-left:before,
    .demographic-app__tabstrip .k-i-arrow-60-right:before {
        top: 10px;
    }

    .ap-gridbody {
        padding: 10px 5px 20px !important;
    }

    #divSchoolSchedule .ap-gridbody.school-schedule-cover,
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }

    #divSchedulerGrid {
        padding: 10px 5px !important;
    }
    /*Snapshot*/
    .app-card-header, .contact__row, #dailyAttendance, .schedule__container .app-green__container ul,
    .incident-card .app-pl-20, .incident-card .app-pr-20,
    .app-green__container ul li, #divSnapshotPanel .gpa-credit__container .app-card-body, .app-snapshot-grid li,
    .incident-card .incident-summary-details > div, .dailyAttendance-grid li, .detailedView-grid li, .attendanceStatistics-grid li {
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .portfolio__relation-name.portfolio__name {
        margin-left: 7px !important;
    }

    .portfolio__div-body .portfolio__edit-image {
        right: 7px;
    }

    #divProspectDemographic.demograhics__container .demographics__row {
        margin-left: -14px;
        margin-right: -14px;
    }

    .incident-summary__container .incident-card .incident-summary-details .served,
    .penalty-card .penalty-summary-details .served {
        padding: 2px 10px;
    }

    .student__container .students-bookmarks-yellow {
        top: -16px;
    }

    .student__image-container {
        padding-left: 9px;
    }

    .app-darkBdr-right {
        padding-right: 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;
    }

    .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;
    }
    #divSchoolSchedule .ap-gridbody.school-schedule-cover,
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
}

/****************IPad Fixes*******************/
@media screen and (min-width:1290px) and (max-width: 1399px) {
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    
    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 225px) !important;
        margin-right: 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;
    }

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

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:first-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:first-child {
        width: 160px !important;
    }

    #gridPortfolioCategoriesList.app-kgrid__container .k-grid-header table colgroup col:last-child,
    #gridPortfolioCategoriesList .k-grid-content table colgroup col:last-child {
        width: auto !important;
    }

    #divSchoolSchedule .ap-gridbody.school-schedule-cover,
    #divEditCourseSection .ap-gridbody.school-schedule-cover {
        height: calc(100vh - 212px);
        overflow: auto;
        overflow-y: scroll;
        flex-direction: row;
        padding: 10px 20px 20px !important;
    }
}
@media screen and (min-height:850px) and (max-height: 880px) {
    /*All Batch Entry Popups Laptop 67%(1920px) Screen Starts*/
    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup,
    #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 425px) !important;
        max-height: calc(100vh - 425px) !important;
        overflow: auto;
    }

    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period, #DailyAttendanceBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup, #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
        overflow: auto;
    }

    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 372px) !important;
        max-height: calc(100vh - 372px) !important;
    }

    .batch-entry-data-height #grdStudSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStudSelHomeRoom .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelCourseSection .k-grid-content.k-auto-scrollable, .batch-entry-data-height #grdStaffSelHomeRoom .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 520px) !important;
    }

    #divDemographicsBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 424px) !important;
        max-height: calc(100vh - 424px) !important;
    }

    .demographics-batch-entry .comments-container .batch-entery__popup {
        max-height: calc(100vh - 382px) !important;
        min-height: calc(100vh - 382px) !important;
    }
    #tableBatchInvoiceCharges tbody {
        height: calc(100vh - 500px);
        overflow-y: auto;
    }

    #divInvoiceChargeBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 414px);
        max-height: calc(100vh - 414px);
        overflow-y: auto;
        overflow-x: hidden;
    }

    #divInvoiceChargeBatchEntry .confirm-payments.comments-container .batch-entery__popup {
        min-height: calc(100vh - 365px);
        max-height: calc(100vh - 365px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    #divInvoiceChargeBatchEntry .first-step-container.comments-container .batch-entery__popup {
        min-height: calc(100vh - 365px);
        max-height: calc(100vh - 365px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    /*All Batch Entry Popups Laptop 67%(1920px) Screen Ends*/
    #divSuperDbBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 408px);
        max-height: calc(100vh - 408px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    #divSuperDbBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 370px);
        max-height: calc(100vh - 370px);
        overflow: auto;
    }
    #divSuperDbAddRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 455px);
    }
  /*  #divSuperDbBatchEntry #tblSuperDbFields tbody {
        height: calc(100vh - 455px);
    }*/
    #divEditRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 495px)!important;
    }
    #divSuperDbEditRecord #tblEditSuperDbFields tbody {
        height: calc(100vh - 455px);
    }
    #divSuperDbEditRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 370px);
        max-height: calc(100vh - 370px);
        overflow: auto;
    }
    #divDeleteRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 495px) !important;
    }
    #divSuperDbDeleteRecord .confirm-popup-daily.comments-container .batch-entery__popup {
        min-height: calc(100vh - 370px);
        max-height: calc(100vh - 370px);
        overflow: auto;
    }
    #studentSelectionSuperDb #divEditRecordSelection #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content,
    #staffSelectionSuperDb #divEditRecordSelectionStaff #divSuperDbRecordSelection #grdSuperDbRecords .k-grid-content {
        height: calc(100vh - 580px) !important;
    }


}
@media screen and (min-width:800px) and (max-width: 850px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 615px) !important;
        max-height: calc(100vh - 615px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    .tab-width-350 {
        width: 350px !important;
    }

    .tab-search-input-width {
        width: max-content !important;
    }

    .tab-blue-container-div .tab-course-name-div {
        width: calc(100% - 240px) !important;
    }

    .tab-blue-container-div .tab-description-div {
        width: 100% !important;
    }

    .tab-blue-container-div .tab-box-active {
        align-items: center;
        display: flex;
    }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /********School -> Dashboard Screen Starts*********/
    .tab-display-second-charts-box {
        width: 100% !important;
        margin-top: 20px;
    }

    .tab-charts-details-box {
        height: calc(100vh - 217px);
        overflow: auto;
    }

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

    .tab-w-300, .tab-specific-width {
        width: 300px !important;
    }

    #divAddEditTileSpec .tab-width-max-content {
        width: max-content;
    }

    #divAddEditTileSpec .tab-width-380 {
        width: 380px !important;
    }

    #divDashboardLibraryView .tab-w-80px {
        width: 100px !important;
    }

    .tab__manage-page__inner-content {
        right: -2px;
    }

    #divAddWidget .widget-add-edit-field.tab-width-200 {
        width: 200px;
    }

    #divAddWidget .select-staff-by-type .tab-width-170 {
        width: 170px;
    }

    #divAddWidget .select-staff-status .tab-width-195 {
        width: 195px !important;
    }

    .select-fields-box {
        min-width: 400px;
    }

    .color__selectionbox .default-color-box {
        gap: 35px;
    }

    #divAddWidget .tab-w-400, #divManageSetting .tab-w-400 {
        width: 400px !important;
    }

    #divAddEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll {
        height: calc(100vh - 150px);
    }
    /********School -> Dashboard Screen Ends*********/
    .tab-grades-gridheader__top .tabs-grades-right-section {
        position: relative;
        left: 13%;
    }

    #divSingleStudentTab #gridPastGrades.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 547px) !important;
        min-height: calc(100vh - 547px) !important;
    }
    /***School-> Schedule Starts***/
    .tab-margin-0 {
        margin-left: 0 !important;
    }

    .tab-prt-10 {
        padding-right: 10px !important;
    }

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

    .manage-course-buttons-header {
        display: flex;
        margin-top: 20px;
    }

    #divCourseSection label {
        margin-top: 5px;
    }
    /***School-> Schedule Ends***/
    /***Students -> Grid Schedule Starts***/
    .tab-mar-top-10, .grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {
        margin-top: 10px;
    }

    .tab-display-charts, .grid-schedule-right-part, .grid-schedule-left-part {
        display: block;
    }

    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
        margin-bottom: 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;
    }

    .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, .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; }
    .summery__section { margin-left: 20px; }
    /* Approval Center Tooltip */
    #divIncidentsHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu, #divDailyAttendanceTabstripBin .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu { margin-top: 28px !important; }
    #divPlusPortalHoldingBinTab .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu { margin-top: 49px !important; }
    #divPeriodAttendanceGrid .tooltipTop .app__tooltip.app__dropdownmenulist .dropdown-menu { margin-top: 7px !important; }
}

@media screen and (min-width:1280px) and (max-width:1299.98px) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 410px) !important;
        max-height: calc(100vh - 410px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    #gridSameContactFieldMatched.app-kgrid__container .k-grid-content {
        height: calc(100vh - 427px) !important;
    }
    #divSetupCenter #gridAttendanceCodesList .k-grid-content { height: calc(100vh - 391px) !important; }
    #divSetupCenter #gridAttendanceSummaryCodesList .k-grid-content { height: calc(100vh - 351px) !important; }
    #divSetupCenter #gridAttendanceCodesList .k-grid-content { height: calc(100vh - 390px) !important; }
    #divSetupCenter #gridAttendanceSummaryCodesList .k-grid-content { height: calc(100vh - 351px) !important; }
    .tab-check-household-btn {
        min-width: 70px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    /*Setup center - Incident Codes - all tabs  starts*/
    #gridncidentCodesList .k-grid-content.k-auto-scrollable{ height: calc(100vh - 386px) !important; }
    #gridActionCodesList .k-grid-content.k-auto-scrollable, #gridActionSummaryCodesList .k-grid-content.k-auto-scrollable, #gridLocationCodesList .k-grid-content.k-auto-scrollable, #gridServedCodesList .k-grid-content.k-auto-scrollable { height: calc(100vh - 346px) !important; }
    /*Setup center - Incident Codes - all tabs  ends*/
    #divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 543px) !important; }
    #divSchoolReportCards .receive-grades #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 565px) !important; }
    #divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 424px) !important; }
    #divSchoolReportCards .receive-grades .min-max-width #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 530px) !important; }
    .student__image-container:hover .overlay__add-image {
        height: 140px !important;
        width: 120px;
        left: 0px;
    }
    /*********School -> Schedule -> Manage Course & Section Starts*************/
    #divGridDashboardLibrary .k-grid-content.k-auto-scrollable, #gridRegisterCodesDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 365px) !important; }
    #gridAttendanceCodesDetails .k-grid-content.k-auto-scrollable { height: calc(100vh - 360px) !important; }
    #divWidgetEdit .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divEditWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll, #divAddWidget .dashboard-home-tile .manage-page__inner-content .edit-tiles-scroll { height: calc(100vh - 240px); }
    .tab-margin-10 { margin-top: 10px; }
    .tab-mt-15 { margin-top: 15px !important; }
    .tab-manage-course-right-part{ display:flex; }
    /*********School -> Schedule -> Manage Course & Section Ends*************/
    /***Students -> Grid Schedule Starts***/
    .grid-schedule-left-part .grid-current-date, .grid-schedule-right-part .add-scheduled-btns {  margin-left:20px; }
    #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown { margin-bottom: 0px !important; margin-left: 5px !important; }
    .tabHomeContent.app__gridheader.app-scrollbar-normal #tabstripSchedule .no-spacing.view-width.app-d-flex.app-align-items-center { display: flex !important; }
    .grid-schedule-left-part { width: 68%; }
    #divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer,
    #divSchoolSchedule #divSchedule .tab-divListView .schedule__boxcontainer { height: calc(100vh - 445px) !important; overflow-y: auto; }
    /***Students -> Grid Schedule Ends***/
    .ap-gridbody.billing-grid { max-height: calc(100vh - 555px); }
    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content { height: calc(100vh - 476px) !important; }
    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content { height: calc(100vh - 371px) !important; }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content { height: calc(100vh - 364px) !important; }
    #divSchoolSchedule #gridStudentCourseRequestDetails .k-grid-content.k-auto-scrollable { max-height: calc(100vh - 539px); }
    #gradesSettingspopup { height: calc(100vh - 170px); overflow: auto; }
    #divSchoolSchedule .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content { height: calc(100vh - 429px) !important; }
    #divSchoolLookupTabs #divSchoolIncidents .receive-incidents.approval__center.min-max-width #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable { height: calc(100vh - 382px) !important;  }
    /************Send module start***************/
    #dvEmailEditor { height: calc(100vh - 309px); }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content,
    #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {  height: calc(100vh - 436px) !important; }
    #dvtxtEmailEditor { height: calc(100vh - 310px) !important; }
    #dvtxtEmailEditor .app-k-editor { height: calc(100vh - 375px); }
    #dvtxtEmailEditor .app-k-editor table { height: calc(100vh - 405px); }
    #dvtxtEmailEditor .app-k-editor iframe.k-content { height: calc(100vh - 465px) !important; }
    .create-template-block #dvEmailEditor { height: calc(100vh - 295px); }
    .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content { height: calc(100vh - 451px) !important; }
    .create-template-block #dvtxtEmailEditor { height: calc(100vh - 296px) !important; }
    .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content,
    .create-template-block #dvEmailEditor #AvailContactFieldGrid .k-grid-content,
    .create-template-block#dvEmailEditor #AvailOtherCodesGrid .k-grid-content,
    .create-template-block#dvEmailEditor #AvailSchoolFieldGrid .k-grid-content {
        height: calc(100vh - 423px) !important;
    }
    /************Send module ends***************/
    /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
        #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
            width: 47% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
            width: 36% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .comments-container .view__grade-levels .app__dropdown .k-dropdownlist {
            width: 440px !important;
        }

        #divSelectStudentandStaff.select-students-staffs .app-radio label,
        .student-reports-settings .app-radio label {
            line-height: 20px;
        }

        #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .app-input input, #divSelectStudentandStaff.select-students-staffs .comments-container .matching-criteria-fields .k-combobox.form-control {
            width: 450px !important;
        }

        #divSelectStudentandStaff .app-component-secondary-bg.comments-container .batch-entery__popup#option2Div {
            height: calc(100vh - 134px);
            min-height: auto;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Ends********/
    }

@media screen and (min-width:1300px) and (max-width:1399.98px) {
    /*****************School Screen Starts*******************/
    .receive-attendance .approval-center__left-details__container {
        margin-top: 0px;
    }

    #school_mode .demographic__panel {
        height: calc(100vh - 400px);
    }

    #divSchoolDailyAttendance .approval__center #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 530px) !important;
    }

    .daily_attendance-date-field{
        margin-left:10px;
    }
    /*****************School Screen Starts*******************/
    /***********Approival Center Starts***************/
    .approval__center .generic-left__section #divDailyAttendanceGrid .k-grid-content {
        height: calc(100vh - 468px) !important;
    }

    .approval__center.min-max-width .collapsed__div.generic-left__section #divDailyAttendanceGrid .k-grid-content,
    .approval__center.min-max-width .collapsed__div.generic-left__section #divPeriodAttendanceGrid .k-grid-content {
        height: calc(100vh - 366px) !important;
    }
    .approval__center.min-max-width .collapsed__div #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 366px) !important;
    }
    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 495px) !important;
    }

    .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 461px) !important;
    }

    .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 487px) !important;
    }

    .approval__center #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 369px) !important;
    }

    .approval__center.min-max-width .collapsed__div #gridHBIncidents.app-kgrid__container .k-grid-content.k-auto-scrollable {
        height: calc(100vh - 316px) !important;
    }

    .approval-center-page .approval__center.min-max-width .incidents__screen .generic-left__section .hamburger-menu {
        left: 10px;
    }

    .approval__center.min-max-width #divIncidentsHoldingBinTab .collapse__text {
        display: none;
    }
    /***********Approival Center Ends***************/
    /*********Report Cards Starts*************/
    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content.expanded {
        max-height: calc(100vh - 405px) !important;
        min-height: calc(100vh - 405px) !important;
    }

    #divSingleStudentTab #gridReportCard.app-kgrid__container .k-grid-content {
        height: calc(100vh - 610px) !important;
    }

    #divSkillsView .course-skills {
        height: calc(100vh - 725px);
    }

    #divSkillsView.expanded .course-skills {
        height: calc(100vh - 525px);
    }

    #divNarrativesView.expanded .narratives-scroll {
        height: calc(100vh - 500px);
    }

    #divNarrativesView .narratives-scroll {
        height: calc(100vh - 705px);
    }

    .progressreport__editor .progress-report-tab {
        height: calc(100vh - 565px) !important;
    }

    #divSingleStudentTab #divReportCards #divProgressReportView.expanded .progressreport__editor .progress-report-tab {
        height: calc(100vh - 365px) !important;
    }
    /*********Report Cards Ends*************/
    /*******Schedule Screen Starts************/
    #divSingleStudentTab #divSchedule .tab-divListView.expanded .schedule__boxcontainer, #single-student__mode #divStaffSchedule .tab-divListView.expanded .schedule__boxcontainer {
        height: calc(100vh - 430px) !important;
    }

    #divSingleStudentTab #divSchedule .tab-divListView .schedule__boxcontainer, #divScheduleLater.schedule-later .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 630px);
    }
    /*******Schedule Screen Ends************/
    /************Send module start***************/
    .emailSubjectBlock .app-sent-view-contact,
    .app-perview-contact, #divScheduleLater .emailSubjectBlock .app-sent-view-contact {
        height: calc(100vh - 710px);
    }
    #dvEmailEditor, .create-template-block #dvEmailEditor {
        height: calc(100vh - 360px);
    }
    #dvtxtEmailEditor, .create-template-block #dvtxtEmailEditor {
        height: calc(100vh - 375px);
    }
    #dvtxtEmailEditor .app-k-editor iframe.k-content, .create-template-block #dvtxtEmailEditor .app-k-editor iframe.k-content {
        height: calc(100vh - 518px) !important;
    }
    #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content, .create-template-block #dvEmailEditor #AvailFieldGrid .k-grid-content, #dvEmailEditor #AvailContactFieldGrid .k-grid-content, #dvEmailEditor #AvailOtherCodesGrid .k-grid-content, #dvEmailEditor #AvailSchoolFieldGrid .k-grid-content, #divStaffFieldsSection #AvailStaffFieldGrid .k-grid-content {
        height: calc(100vh - 490px) !important;
    } 
    #studentSelectionEmail .app-grey-bg {
        height: calc(100vh - 420px) !important;
    }
    .select-recipients-block {
        height: calc(100vh - 430px);
    }
    .add-recipient-block {
        max-height: calc(100vh - 630px);
    }
    #grdScheduledEmail .k-grid-content, #grdEmailRecipientProspectList2 .k-grid-content,
    #grdManageEmailTemplate .k-grid-content {
        height: calc(100vh - 420px);
    }
    /************Send module ends***************/
    .ap-gridbody.billing-grid {
        max-height: calc(100vh - 575px);
    }

    .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
        height: calc(100vh - 486px) !important;
    }
    .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
        height: calc(100vh - 373px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
        height: calc(100vh - 366px) !important;
    }
    #gradesSettingspopup {
        height: calc(100vh - 170px);
        overflow: auto;
    }
}

@media screen and (min-width:1400px) and (max-width:1599.98px) {
    /*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: 150px !important;
        }
        #divSchoolReportCards .receive-grades .approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 554px) !important;
        }
        #divSchoolReportCards .receive-grades #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 580px) !important;
        }

        #divSchoolReportCards .receive-grades .min-max-width.approval__center #gridGrades.app-kgrid__container .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 434px) !important;
        }

        #divSchoolReportCards .receive-grades .min-max-width #gridGradesStudentsDetails .k-grid-content.k-auto-scrollable {
            height: calc(100vh - 545px) !important;
        }
        .edit-section-modal #divSectionAddEdit #divSectionDetailsContent, .edit-section-modal #divSectionAddEdit #divCustomContent #tabExtendedSectionTable.k-tabstrip .k-tabstrip-content {
            height: calc(100vh - 287px) !important;
        }
        #divCourseSection label {
            width: max-content;
        }
        .ap-gridbody.billing-grid {
            max-height: calc(100vh - 570px);
        }

        .approval__center .generic-left__section#divGradesHoldingBinTab .k-grid-content {
            height: calc(100vh - 456px) !important;
        }
        .approval__center .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .app-kgrid__container .k-grid-content {
            height: calc(100vh - 376px) !important;
        }
        .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
            height: calc(100vh - 370px) !important;
        }
        #gradesSettingspopup {
            height: calc(100vh - 190px);
            overflow: auto;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Starts********/
        #divSelectStudentandStaff.select-students-staffs .select__grade-levels, #divSelectStudentandStaff.select-students-staffs .db__grade-levels {
            width: 29% !important;
        }

        #divSelectStudentandStaff.select-students-staffs .view__grade-levels {
            width: 17% !important;
        }
        /********School -> Reports -> Generate -> Daily Attendance Report Ends********/

        #divSchoolSchedule .ap-gridbody.school-schedule-cover,
        #divEditCourseSection .ap-gridbody.school-schedule-cover {
            height: calc(100vh - 212px);
            overflow: auto;
            overflow-y: scroll;
            flex-direction: row;
            padding: 10px 20px 20px !important;
        }

    }
@media only screen and (max-width:1200px) {
    .confirm-batch-process-wrap {
        flex-direction: column;
        row-gap: 20px;
    }
    .extended-course-info label {
        min-width: 135px;
        padding-right: 10px !important;
        white-space: nowrap;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 513px) !important;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center.min-max-width .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 426px) !important;
    }
}
@media only screen and (max-width:1024px) {
    .app-stepper-section-wrapper .app-stepper-section-two .app__dropdown,
    .app-stepper-section-wrapper .app-stepper-section-two .app__dropdown .k-dropdownlist,
    .app-stepper-section-wrapper .app-stepper-section-two .app__dropdown .k-combobox {
        width: auto !important;
        min-width: 200px !important;
    }
    #divSchoolPeriodAttendance .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box {
        margin-top: 30px !important;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 608px) !important;
    }
}
@media only screen and (max-width:840px) {
    .properties-field-wrap .app__dropdown .k-dropdownlist.app-w-235, .properties-field-wrap .app__dropdown.app-w-235 {
        min-width: auto;
    }

    #divStudentStaffDemographicFieldOptions .single-student__filter__box, #grdDemographicsPageFieldsList {
        width: 260px !important;
    }
    .app-stepper-section-wrapper .app-stepper-section-two .batch-entry-select-student-by .app-radio label { margin-right: 10px; }
    .app-stepper-section-wrapper .app-stepper-section-two .grid__searchbox .tab-portfolio__search { width: 150px !important; }
    #divbatchAddSchedule #home-wrap li:last-child {
        flex-wrap: wrap;
        row-gap: 10px;
        margin-left: 10px;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown .k-dropdownlist,
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup .app__dropdown {
        max-width: 150px !important;
        width: 150px !important;
    }

    #divbatchAddSchedule #studentSelectionSchedule .comments-container #option4Div.batch-entery__popup .row [class*="col-"] {
        min-width: 170px;
    }
    #divSchoolPeriodAttendance .approval__center .period__attendance-page #divPeriodAttendanceHoldingBinTab .setting-info__box {
        margin-top: 60px !important;
    }
    #divSchoolPeriodAttendance .period-attendance-dashboard .receive-attendance .approval__center .generic-left__section#divPeriodAttendanceHoldingBinTab .k-grid-content {
        height: calc(100vh - 591px) !important;
    }
    .approval__center.min-max-width .generic-left__section#divGradesHoldingBinTab #divCourseRequestsGrid .k-grid-content {
        height: calc(100vh - 404px) !important;
    }
}

    /********Farst served page height start ****************/
    @media screen and (min-width:400px) and (max-width:767.98px) {
        #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 625px) !important;
        }
    }

    @media screen and (min-width:768px) and (max-width:991.98px) {
        /**************Send module start*****************/
        #divGridFSStudentsIncident .k-grid-content {
            height: calc(100vh - 625px) !important;
        }

        .app-mt-por-15 {
            margin-top: 15px;
        }

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

        .app-d-none-tab {
            display: none;
        }

        .app-h-por-auto, .select-recipients-block {
            height: auto;
        }

        .app-pl-por-0 {
            padding-left: 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;
        }
        #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 #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*****************/
    }

    @media (min-width:1280px) and (max-width:1399.98px) {
        .stud__ap-id {
            bottom: 38px;
        }
        #divAddEditIncident .student__staff__selection.edit-incident .app__toggle .app__togglebutton .toggle__knobs:after {
            right: -40px !important;
        }
        #anrCourseLink, #anrCoursePrerequisites {
            margin-top: 17px !important;
        }

        .addcourse__details #anrCourseLink, .addcourse__details #anrCoursePrerequisites {
            margin-top: 19px !important;
        }

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

        .student__image-container .overlay__add-image {
            height: 100%;
            width: 100%;
            top: 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, #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;
        }
        .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, .tab-margin-0 {
            margin-left: 0 !important;
        }

        .tab-prerequisites-box-with-input, .tab-course-link-block {
            width: 175px;
        }

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

        .tab-prt-10 {
            padding-right: 10px !important;
        }

        .tab-mar-top-10 {
            margin-top: 10px;
        }

        .tab-blue-container-div .tab-course-name-div, .tab-blue-container-div .tab-course-div{
            width:100% !important;
        }

        .tab-blue-container-div .tab-box-active {
            align-items: center;
            display: flex;
        }
        /*********School -> Schedule -> Manage Course & Section Ends*************/
    }

    /* IPad Pro orientation */
    @media (min-width : 1280px) and (max-width : 1390px) and (orientation : landscape) {
        .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, #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***/
        #divSchedule .app__dropdown .k-dropdownlist, #divSchedule .app__dropdown {
            margin-bottom: 0px !important;
            margin-left: 5px !important;
        }
        .grid-schedule-left-part {
            width: 100%;
        }
        /***Students -> Grid Schedule Ends***/
        /***School -> Period Attendance Starts***/
        #divSchoolPeriodAttendance .bulletin__multi-grid-sec .multigrid__block:nth-child(even) {
            padding-left: 10px !important;
        }
        /***School -> Period Attendance Ends***/
        /***School -> Schedule -> Batch Edit Section Starts***/
        .assign-teacher-popup .grid-schedule-left-part{width:auto;}
        .assign-teacher-popup #divBatchSectionEditScheduleView .app-flex-wrap{flex-wrap: nowrap;}
        /***School -> Schedule -> Batch Edit Section Ends***/
    }

/* Styles for Bootstrap Classes - Extended Course Starts */
@media (min-width: 1200px) {
    .pe-xl-0 { padding-right: 0 !important; }
    .ps-xl-0 { padding-left: 0 !important; }
    .me-xl-0 { margin-right: 0 !important; }
}
@media (min-width: 992px) {
    .pe-lg-0 { padding-right: 0 !important; }
    .ps-lg-0 { padding-left: 0 !important; }
    .me-lg-0 { margin-right: 0 !important; }
}
@media (min-width: 768px) {
    .pe-md-0 { padding-right: 0 !important; }
    .ps-md-0 { padding-left: 0 !important; }
    .me-md-0 { margin-right: 0 !important; }
}
@media (min-width: 576px) {
    .pe-sm-0 { padding-right: 0 !important; }
    .ps-sm-0 { padding-left: 0 !important; }
    .me-sm-0 { margin-right: 0 !important; }
}
@media (min-width: 1400px) {
    #divCourseDetailsView .app-pr-20 { padding-right: 20px !important; }
    #divCourseDetailsView .app-pl-30 { padding-right: 0 !important; }
    #divCourseDetailsView .app-pl-30 { padding-left: 30px !important; }
}
/* Styles for Bootstrap Classes - Extended Course Ends */
@media only screen and (max-height: 1100px) {
    #divDemographicsBatchEntry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 640px) !important;
        max-height: calc(100vh - 640px) !important;
        overflow: auto;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 600px) !important;
    }
}
@media only screen and (min-height: 1050px) and (max-height: 1100px) {
    #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 600px) !important;
        max-height: calc(100vh - 600px) !important;
        overflow: auto;
    }

    #PeriodAttendanceBatchEntry .comments-container .batch-entery__popup.confirm-popup-period, #DailyAttendanceBatchEntry .confirm-popup-daily.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .enter-stud-daily-att.comments-container .batch-entery__popup, #divDemographicsBatchEntry .confirm-attendance-batch.comments-container .batch-entery__popup {
        min-height: calc(100vh - 598px);
        max-height: calc(100vh - 598px);
        overflow: auto;
    }

    #PeriodAttendanceBatchEntry .period-select-students.comments-container .batch-entery__popup, #DailyAttendanceBatchEntry .daily-select-students.comments-container .batch-entery__popup {
        min-height: calc(100vh - 640px);
        max-height: calc(100vh - 640px);
        overflow: auto;
    }
}
@media only screen and (max-height: 1050px) {
    #divDemographicsBatchEntry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 490px) !important;
        max-height: calc(100vh - 490px) !important;
        overflow: auto;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 447px) !important;
    }
}
@media only screen and (max-height: 950px) {
    #divDemographicsBatchEntry .comments-container.confirm-attendance-batch .batch-entery__popup {
        min-height: calc(100vh - 447px) !important;
        max-height: calc(100vh - 447px) !important;
    }
}
@media only screen and (max-height: 900px) {
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 381px) !important;
    }
    #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        height: calc(100% - 55px);
        min-height: calc(100% - 55px) !important;
    }
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Starts*/
    #divSchoolSchedule #divbatchAddSchedule #studentSelectionSchedule .comments-container .batch-entery__popup {
        height: calc(100% - 37px);
        min-height: calc(100% - 37px) !important;
        overflow-y: auto;
    }
    /*School -> Schedule -> Batch Entry -> Batch Add Schedule Ends*/
}
@media only screen and (max-height: 810px) {
    .k-window.app-kpopup__container:has(#divACExistingStudentStaff) { height:98% !important; top:1% !important; }
    .app-stepper-section-wrapper .app-stepper-section-two .batch-entry-data-height .batch-entery__popup .k-grid-content {
        max-height: 260px !important;
        min-height: 260px !important;
    }
    .tab-popup-height.k-window {
    max-height: calc(100vh - 30px) !important;
    }
    .tab-popup-height.k-window {
        top: 10px !important;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup {
        min-height: calc(100vh - 380px) !important;
        max-height: calc(100vh - 380px) !important;
        overflow: auto;
    }
    #divDemographicsBatchEntry .comments-container .batch-entery__popup.enter-demographics-field-value {
        max-height: calc(100vh - 341px) !important;
    }
    #divDemographicsBatchEntry .comments-container.confirm-attendance-batch .batch-entery__popup {
        min-height: calc(100vh - 340px) !important;
        max-height: calc(100vh - 340px) !important;
    }
}
@media only screen and (max-height: 650px) {
    #divDemographicsBatchEntry .comments-container.confirm-attendance-batch .batch-entery__popup {
        min-height: calc(100vh - 333px) !important;
        max-height: calc(100vh - 333px) !important;
    }
}

/* Override for iPad Mini Landscape (1024x768) */
@media screen and (max-width: 1024px) and (orientation: landscape) {
/*    School > Schedule > Batch Edit section Starts*/
    #grdBatchEditSections .k-grid-content {
        min-height: calc(100vh - 415px) !important;
        max-height: calc(100vh - 415px) !important;
    }
/*    School > Schedule > Batch Edit section Ends*/
    .app-w-450 {
        width: 300px !important;
    }
}

/* ------------------------- New Breakpoints Starts ---------------------- */
@media only screen and (max-width:1900px) {
}
/* Ends Media Query - 1900px */

@media only screen and (max-width:1600px) {
}
/* Ends Media Query - 1600px */

@media only screen and (max-width:1400px) {
}
/* Ends Media Query - 1600px */

@media only screen and (max-width:1366px) {
}
/* Ends Media Query - 1366px */

/*Common Codes for all iPads*/
@media only screen and (max-width:1279px) {
}
/*Common Codes for all iPads*/

@media only screen and (max-width:1280px) {
}
/* Ends Media Query - 1280px */

@media only screen and (max-width:1024px) {
}
/* Ends Media Query - 1024px */

@media only screen and (max-width:992px) {
    #divMyReports #gridMyReportsList .k-grid-content.k-auto-scrollable {
        max-height: calc(100vh - 475px);
    }

    .view__jobs-container .app-kgrid__container .k-grid-content.k-auto-scrollable {
        min-height: calc(100vh - 465px);
    }
}
/* Ends Media Query - 992px */

@media only screen and (max-width:768px) {
}
/* Ends Media Query - 768px */

@media only screen and (max-width:740px) {
}
/* Ends Media Query - 740px */

/* Height Based breakpoints */
@media only screen and (max-height:900px) {
}

@media only screen and (max-height:800px) {
}

@media only screen and (max-height:750px) {
}
/* ------------------------- New Breakpoints Ends ---------------------- */

/* Override ONLY for exactly 1024x768 in landscape */
@media (width:1024px) and (height:768px) and (orientation: landscape) {
    #gridContactRelationshipList .k-grid-content.k-auto-scrollable {
        height: 355px !important;
    }
    #divContactSuffixtable .k-grid-content.k-auto-scrollable {
        height: 355px !important;
    }
    .app-sc-suffi-rel-width {
        width: auto !important;
    }
}
@media (width:1180px) and (height:820px) and (orientation: landscape) {
    #gridContactRelationshipList .k-grid-content.k-auto-scrollable {
        height: 455px !important;
    }
    .app-sc-suffi-rel-width {
        width: auto !important;
    }
    .superdb-batchentrypopup{
        height:auto!important;
        min-height:700px;
    }
}