/* Minification failed. Returning unminified contents. (520,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (521,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (522,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (525,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (526,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (527,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (547,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (548,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (549,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (550,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (552,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (554,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (556,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (558,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (560,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (561,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (562,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (563,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (567,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (568,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (569,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (570,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (573,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (574,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (575,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (576,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (577,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (581,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (582,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (583,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (584,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (585,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (586,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (587,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (588,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (589,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (590,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (592,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (593,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (601,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color-alt' (606,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (610,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (616,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (617,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (619,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (620,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (621,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (625,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (626,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (628,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (630,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (631,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (632,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (642,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (644,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (651,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (652,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (653,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (654,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (658,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (659,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (664,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color' (685,28): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg-color' (689,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (703,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (719,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (720,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (722,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (739,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (743,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-floating-height' (776,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-main' (780,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-main' (784,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-main' (788,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-main' (792,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (797,17): run-time error CSS1039: Token not allowed after unary operator: '-emphasized-color' (963,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (977,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (978,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (1009,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (1013,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt-bg' (1014,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1035,17): run-time error CSS1039: Token not allowed after unary operator: '-text-warning-emphasis' (1096,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1349,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1373,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1378,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1395,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt' (1406,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1410,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (1416,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1422,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1426,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt' (1455,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (1466,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-surface-muted' (1467,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1495,40): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (1500,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (1501,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1523,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1562,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (1584,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (1589,35): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (1592,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (1593,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (1598,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (1599,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (1603,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (1604,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (1655,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color-alt' (1683,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1684,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1703,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-color' (1776,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (1838,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color-alt' (1863,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (1864,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (1865,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1881,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (1893,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (1931,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (1949,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-main' (1953,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-alt' (1957,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-main' (1962,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-alt' (1967,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-off' (1971,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-main' (1975,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-alt' (1980,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-main' (1984,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-alt' (1988,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-main' (1993,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-alt' (1998,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-off' (2003,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-main' (2007,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-alt' (2012,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-f2f-main' (2016,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-f2f-alt' (2020,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-f2f-main' (2025,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-f2f-alt' (2030,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-f2f-off' (2035,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-f2f-main' (2039,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-f2f-alt' (2044,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-main' (2048,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-alt' (2052,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-main' (2057,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-alt' (2062,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-off' (2067,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-main' (2071,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-alt' (2076,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-main' (2080,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-alt' (2084,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-main' (2089,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-alt' (2094,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-off' (2099,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-main' (2103,24): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-alt' (2113,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2118,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2119,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (2124,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (2128,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2141,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt' (2191,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt-bg' (2192,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2193,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2262,36): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2270,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2322,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2323,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2327,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2328,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2339,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2340,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2341,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2347,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt-bg-on' (2348,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2349,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2381,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2385,29): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-main' (2389,29): run-time error CSS1039: Token not allowed after unary operator: '-ea-prg-main' (2393,29): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-main' (2397,29): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-main' (2401,29): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2410,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (2424,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (2456,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2458,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2467,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2468,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2492,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2501,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2505,33): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (2515,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (2526,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (2534,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (2543,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (2548,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-muted' (2554,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (2564,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2580,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (2585,17): run-time error CSS1039: Token not allowed after unary operator: '-settings-icon-col' (2602,45): run-time error CSS1039: Token not allowed after unary operator: '-settings-icon-col' (2603,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-bg-1' (2714,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt' (2732,36): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-alt' (2733,25): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (3097,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (3098,30): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (3326,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (3635,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (3636,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (3847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4041,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (4063,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (4085,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (4484,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (4512,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (4699,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (4700,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (4705,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (4710,22): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (4712,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (4727,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (4728,17): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (4735,26): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (4736,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (4757,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (4758,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (4765,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (4875,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (4882,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (4882,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (4889,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (4889,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (5448,21): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main2' (5575,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (5576,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-bg-subtle' (5717,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (5754,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (5763,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (6076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6095,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (6413,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (6427,28): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-main' (6635,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (6641,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (6641,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (6651,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (6660,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (6677,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-striped-bg' (6689,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color' (6693,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary' (6700,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (6713,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (6947,41): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (6948,42): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (7009,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-txt-color' (7111,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (7113,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (7130,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (7147,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (7161,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (7162,32): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-off' (7398,22): run-time error CSS1039: Token not allowed after unary operator: '-alt-bg-color' (7400,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (7440,33): run-time error CSS1039: Token not allowed after unary operator: '-ea-reg-main' (7444,33): run-time error CSS1039: Token not allowed after unary operator: '-ea-web-main' (7448,33): run-time error CSS1039: Token not allowed after unary operator: '-ea-app-main' (7456,33): run-time error CSS1039: Token not allowed after unary operator: '-ea-g-main' (7487,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (7500,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' */ @import url('https://fonts.googleapis.com/css?family=Raleway:400,500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;500&display=swap'); html { height: 100%; font-size: 1em; line-height: 1.4285; } body { height: 100%; overflow-x: hidden; padding-right: 0 !important; display: flex; flex-direction: column; font-family: 'Raleway', 'Assistant', sans-serif; font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } input, button, textarea, select { font-family: inherit; /* Good practice to ensure they match the body */ font-variant-numeric: lining-nums; font-feature-settings: "lnum"; } .fillheight { flex-grow: 1; } footer { padding: 1rem; background-color: #f7fcff; } .rtl { direction: rtl; } .rtl .form-horizontal .control-label { float: right !important; } .rtl .input-group :last-child.form-control, .rtl :last-child.input-group-text { border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .rtl :last-child.input-group-text { border-right: 0; border-left: 1px solid #ccc; } .rtl .input-group :first-child.form-control, .rtl :first-child.input-group-text { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } input[type="password"] { font-family: sans-serif; } .rtl input[type=checkbox], .rtl input[type=radio] { margin-left: 4px; } .ltr input[type=checkbox], .ltr input[type=radio] { margin-right: 4px; } .checkbox input[type=checkbox], .radio input[type=radio], .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { border: none; padding: 0; position: relative; } select.form-control { vertical-align: middle; } .form-floating { min-width: 10rem; } .btn-form-height { height: 34px; } .dropdown-menu .dropdown-item { cursor: pointer; } select.form-control.input-sm { padding-top: 3px; } span.alert { display: block; } .no-margin-bottom { margin-bottom: 0; } .input-group .btn { height: 34px; border: 0; } .rtl .ajax__combobox_itemlist .InputSelect { text-align: right; } .table { margin-bottom: 0px; } @media (min-width: 767px) { .autowidth { width: auto !important; display: inline-block; } } /* * jQuery File Upload Plugin CSS 1.3.0 * https://github.com/blueimp/jQuery-File-Upload * * Copyright 2013, Sebastian Tschan * https://blueimp.net * * Licensed under the MIT license: * http://www.opensource.org/licenses/MIT */ .fileinput-button { position: relative; overflow: hidden; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; -ms-filter: 'alpha(opacity=0)'; font-size: 200px; direction: ltr; cursor: pointer; } /* Fixes for IE < 8 */ @media screen\9 { .fileinput-button input { filter: alpha(opacity=0); font-size: 100%; height: 100%; } } .ltr .horizontal-checkboxlist span { margin-right: 15px; } .rtl .horizontal-checkboxlist span { margin-left: 15px; } div.ea-control { display: block; } .form-inline div.ea-control { display: inline; } .rtl .form-inline div.ea-control { margin-left: 20px; } .ltr .form-inline div.ea-control { margin-right: 20px; } /*! * Cropper v1.0.0 * https://github.com/fengyuanchen/cropper * * Copyright (c) 2014-2015 Fengyuan Chen and contributors * Released under the MIT license * * Date: 2015-10-10T02:10:06.999Z */ .cropper-container { width: 100%; max-width: 100%; position: relative; overflow: hidden; font-size: 0; line-height: 0; -ms-touch-action: none; touch-action: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; direction: ltr !important; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .cropper-container img { display: block; width: 100%; min-width: 0 !important; max-width: none !important; height: 100%; min-height: 0 !important; max-height: none !important; image-orientation: 0 !important; } .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .cropper-drag-box { background-color: #fff; filter: alpha(opacity=0); opacity: 0; } .cropper-modal { background-color: #000; filter: alpha(opacity=50); opacity: .5; border-radius: 4px; } .cropper-view-box { display: block; width: 100%; height: 100%; overflow: hidden; outline: 1px solid #39f; outline-color: rgba(51, 153, 255, .75); } .cropper-dashed { position: absolute; display: block; filter: alpha(opacity=50); border: 0 dashed rgba(0,0,0,0.87); opacity: .5; } .cropper-dashed.dashed-h { top: 33.33333%; left: 0; width: 100%; height: 33.33333%; border-top-width: 1px; border-bottom-width: 1px; } .cropper-dashed.dashed-v { top: 0; left: 33.33333%; width: 33.33333%; height: 100%; border-right-width: 1px; border-left-width: 1px; } .cropper-center { position: absolute; top: 50%; left: 50%; display: block; width: 0; height: 0; filter: alpha(opacity=75); opacity: .75; } .cropper-center:before, .cropper-center:after { position: absolute; display: block; content: " "; background-color: rgba(0,0,0,0.87); } .cropper-center:before { top: 0; left: -3px; width: 7px; height: 1px; } .cropper-center:after { top: -3px; left: 0; width: 1px; height: 7px; } .cropper-face, .cropper-line, .cropper-point { position: absolute; display: block; width: 100%; height: 100%; filter: alpha(opacity=10); opacity: .1; } .cropper-face { top: 0; left: 0; background-color: #fff; } .cropper-line { background-color: #39f; } .cropper-line.line-e { top: 0; right: -3px; width: 5px; cursor: e-resize; } .cropper-line.line-n { top: -3px; left: 0; height: 5px; cursor: n-resize; } .cropper-line.line-w { top: 0; left: -3px; width: 5px; cursor: w-resize; } .cropper-line.line-s { bottom: -3px; left: 0; height: 5px; cursor: s-resize; } .cropper-point { width: 5px; height: 5px; background-color: #39f; filter: alpha(opacity=75); opacity: .75; } .cropper-point.point-e { top: 50%; right: -3px; margin-top: -3px; cursor: e-resize; } .cropper-point.point-n { top: -3px; left: 50%; margin-left: -3px; cursor: n-resize; } .cropper-point.point-w { top: 50%; left: -3px; margin-top: -3px; cursor: w-resize; } .cropper-point.point-s { bottom: -3px; left: 50%; margin-left: -3px; cursor: s-resize; } .cropper-point.point-ne { top: -3px; right: -3px; cursor: ne-resize; } .cropper-point.point-nw { top: -3px; left: -3px; cursor: nw-resize; } .cropper-point.point-sw { bottom: -3px; left: -3px; cursor: sw-resize; } .cropper-point.point-se { right: -3px; bottom: -3px; width: 20px; height: 20px; cursor: se-resize; filter: alpha(opacity=100); opacity: 1; } .cropper-point.point-se:before { position: absolute; right: -50%; bottom: -50%; display: block; width: 200%; height: 200%; content: " "; background-color: #39f; filter: alpha(opacity=0); opacity: 0; } @media (min-width: 768px) { .cropper-point.point-se { width: 15px; height: 15px; } } @media (min-width: 992px) { .cropper-point.point-se { width: 10px; height: 10px; } } @media (min-width: 1200px) { .cropper-point.point-se { width: 5px; height: 5px; filter: alpha(opacity=75); opacity: .75; } } .cropper-bg { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); } .cropper-invisible { filter: alpha(opacity=0); opacity: 0; } .cropper-hide { position: absolute; display: block; width: 0; height: 0; } .cropper-hidden { display: none !important; } .cropper-move { cursor: move; } .cropper-crop { cursor: crosshair; } .cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point { cursor: not-allowed; } #mailPreview { padding:1rem } :root { /* Eventact Brand Colors */ --ea-txt-color: #002447; --ea-txt-color-alt: #003161; --ea-txt-muted: #597187; --ea-warning-text: #b45309; --ea-warning-off: #fef3c7; --ea-error-text: #b91c1c; --ea-error-off: #fee2e2; --ea-success-text: #15803d; --ea-success-off: #dcfce7; --ea-g-main: #008fdb; --ea-g-main2: #88c8e3; --ea-g-alt: #008fdb; --ea-g-off: #e8f6ff; --ea-g-alt-bg: #f3faff; --ea-g-alt-bg-on: #dcf0fb; --ea-g-bg-1: #fcfcfb; --ea-surface-muted: #f7f8f9; /* Module Colors */ --ea-reg-main: #2563eb; --ea-reg-alt: #1e40af; --ea-reg-off: #bfdbfe; --ea-prg-main: #6366f1; --ea-prg-alt: #4338ca; --ea-prg-off: #c7d2fe; --ea-web-main: #db2777; --ea-web-alt: #831843; --ea-web-off: #fce7f3; --ea-app-main: #ff9800; --ea-app-alt: #d37800; --ea-app-off: #ffddb0; --ea-f2f-main: #14b8a6; --ea-f2f-alt: #0f766e; --ea-f2f-off: #99f6e4; /* forms */ --btn-bg-color: #002447; --btn-color: #008fdb; --main-bg-color: #008fdb; --main-bg-color2: #e8f6ff; --main-bg-color3: #88c8e3; --main-color: #002447; --emphasized-color: #002447; --deemphasized-color: #002447; --main-title-color: #002447; --alt-bg-color: #008fdb; --alt-color: #002447; --alt-title-color: #f3faff; /* Bootstrap 5.3 Global Overrides */ --bs-body-bg: #f0f0f0; --bs-body-color: var(--ea-txt-color); --bs-body-color-rgb: 0, 0, 0; --bs-emphasis-color: var(--ea-txt-color); --text-warning-emphasis: var(--ea-warning-text); --bs-form-invalid-color: var(--ea-error-text); --bs-form-valid-color: var(--ea-success-text); --bs-primary: var(--ea-g-main); --bs-primary-rgb: 0, 143, 219; --bs-secondary: var(--ea-g-secondary); --bs-secondary-color: var(--ea-txt-muted); --bs-secondary-color-rgb: 89, 113, 135; --bs-link-color: var(--ea-txt-color-alt); --bs-link-hover-color: var(--ea-txt-color); --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.02); --bs-border-color: #cbdce6; --bs-border-radius: 8px; --bs-border-radius-sm: 8px; --bs-btn-border-radius: 0.5rem; --bs-card-border-radius: 1rem; --bs-modal-border-radius: 1.25rem; --bs-breadcrumb-divider: "\203A"; --bs-info: #0e7490; --bs-info-rgb: 14, 116, 144; --bs-info-bg-subtle: #cffafe; --bs-info-border-subtle: #a5f3fc; --bs-info-text-emphasis: #155e75; } .nav { --bs-nav-link-color: #597187; } a { color: var(--ea-txt-color-alt); text-decoration: none; } .card { --bs-card-border-radius: 1rem; } .breadcrumb { --bs-breadcrumb-divider-color: rgba(255, 255, 255, 0.55); } .btn-primary { /* Main State: Eventact Blue Background */ --bs-btn-color: #fff; --bs-btn-bg: var(--ea-g-main); /* #008fdb */ --bs-btn-border-color: var(--ea-g-main); /* Hover State: Slightly Darker for Visual Feedback */ --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #007bbd; /* Manual shade of ea-g-main */ --bs-btn-hover-border-color: #006ea8; /* Active/Focus State */ --bs-btn-active-color: #fff; --bs-btn-active-bg: #006ea8; --bs-btn-active-border-color: #006194; --bs-btn-focus-shadow-rgb: 0, 143, 219; /* RGB of #008fdb */ /* Disabled State */ --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: var(--ea-g-main); --bs-btn-disabled-border-color: var(--ea-g-main); --bs-btn-disabled-opacity: 0.65; --bs-gradient: none; } .btn-outline-primary { /* Initial State: Eventact Blue Border and Text */ --bs-btn-color: var(--ea-g-main); /* #008fdb */ --bs-btn-border-color: var(--ea-g-main); /* Hover State: Fills with Eventact Blue and White Text */ --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--ea-g-main); --bs-btn-hover-border-color: var(--ea-g-main); /* Focus/Shadow (Eventact Blue Glow) */ --bs-btn-focus-shadow-rgb: 0, 143, 219; /* RGB of #008fdb */ /* Active State (Pressed) */ --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--ea-g-main); --bs-btn-active-border-color: var(--ea-g-main); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Disabled State */ --bs-btn-disabled-color: var(--ea-g-main); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--ea-g-main); --bs-gradient: none; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #15803d; } .btn-link { --bs-btn-color: var(--ea-g-main); /* #008fdb */ color: var(--bs-btn-color); text-decoration: none; background-color: transparent; } .btn-outline-primary + .btn-outline-primary { margin-left: 4px; } /* De-emphasized button - still active, just an action the user is unlikely to need */ .btn-fade { opacity: 0.55; transition: opacity 0.15s ease-in-out; } .btn-fade:hover, .btn-fade:focus { opacity: 1; } .alt-bg-color { background-color: var(--alt-bg-color) !important; } .table { --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.02); } .table.table-bordered td { border-left-color: #efefef !important; /* Very light gray */ border-right-color: #efefef !important; } .table { border-top-color: transparent; } .table th { border: none; border-bottom: solid 1px var(--bs-table-color); font-weight: 500; } .table .form-check { padding-left: 0; text-align: center; justify-content: center; } .table .form-check .form-check-input { float: none; margin-left: 0; } .input-group { border: 1px solid var(--bs-border-color); /* The missing frame */ border-radius: var(--bs-border-radius); overflow: hidden; /* Clips the inner square corners of inputs/buttons */ background-color: var(--bs-body-bg); } /* Remove internal borders so they don't double up with the container */ .input-group .form-control, .input-group .form-select, .input-group .btn, .input-group .input-group-text { border: none !important; box-shadow: none !important; border-radius: 0 !important; margin-left: 0 !important; /* BS5 uses -1px margin to collapse adjacent borders; reset so our divider shows */ margin-right: 0; } /* Divider between adjacent items */ .input-group > :not(:last-child) { border-right: 1px solid var(--bs-border-color) !important; } .input-group .form-floating ~ .btn { height: var(--bs-form-floating-height); } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } .h4, .h5, .h6, h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } .cl-reg { color: var(--ea-reg-main); } .cl-prg { color: var(--ea-prg-main); } .cl-app { color: var(--ea-app-main); } .cl-web { color: var(--ea-web-main); } a.btn-outline-primary { color: var(--btn-color); } b, strong { font-weight: 500; color: var(--emphasized-color); } .text-normal { font-weight: 400; font-size: 1rem; } .m1 { margin: 1rem !important; } .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt-3 { margin-top: 1rem !important; } .ml5 { margin-left: 0.5rem !important; } .ml20 { margin-left: 20px !important; } .mx-n3 { margin-right: -1rem !important; margin-left: -1rem !important; } .pb0 { padding-bottom: 0; } .pl0 { padding-left: 0; } .pl1 { padding-left: 1rem; } .pl-40px { padding-left: 40px; } .w-50 { width: 50% !important; } .w-100 { width: 100% !important; } .w-5ch { width: 5ch; } .w-10ch { width: 10ch; } .w-12ch { width: 12ch; } .w-18ch { width: 18ch; } .w-25ch { width: 25ch; } .w-40ch { width: 40ch; } .mw-50ch { max-width: 50ch; } .mw-80ch { max-width: 80ch !important; } .mw-150ch { max-width: 150ch; } .mw-120ch { max-width: 120ch; } .mw-90ch { max-width: 90ch; } .mw-60ch { max-width: 60ch; } .min-w-25ch { min-width: 25ch } .br0 { border-radius: 0 !important; } .b0 { border: 0 !important; } .b { border: 1px solid #e5e5e5; } .bb { border-bottom: 1px solid #e5e5e5 !important; } .bt { border-top: 1px solid #e5e5e5; } .d-inline-block { display: inline-block !important; } .fit { width: fit-content; } .flex-break { flex-basis: 100%; height: 0; } .text-truncate { max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .border-start-partial { position: relative; padding-left: 1.25rem; } .border-start-partial::before { content: ""; position: absolute; background-color: var(--ea-txt-muted); left: 0; top: 15%; height: 70%; width: 1px; margin-left: 0.5rem; } .form-check-input { background-color: #fff; border-color: #adb5bd; } .form-check-input:checked { background-color: var(--bs-primary); border-color: var(--bs-primary); } .form-floating > textarea.form-control { height: auto !important; /* Forces BS to respect the 'rows' attribute */ min-height: calc(3.5rem + 2px); /* Ensures it's at least as tall as a standard input */ padding-top: 1.625rem; /* Makes room for the label at the top */ padding-bottom: 0.625rem; } /* Adjust the label position specifically for textareas so it stays at the top */ .form-floating > textarea.form-control ~ label { padding-top: 0.75rem; } .text-truncate-50 { max-width: 50%; } .btn-group > *:not(:first-child) { border-left: 1px solid white; } .btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: 0; } .input-group textarea.form-control + .btn { font-size: 1.2em; min-height: calc(1.5em + .75rem + calc(var(--bs-border-width) * 2)); } .input-group-text { background-color: var(--ea-g-alt-bg); border-color: var(--ea-g-main); padding: 2px 10px; } .comma-separated > * + *:before { content: ', '; } .comma-separated > .visible-only-child:not(:only-child) { display: none; } .caption { font-weight: bold; } .warning-feedback { display: block; width: 100%; margin-top: .25rem; font-size: .875em; color: var(--text-warning-emphasis); } .helper { font-size: 0.875rem; color: #597187; } .dotted { border-bottom: 1px dotted black; } .superadmin-badge:after { content: 'sa'; width: 1rem; height: 1rem; font-size: 11px; position: relative; top: -0.5rem; left: -5px; background-color: black; color: white; padding: 0px 2px; text-align: center; border-radius: 50%; } .form-inline color-picker .input-group.colorpicker { display: table; } color-picker .input-group.colorpicker input[type=text] { height: 3rem; } /* .form-check { padding-left: 10px; } — overrode BS5's 1.5em, breaking negative-margin input positioning */ .form-check { display: flex; align-items: center; gap: 0.5em; padding-left: 0; } /* display: flex above is block-level and beats BS5's .form-check-inline (inline-block) — restore inline flow */ .form-check-inline { display: inline-flex; } .form-check .form-check-input { float: none; margin-left: 0; margin-top: 0; flex-shrink: 0; } /* validation */ .validation-summary { color: #f83032; background-color: #ffdddd; border-radius: var(--bs-border-radius); margin-bottom: 10px; } .validation-summary ul { padding-inline-start: 3ch; padding: 15px; margin-bottom: 0; } .validation-summary ul li::marker { content: "! "; font-weight: bold; color: #8b0000; } .errormessage { color: #f83032; font-weight: bolder; font-size: 1em; } .empty-hidden:empty { display: none; } .success-message { color: red; } .required, .danger { color: red; } .error { color: #d92d20; } .value-ok, .error.value-ok, li.value-ok > ul > li.error { color: #007a5e; } li.value-ok, li.error.value-ok { list-style-type: '✓ '; } .img-sm { max-width: 30px; } .img-group > img { display: inline; } .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline { margin-left: 0; } .checkbox-inline, .radio-inline { position: relative; display: inline-block; padding-right: 15px; padding-left: 15px; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; } .checkbox-inline ~ label, .radio-inline ~ label, .form-group.options > label { vertical-align: middle; } ul.list-unstyled li { list-style: none; } ul.list-unstyled li:not(:first-of-type) { padding-top: 0.5rem; } ul.list-basic { padding-left: 1rem; border: 0; } ul.spaced-items > li, ol.spaced-items > li { margin-bottom: 1rem; } /*mvc image upload -start*/ .image-upload-overlay { background: rgba(0,0,0,.75); text-align: center; position: absolute; margin-top: 110px; width: 146px; height: 36px; opacity: 0; cursor: pointer; -moz-transition: opacity .25s ease; -o-transition: opacity .25s ease; -webkit-transition: opacity .25s ease; transition: opacity .25s ease; } .image-upload-wrapper { width: 150px; height: 150px; background-size: 150px 150px; border: 2px solid lightgray; position: relative; } .image-upload-wrapper:hover .image-upload-overlay { opacity: 1; } .image-upload-wrapper .progress { bottom: -10px; position: absolute; } .image-plus { color: rgba(255,255,255,.85); } a[disabled="disabled"], a[disabled="disabled"]:hover, button.btn-link[disabled="disabled"], button.btn-link[disabled="disabled"]:hover { pointer-events: none; cursor: not-allowed; color: #ccc; opacity: 0.5; } *[disabled="disabled"] { pointer-events: none; } /*mvc image upload -end*/ @media screen and (max-width:1250px) { .breadcrumb-item.text-truncate { max-width: 150px; } .text-truncate.lg { max-width: 100%; } } .clickable { cursor: pointer; } .clickable:hover { color: rgba(0,0,255,0.5); } .text-highlighted { font-weight: 500; } .divider { border: 0; border-top: 1px dotted rgba(0,0,0,0.87); margin-top: 10px; margin-bottom: 10px; } .img-preview { max-width: 250px; } /* Jquery Tabs */ .JqueryTabs { border-bottom: hidden; border-top: hidden; padding: 0; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; } /* material tabs*/ .nav.nav-tabs { border-bottom: none; } .eaGrid td { background-color: #f1f1f1; border: solid 1px #ddd; } tags-input .tags .tag-item { background: none; padding: 8px 10px; outline: none; border-radius: 2px; font-size: 12px; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; margin: 0 5px 5px 0; height: initial; } a.no-link, a.no-link:hover, .no-link, .no-link:hover { text-decoration: none; } a.link:hover { text-decoration: underline; cursor: pointer; } .white { color: #fff !important; } .divTabSize { width: 97%; margin-left: 1.7%; } /* Wizard */ .Wizard { width: 100%; background-color: white; border: solid 1px #ddd; border-collapse: collapse; } .Wizard .prevBtn { margin-right: 1em; } #keepSessionAlive { width: 394px; height: 254px; position: fixed; top: 50%; left: 50%; margin-left: -197px; margin-top: -127px; z-index: 999998; text-align: center; } .keepSessionImage { padding-top: 32px; } .inactive { background-color: var(--ea-g-main); } .block { display: block; } .inline { display: inline; } .underline { text-decoration: underline !important; } .italic { font-style: italic; } .md-btn > * { position: relative; } .md-btn, a.md-btn { color: var(--ea-g-main); background-color: transparent; position: relative; overflow: hidden; outline: none; border: solid 1px var(--ea-g-main); border-radius: 0.25rem; transition: background-color .3s; display: inline-block; padding: 0.36rem 0.75rem; vertical-align: middle; margin: 5px 0 5px 0; font-size: 1rem; line-height: 1.3rem; text-align: center; white-space: nowrap; font-weight: 500; cursor: pointer; text-decoration: none; } .md-btn:hover { color: var(--ea-g-alt); } .md-btn[disabled="disabled"], *[disabled="disabled"] .md-btn { cursor: not-allowed; color: #ccc; border-color: #ccc; } .md-btn-main, a.md-btn-main { color: white; background-color: var(--ea-g-main) } .md-btn-main[disabled="disabled"] { background-color: var(--ea-g-off); } .md-btn-low, .md-btn-med, a.md-btn-low, a.md-btn-med { background-color: transparent; color: var(--ea-g-main); text-decoration: none; } a.md-btn-low:hover, a.md-btn-med:hover { background-color: transparent; color: var(--ea-g-main); } .md-btn-main:hover, .md-btn-main:focus, a.md-btn-main:hover, a.md-btn-main:focus { background-color: var(--ea-g-alt); color: white; } .md-btn + .md-btn, .dropdown + .md-btn, .md-btn + .dropdown, card-block.bb > .md-btn + .md-btn { margin-left: 4px; } ea-link-generate + .md-btn + .md-btn { margin-left: 0; } .md-btn i.mdi { margin: 0; } a[role=button] i { font-size: 20px; } a[role=button]:hover { text-decoration: none; } .card { position: relative; display: block; background-color: white; border: 0; border-radius: var(--bs-card-border-radius); margin-bottom: 16px; } .card.card-pop { position: absolute; z-index: 9; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); } .card.card-muted { background-color: var(--ea-surface-muted); border-color: var(--bs-border-color); box-shadow: none; } .card-top { position: sticky; top: 60px; margin: 0 -15px 16px -15px; z-index: 8; background-color: white; box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084); border-radius: 0; } .card-top .card-title { background-color: white; border: 0; } .card-top .card-title:last-child { margin-bottom: 16px; } .card-top .card-title + .card-title { padding-top: 0; } .card-top .card-title + .card-block { border-top: solid 1px var(--ea-g-off); } .card-top .help-block { background-color: white; border: 1px solid var(--ea-g-off); border-radius: var(--bs-border-radius); margin: 0 1rem 1rem 1rem; padding: 1rem; } .card-top .help-block.collapse.in { display: inline-block; } .card-top-filler { margin-top: 16px; } .card-img-top { border-top-right-radius: calc(.25rem - 1px); border-top-left-radius: calc(.25rem - 1px); } .card .card { background-color: #fbfbfc; border-radius: var(--bs-border-radius); } .card .card .card-title { background-color: #fbfbfc; border-bottom: 1px solid #f0f0f0; } .card-title.sticky-top { z-index: 1020; box-shadow: 0 0 8px 8px rgba(255,255,255,0.7); } .sticky { position: sticky; top: 60px; background-color: white; z-index: 7; } .sticky2 { position: sticky; top: 116px; z-index: 6; } .card-block { padding: 1rem; position: relative; } .card-block h2, .card-block h3, .card-block h4 { margin: 0.5rem 0; } .card-block h4 { font-size: 1rem; color: var(--ea-txt-muted); margin: 0 0 12px; letter-spacing: 0.08em; } .card-block-title { border-bottom: 1px solid #e5e5e5 !important; background-color: #eeeeee; padding: 1.25rem; } .card-block-title-alt { background-color: #f2f2f2; } .card-tip { position: absolute; top: -0.1rem; opacity: 0.5; } .card-title { color: var(--ea-txt-color); font-size: 1.1rem; font-weight: 500; word-wrap: break-word; background-color: white; border-bottom: 1px solid var(--ea-g-off); z-index: 2; padding: 1rem; border-top-left-radius: var(--bs-card-border-radius); border-top-right-radius: var(--bs-card-border-radius); margin-bottom: 0; } .card > .card-title:last-child { border-bottom-left-radius: var(--bs-card-border-radius); border-bottom-right-radius: var(--bs-card-border-radius); } .card:not(.slide-open) > .card-title.card-block-toggle { border-bottom-left-radius: var(--bs-card-border-radius); border-bottom-right-radius: var(--bs-card-border-radius); } .card-title.sticky, .cards-sticky .card-title { position: sticky; top: 60px; background-color: #f8f8f8; z-index: 7; } .cards-sticky2 .card-title { position: sticky; top: 116px; z-index: 6; } .card-title.playdown { background-color: #dfdfdf; } .card-title.light { background-color: white; } .card-title .btn { margin: 0; padding: 3px 10px; font-size: 12px; width: auto; height: 25px; margin-top: 0; } .card-title .input-group .btn { height: 25px; margin-top: 0; } .card-title h2 { margin-top: 0; } .card-title .input-group { display: inline-flex; vertical-align: bottom; align-items: end; width: auto; } .card-title label { margin-bottom: 0; color: var(--ea-txt-color-alt); } .card-title .form-group { display: inline-flex; flex-direction: row; align-items: center; padding: 0 0 0 10px; width: 100%; background-color: transparent; font-size: 1rem; margin-bottom: 0; } .card-title .input-group { height: 25px; } .card-title select.form-select { font-size: 14px; height: 25px; padding: 0 2rem 0 1ch; width: fit-content; display: inline; } .card-title .input-group > .form-control:first-child, .card-title .input-group > .form-select:first-child { border-top-left-radius: var(--bs-border-radius); border-bottom-left-radius: var(--bs-border-radius); } .card-title .form-control { display: inline-flex; flex-direction: row; vertical-align: top; padding: 0 10px; font-size: 14px; height: 25px; line-height: 1.2; width: fit-content; background-color: transparent; } .card-title .btn.btn-icon, .card-title a.btn.btn-icon { font-size: 18px; padding: 0; border: 0; color: var(--btn-color); margin-top: -3px; } .card-title .dropdown { margin: 0; display: inline-block; width: fit-content; } .card-title .mdi-dots-vertical::before { font-size: 18px; } /* to check in ui */ .card-block .btn { margin-bottom: 5px; } .card-block .input-group .btn { margin-bottom: 0; height: auto; } .search-wrapper { position: relative; margin-left: 5px; display: inline-flex; align-items: center; width: 100%; max-width: 20ch; vertical-align: bottom; } .search-wrapper .search-icon { position: absolute; left: 5px; color: #0091da; font-size: 16px; pointer-events: none; /* Crucial: clicks "pass through" to the input */ } .search-wrapper .form-control.search-input { width: 100%; padding: 10px 12px 10px 24px; /* 38px padding on the left to clear the icon */ } .search-input:focus { } .card-title-split { height: 68px; border-bottom: 1px solid #e5e5e5 !important } .card-title-side { height: 68px; width: 68px; float: left; vertical-align: middle; padding: 15px 16px; background-color: #008FDB; color: white; border-top-left-radius: 4px; } .card-title-side i.mdi { font-size: 36px; } .card-title-text { padding: 16px 12px; color: var(--ea-txt-color); font-size: 1.4rem; font-weight: 500; white-space: nowrap; overflow: hidden; border: 4px solid rgba(0,0,0,0); } .card-title-secondary { word-break: keep-all; white-space: nowrap; font-size: 0.8em; } .card-subtitle { font-size: 1rem; display: block; opacity: 0.8; word-wrap: break-word; } .card-subtitle + .card-subtitle { margin-bottom: -0.50rem; } .card-block:before, .card-block:after { display: table; content: ""; clear: both; } .card-block .form-check { margin-left: 1rem; } .card-block p + .form-group { margin-top: 1rem; } .card-block .help-block + .form-group { margin-top: 0; } .card-block h4 + .form-group { margin-top: 0; } .tab-content .tab-pane:first-of-type > .card:first-of-type > .card-title { border-top-left-radius: 0; } a.blog-cue { color: #3C4D64; margin-top: 0.5rem; margin-bottom: 1rem; } a.blog-cue::after { content: "\F05DA"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; color: var(--ea-txt-color-alt); text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; margin-left: 0.5rem; } .help-cue, a.help-cue { color: #3C4D64; display: block; margin-top: 0.5rem; margin-bottom: 1rem; cursor: pointer; } i.help-cue, dt.help-cue { cursor: pointer; font-weight: normal; } .card-block > .help-cue:first-child, .card-block > dl > dt:first-child.help-cue { margin-top: 0; } .help-block { color: var(--ea-txt-color); background-color: var(--ea-g-off); border-radius: var(--bs-border-radius); padding: 0.5rem; margin-bottom: 1rem; } .help-block.collapse { } .help-block dl dt:not(:first-child) { margin-top: 1rem; } .help-block h4, .help-block h5, .help-block h6 { font-weight: 700; color: var(--ea-txt-color); margin-top: 1rem; margin-bottom: 0.5rem; } /* Target the intro paragraph or specific labels */ .help-block p { margin-bottom: 1rem; } /* Optional: Style keywords globally in help blocks */ .help-block strong { color: var(--ea-g-main); } .help-popover { z-index: 9999; height: fit-content; max-width: 90%; } .help-card { color: #737373; margin-top: 5px; } .help-card .help-title { color: #648164; margin-bottom: 0.5rem; } .help-card a { color: #43A243 } .help-card a.btn-link.collapsed:before { content: 'Learn more...'; display: block; } .help-card a.btn-link:not(.collapsed):before { content: 'Less...'; display: block; } .help-card img { display: block; max-width: 95%; border: 1px solid lightgray; border-radius: var(--bs-border-radius); } .top-header { background-color: white; margin-top: -15px; box-shadow: 0 3px 1px -2px rgba(0,0,0,.14), 0 2px 2px 0 rgba(0,0,0,.098), 0 1px 5px 0 rgba(0,0,0,.084); position: relative; z-index: 10; } .border1 { border: 1px solid rgba(0, 0, 0, 0.175); } /* ===== prg (Program / Agenda) ===== */ .color-prg-main { color: var(--ea-prg-main) !important; } .color-prg-alt { color: var(--ea-prg-alt) !important; } .bg-prg { background-color: var(--ea-prg-main) !important; color: white !important; } .bg-prg-dark { background-color: var(--ea-prg-alt) !important; color: white !important; } .bg-prg-light { background-color: var(--ea-prg-off) !important; } .border-prg-main { border-color: var(--ea-prg-main) !important; } .border-prg-alt { border-color: var(--ea-prg-alt) !important; } /* ===== reg (Registration) ===== */ .color-reg-main { color: var(--ea-reg-main) !important; } .color-reg-alt { color: var(--ea-reg-alt) !important; } .bg-reg { background-color: var(--ea-reg-main) !important; color: white !important; } .bg-reg-dark { background-color: var(--ea-reg-alt) !important; color: white !important; } .bg-reg-light { background-color: var(--ea-reg-off) !important; color: white !important; } .border-reg-main { border-color: var(--ea-reg-main) !important; } .border-reg-alt { border-color: var(--ea-reg-alt) !important; } /* ===== f2f (Face to Face) ===== */ .color-f2f-main { color: var(--ea-f2f-main) !important; } .color-f2f-alt { color: var(--ea-f2f-alt) !important; } .bg-f2f { background-color: var(--ea-f2f-main) !important; color: white !important; } .bg-f2f-dark { background-color: var(--ea-f2f-alt) !important; color: white !important; } .bg-f2f-light { background-color: var(--ea-f2f-off) !important; color: white !important; } .border-f2f-main { border-color: var(--ea-f2f-main) !important; } .border-f2f-alt { border-color: var(--ea-f2f-alt) !important; } /* ===== web (Website) ===== */ .color-web-main { color: var(--ea-web-main) !important; } .color-web-alt { color: var(--ea-web-alt) !important; } .bg-web { background-color: var(--ea-web-main) !important; color: white !important; } .bg-web-dark { background-color: var(--ea-web-alt) !important; color: white !important; } .bg-web-light { background-color: var(--ea-web-off) !important; color: white !important; } .border-web-main { border-color: var(--ea-web-main) !important; } .border-web-alt { border-color: var(--ea-web-alt) !important; } /* ===== app (Event App) ===== */ .color-app-main { color: var(--ea-app-main) !important; } .color-app-alt { color: var(--ea-app-alt) !important; } .bg-app { background-color: var(--ea-app-main) !important; color: white !important; } .bg-app-dark { background-color: var(--ea-app-alt) !important; color: white !important; } .bg-app-light { background-color: var(--ea-app-off) !important; color: white !important; } .border-app-main { border-color: var(--ea-app-main) !important; } .border-app-alt { border-color: var(--ea-app-alt) !important; } .bg-cmp { background-color: rgb(88, 88, 88); color: rgb(255, 255, 255); } .bg-dark { background-color: var(--ea-g-main) !important; color: #fff !important; } .bg-light { background-color: var(--ea-g-off) !important; color: var(--ea-txt-color) !important; } .bg-understate { background-color: white !important; color: var(--ea-txt-muted) !important; } .bg-gray { background-color: var(--ea-g-main) !important; color: #fff !important; } .bg-white { background-color: white; } .bg-gray-light { background-color: #e4e4e4; } .bg-gray-dark { background-color: var(--ea-g-alt) !important; color: white; } .bg-gray-100 { background-color: #e8e8e8; color: black; } .bg-tile-800 { background-color: #00695C; color: white; } .event-item { padding-top: 0; padding-bottom: 0; } .event-item:hover { background-color: #dff3ff; } .event-item .right-content { padding-top: 10px; padding-bottom: 5px; } .event-item .fa:hover { font-size: 2.1em; display: block; } .form-group-block .form-control, .form-group-block .btn { width: 100%; border-radius: 3px; } .form-group-block .input-group .btn { width: auto; } .form-group-block .input-group > .form-control { flex: 1 1 auto; width: 1%; min-width: 0; } .form-slideup, .slide-in { position: relative; background-color: var(--ea-g-alt-bg); border: 1px solid var(--ea-g-main); border-radius: var(--bs-border-radius); margin-bottom: 2em; box-shadow: 0 2px 5px rgba(0, 36, 71, 0.06), 0 2px 5px rgba(0, 36, 71, 0.12); } .form-slideup .title, .slide-in .title { padding-left: 1rem; border-bottom: solid 2px #eeeeee; font-size: 1.1rem; } .card.form-slideup { padding: 1rem; } .list-group-flush { margin-bottom: 0; } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; padding: 0; } .list-group-flush .list-group-item:first-child { border-top: 0; } .list-group-flush .list-group-item:last-child { border-bottom: 0; } .card-block > .list-group .list-group-item { border: 0; padding-left: 0; background: unset; color: unset; } .card-block > .list-group .list-group-item.active > a { color: white !important; } .card-link, a.card-link :hover { text-align: center; text-decoration: none !important; } .link-card { position: relative; display: flex; align-items: center; width: 100%; min-height: 106px; border-radius: 12px; margin-bottom: 16px; word-break: break-word; background-color: #F8FAFC; border: 1px solid transparent; transition: background-color 200ms ease-in-out; } .link-card:has(a), a .link-card { cursor: pointer; } .link-card:has(a):hover, a .link-card:hover { background-color: var(--ea-g-off); } .link-card .card-side { width: 33.33333333%; font-size: 12px; text-align: center; color: var(--ea-g-main); } .card-side i { font-size: 24px; } .card-side a, .icon-desc { text-decoration: none !important; text-align: center; } .card-side .icon-desc { font-size: 18px; display: block; } .card-info { text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; padding: 4px; border: 4px solid rgba(0,0,0,0); font-size: 28px; color: #64748B; } .card-info h2, .card-info h3, .card-info h4, .card-info h5, .card-info .h2, .card-info .h3, .card-info .h4, .card-info .h5 { font-weight: 500; color: #0F172A; margin-top: 2px; margin-bottom: 5px; } .card-info-left { text-align: left; } .card-info-left * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .card-info-left h2, .card-info-left h3, .card-info-left h4, .card-info-left h5, .card-info-left .h2, .card-info-left .h3, .card-info-left .h4, .card-info-left .h5 { font-weight: normal; } .link-card-add { border: 2px dashed var(--bs-border-color); color: var(--ea-g-main); } .link-card-add:hover { background-color: var(--ea-g-off); border-color: var(--ea-g-main); border-style: solid; } .ea-chip { display: inline-flex; align-items: center; gap: 0.375rem; padding: 0.25rem 0.75rem; font-size: 0.8125rem; font-weight: 500; color: var(--ea-g-main); background-color: var(--ea-g-off); /* #dcf0fb — tinted, darker than the card */ border: 1px solid var(--bs-border-color); border-radius: 50rem; text-decoration: none; } .ea-chip:hover { background-color: var(--ea-g-alt-bg-on); border-color: var(--ea-g-main); color: var(--ea-g-main); } /* ── Feature cards: reusable module/feature tile (stat or gallery-description variant) ── */ .ea-feature-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; margin-bottom: 16px; } .ea-feature-card { container-type: inline-size; position: relative; display: flex; flex-direction: column; justify-content: flex-start; gap: 4px; min-height: 106px; padding: 14px 16px; border-radius: 12px; background-color: #F8FAFC; border: 1px solid transparent; border-left: 4px solid transparent; color: inherit; text-decoration: none !important; transition: background-color 200ms ease-in-out; border-radius: 0; } .ea-feature-card:hover { background-color: var(--ea-g-off); } .ea-feature-card-reg { border-left-color: var(--ea-reg-main); } .ea-feature-card-prg { border-left-color: var(--ea-prg-main); } .ea-feature-card-web { border-left-color: var(--ea-web-main); } .ea-feature-card-app { border-left-color: var(--ea-app-main); } .ea-feature-card-neutral { border-left-color: var(--ea-g-main); } .ea-feature-card__header { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 500; color: var(--ea-txt-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ea-feature-card__header .mdi:first-child { font-size: 18px; flex-shrink: 0; } .ea-feature-card__header .mdi-chevron-right { margin-left: auto; font-size: 16px; color: var(--ea-txt-muted); flex-shrink: 0; } .ea-feature-card__value { font-size: 28px; font-weight: 500; color: #0F172A; line-height: 1.15; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ea-feature-card__unit { font-size: 13px; font-weight: 400; color: #64748B; } .ea-feature-card__desc { font-size: 12px; color: #64748B; line-height: 1.4; } .ea-feature-add-pill { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 20px; border: 2px dashed var(--bs-border-color); background-color: transparent; color: var(--ea-g-main); font-size: 13px; cursor: pointer; text-decoration: none !important; transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out; } .ea-feature-add-pill:hover, .ea-feature-add-pill[aria-expanded="true"] { background-color: var(--ea-g-off); border-color: var(--ea-g-main); border-style: solid; } @media (max-width: 575.98px) { .ea-feature-grid { grid-template-columns: repeat(2, 1fr); } } .table-cell { display: table-cell; } /* ── Settings Item ── value-forward labeled-row for settings/detail pages ── */ .settings-list { } .settings-item { display: flex; align-items: center; gap: 12px; padding: 10px 8px; cursor: pointer; border-radius: var(--bs-border-radius); transition: background-color 120ms ease; } .settings-item:last-child { border-bottom: none; } .settings-item:hover { background-color: var(--ea-g-off); } .settings-item:focus-visible { outline: 2px solid var(--ea-g-main); outline-offset: -2px; border-radius: 4px; } .settings-item__icon { font-size: 18px; width: 20px; flex-shrink: 0; text-align: center; color: var(--ea-txt-muted); } .settings-item__body { flex: 1; min-width: 0; } .settings-item__label { display: block; font-size: 14px; color: var(--ea-txt-muted); letter-spacing: 0.5px; line-height: 1.3; } .settings-item__value { display: block; font-size: 14px; color: var(--ea-txt-color); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.4; margin-top: 1px; } .settings-item__value--empty { color: var(--ea-txt-muted); } .settings-item__chevron { font-size: 18px; color: var(--ea-txt-muted); flex-shrink: 0; transition: color 120ms ease; } .settings-item:hover .settings-item__chevron { color: var(--ea-txt-color); } [dir="rtl"] .settings-item__chevron { transform: scaleX(-1); } /* --settings-icon-col: width reserved for the toggle's leading icon - change it here only, .settings-block's left padding below stays aligned automatically */ .settings-toggle, .settings-block { --settings-icon-col: 20px; } .settings-toggle { display: flex; align-items: center; gap: 6px; background: none; padding: 10px 12px; font-weight: 500; cursor: pointer; width: 100%; transition: background-color 120ms ease; } .settings-toggle:hover { background-color: var(--ea-g-off); } .settings-toggle__icon { display: inline-block; width: var(--settings-icon-col); text-align: center; flex-shrink: 0; } .settings-toggle__chevron { font-size: 16px; margin-inline-start: auto; transition: transform 200ms ease; } .settings-toggle[aria-expanded="true"] .settings-toggle__chevron { transform: rotate(180deg); } .settings-block { /* left padding = .settings-toggle's own left padding (12px) + icon column + the icon-to-label gap (8px, matches gap-2) */ padding: 0.5rem 1rem 0 calc(12px + var(--settings-icon-col) + 8px); background-color: var(--ea-g-bg-1); font-size: 0.875rem; } .row.same-height { display: flex; flex-direction: row; flex-wrap: wrap; } .row.same-height > div { display: flex; flex-grow: 1; flex-shrink: 1; } .row.same-height > div > div { width: 100%; } .navbar-btn-left { float: left; margin-left: 15px; } .navbar .navbar-header { display: flex; align-items: center; } .navbar .navbar-brand { font-size: 1rem; padding: 15px; line-height: 20px; } #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper #header-wrapper { z-index: 1048; position: fixed; left: 0; top: 0; width: 100%; height: 60px; padding-left: 200px; box-shadow: 0 2px 5px rgba(0,0,0,.26); } #wrapper.toggled #header-wrapper { position: fixed; left: 30px; top: 0; width: 99%; height: 60px; padding: 0 15px; border-bottom-left-radius: 5px; } #wrapper #header-wrapper .menu-toggle { display: inline; background-color: #002447; border-left: 1px solid #fff; color: #fff; position: absolute; padding-top: 18px; height: 60px; } #wrapper.toggled #header-wrapper .menu-toggle { display: none; } #wrapper #header-wrapper #header-brand { margin-top: 10px; } #wrapper.toggled #page-content { padding-left: 60px; position: absolute; margin-right: -200px; } #wrapper.toggled.menu-toggle { padding: 20px; padding-top: 27px; background-color: #002447; padding-bottom: 17px; border-left: 2px solid white; } .left-sub-nav { padding: 0; z-index: 7; border-radius: 0 0 4px 0; } .left-sub-nav .list-group { margin: 0; padding: 0; width: 100%; border-left: 1px solid transparent; } .left-sub-nav .list-group-item { background-color: var(--ea-g-alt); color: white; border: 0; } .left-sub-nav .list-group-item:last-of-type { border-bottom-left-radius: 0; } .left-sub-nav .list-group-item:first-of-type { border-top-left-radius: 0; } .left-sub-nav .list-group-item a { color: white; } .left-sub-nav .list-group-item.active, .left-sub-nav .list-group-item.active:focus, .left-sub-nav .list-group-item.active:hover .left-sub-nav .list-group-item.active a { background-color: var(--ea-g-alt); color: var(--ea-g-off); } .left-sub-nav .list-group-item.active a:after { content: ' >'; } .left-sub-nav .list-group-item.header-item { background-color: #f8f8f8; color: #777; height: 58px; font-size: 1.1rem; font-weight: 500; padding: 1rem; } .right-sub-nav .card:first-of-type { border-radius: 0 0 4px 4px; } #action-links { position: absolute; display: inline-block; right: 0; top: 16px; z-index: 1000; float: right; } #action-links .ea-dropdown { padding-top: 16px; } @media screen and (max-width:768px) { #wrapper:not(.toggled) #action-links { display: none; } } @media only screen and (min-width: 1250px) { #wrapper.toggled #page-content { padding-left: 60px; margin-right: 0; } } #wrapper.toggled #sidebar-wrapper { left: 0; } #wrapper #page-content { margin-top: 60px; padding-left: 0; width: 100%; padding-bottom: 150px; } #wrapper.toggled #sidebar-wrapper .large-item, #wrapper #sidebar-wrapper .large-item { display: none; padding-left: 0; } #wrapper #sidebar-wrapper .drop-item { position: fixed; top: inherit; margin-top: -50px; left: 250px; } @media(min-width:768px) { .box-md { min-width: 500px; } .event-item .right-content { border-left: 1px solid lightgray; } #wrapper #page-content { padding-left: 200px; } #wrapper #sidebar-wrapper { width: 250px; } #wrapper.toggled .sidebar-nav li { text-indent: 0; line-height: 0; } #wrapper.toggled #sidebar-wrapper .large-item { visibility: visible; padding-left: 170px; } #wrapper.toggled #sidebar-wrapper .large-item i { font-size: 1.5em; } #wrapper.toggled #sidebar-wrapper .small-item, #wrapper #sidebar-wrapper .large-item, #wrapper.toggled #sidebar-wrapper .top-item { display: none; } #wrapper.toggled #sidebar-wrapper .large-item, #wrapper #sidebar-wrapper .small-item { display: inline-block; } #wrapper.toggled #sidebar-wrapper, #wrapper.toggled #sidebar-wrapper .drop-item { left: 80px; } #wrapper.toggled #sidebar-wrapper .sidebar-nav a:hover > .large-item span { position: fixed; opacity: 1; } #wrapper.toggled #sidebar-wrapper .sidebar-nav a .large-item span { font-size: 18px; width: 150px; margin-left: 58px; padding: 20px 0 24px 50px; margin-top: -35px; background-color: white; opacity: 0; white-space: nowrap; border: 1px solid lightgray; border-left: none; } #wrapper.toggled #sidebar-wrapper .sidebar-nav a { padding: 10px 20px; } #wrapper.toggled #sidebar-wrapper .sidebar-nav li:hover > .drop-item li a { padding: 3px 20px; } #page-content { position: absolute; } .main-menu { left: 0; } #page-content.active { padding-left: 250px !important; } } @media (min-width:768px) { .md-m0 { margin: 0 !important; } .md-mt0 { margin-top: 0 !important; } } .ea-breadcrumb { margin: 0 0 0 1rem; display: inline-block; padding: 16px 20px; background-color: transparent; } .ea-breadcrumb .breadcrumb-item { font-size: 1.2em; font-weight: 100; max-width: 18ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ea-breadcrumb .breadcrumb-item.dropdown { overflow: initial; } .ea-breadcrumb .breadcrumb-item > a { color: white; text-decoration: none; } .ea-breadcrumb .breadcrumb-item > a:hover { text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #ddd; } .ea-breadcrumb .breadcrumb-item > .link-inactive { color: rgba(255, 255, 255, 0.6); } .ea-breadcrumb .breadcrumb-item + .breadcrumb-item::before { } .modal-dialog { margin: 15% auto !important; } .projcard { padding-top: 0.5rem; padding-bottom: 1px; padding-right: 14px; background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ); background-size: auto 100%; background-repeat: no-repeat; background-position-x: right; border-top-right-radius: 0; } .projcard .rightside { padding-right: 0; } .projcard .img { max-height: 6em; } .projcard h2 { max-width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .no-wrap { white-space: nowrap; } .no-border { border-width: 0 !important; } /* multi level dropdown*/ .dropdown-submenu { position: relative; } .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu .dropdown-menu-left { left: auto; right: 100%; margin-left: 0; margin-right: -1px; } .dropdown-submenu:hover > .dropdown-menu { display: block; } .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover > a:after { border-left-color: #fff; } /* end multi level dropdown*/ /* custom checkbox/radio*/ .slider { position: relative; width: 60px; vertical-align: middle; height: 10px; cursor: pointer; } .slider > input[type='checkbox'] { display: none; } .slider > input[type='checkbox']:checked ~ .toggle { left: 28px; transition: .5s; } .slider > input[type='checkbox']:checked ~ .switch { background: #6DBEB7; transition: .5s; } .slider .switch { display: block; width: 30px; height: 15px; background: #939393; border-radius: 20px; position: absolute; top: 0; left: 13px; transition: .5s; } .slider .toggle { height: 24px; width: 24px; border-radius: 50%; background: white; position: absolute; top: -5px; left: 5px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); transition: .5s; } .checkbox label, .radio label { padding-left: 0.8rem; } .ea-checkbox-label, .ea-radio { cursor: pointer; font-weight: initial; } .ea-checkbox-label:focus-within { text-decoration: underline; text-decoration-color: #4285f4; } .ea-radio input[type=radio] { background-color: #000; } .ea-checkbox-label input[type=checkbox], .ea-radio input[type=radio] { z-index: 1; width: 20px; height: 20px; cursor: pointer; } .ea-checkbox-label input[type=checkbox]:checked:before, .ea-radio input[type=radio]:checked:before { background-color: inherit; border-width: 1px; border-color: var(--ea-g-main); background: var(--ea-g-main); color: #fff; border: none; animation: ripple 0.2s linear forwards; } .ea-checkbox-label input[type=checkbox]:checked:after { position: absolute; color: #fff; top: 2px; left: 6px; display: table; width: 6px; height: 12px; border: 2px solid; border-top: 0; border-left: 0; content: ' '; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } .ea-radio input[type=radio]:checked:after { content: ' '; position: absolute; top: 3px; left: 3px; display: table; width: 12px; height: 12px; background: inherit; border-radius: 50%; border: 2px solid #fff; } .ea-checkbox-label > input[type=checkbox], .ea-radio > input[type=radio] { position: relative; display: inline-block; width: 0; height: 18px; margin-top: -3px; margin-left: -2px; line-height: 1; vertical-align: middle; margin-right: 20px; } @supports(-moz-appearance:none) { .ea-checkbox-label > input[type=checkbox], .ea-radio > input[type=radio] { width: revert; margin-right: revert; } } .ea-checkbox-label > input[type=checkbox]:disabled, .ea-radio > input[type=radio]:disabled { cursor: not-allowed; } .ea-checkbox-label > input[type=checkbox]:before { content: ""; position: absolute; width: 18px; height: 100%; border: 2px solid rgba(0,0,0,.54); border-radius: 2px; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .ea-radio > input[type=radio]:before { content: ""; position: absolute; width: 18px; height: 100%; border: 2px solid rgba(0,0,0,.54); border-radius: 50%; -moz-transition: all .2s; -o-transition: all .2s; -webkit-transition: all .2s; transition: all .2s; } .ea-checkbox-label > input[type=checkbox]:disabled::before, .ea-radio > input[type=radio]:disabled::before { border: 2px solid lightgray; border-color: rgba(88, 88, 88, 0.26); background: rgba(88, 88, 88, 0.26); } .form-inline .ea-checkbox-label input[type=checkbox] { margin-left: 0 } .checkbox label.pl0, .radio label.pl0 { padding-left: 0; } @supports (-ms-ime-align:auto) { .ea-checkbox-label input[type=checkbox], .ea-radio input[type=radio] { z-index: 1; width: 20px; height: 20px; cursor: pointer; } .ea-checkbox-label input[type=checkbox]:disabled, .ea-radio input[type=radio]:disabled { cursor: not-allowed; } .ea-radio input[type=radio] { border-radius: 50%; } } /* IE10 + IE11 */ @media all and (-ms-high-contrast:none) { /* IE10 */ .ea-checkbox-label > input[type=checkbox], .ea-radio > input[type=radio] { width: auto; } /* IE11 */ *::-ms-backdrop, .ea-checkbox-label > input[type=checkbox], .ea-radio > input[type=radio] { width: auto; } } /* end custom checkbox*/ .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } /**** main menu sidenav ****/ .main-menu { position: fixed; top: 0; bottom: 0; left: 0; width: 60px; z-index: 1000; background-color: #002447; } .main-menu.menu-lg { position: absolute; bottom: auto; } .main-menu:hover, nav.main-menu.expanded, .main-menu .active { overflow: visible; } .main-menu li.menu-item { position: relative; display: block; border: 0; color: #f4f4f4; font-size: 1.2rem; width: 60px; height: 2rem; padding-top: 4px; } .main-menu li.menu-item > a { position: relative; display: table; border-collapse: collapse; border-spacing: 0; color: white; text-decoration: none; } .main-menu li.menu-item:hover { width: 200px; background-color: #002447; border-radius: 0 5px 5px 0; } .main-menu li.menu-item:hover a { color: #f2f2f2; text-decoration: underline; text-underline-offset: 5px; text-decoration-color: #eee; } .main-menu .nav-icon { position: relative; display: table-cell; width: 60px; height: 36px; text-align: center; vertical-align: middle; } .main-menu .nav-text { position: relative; display: none; vertical-align: middle; width: 170px; } .main-menu .help-text { display: block; position: absolute; width: 0; left: 0; opacity: 1; bottom: -2px; } nav.main-menu li.active a { color: var(--ea-g-off); } nav.main-menu.expanded { width: 200px; left: 0; z-index: 1049; } nav.main-menu.expanded li { width: 200px; } nav.main-menu.expanded li span { display: inline; } nav.main-menu.expanded li span:hover { width: fit-content; overflow: visible; } nav.main-menu:not(.expanded) li { height: 48px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } nav.main-menu:not(.expanded) li .mdi { font-size: 36px; } .main-menu.expanded li .help-text { opacity: 0; display: none; } .logoff { right: 20px; position: absolute; top: 45px; } .main-menu .mdi { position: relative; display: inline; padding: 5px 8px 5px 10px; vertical-align: middle; } .toggle-btn .mdi { display: inline-block; width: 60px; height: 50px; padding: 5px; text-align: left; top: 8px; color: white; text-decoration: none !important; } .toggle-btn:hover { text-decoration: none !important; } #wrapper .toggle-btn { display: none; } #wrapper.toggled .toggle-btn { display: block; } .main-menu:hover .active { overflow: hidden; } .main-menu > ul { margin: 18px 0; } .no-touch .scrollable.hover { overflow-y: auto; overflow: visible; } nav ul, nav li { outline: 0; margin: 0; padding: 0; } .main-menu li span { display: none; white-space: nowrap; } .main-menu li:hover span { /*filter: alpha(opacity=100);*/ display: table-cell; } .main-menu li:hover .help-text { opacity: 0; } .ea-logo { height: 50px; display: block; padding-top: 19px; padding-left: 6px; } .ea-version { font-size: 12px; display: inline; color: white; } #wrapper .main-menu .ea-logo img { max-width: 100px; display: inline-block; } #wrapper.toggled .main-menu .ea-logo { display: none !important; } .sub-menu { position: fixed; background-color: #002447; left: -230px; top: 50px; margin: 0; width: 230px; height: 100%; display: block; z-index: 1; text-align: left; } .sub-menu.active { background-color: #002447; left: 52px; margin: 10px; margin-top: 5px; padding-top: 15px; width: 230px; height: 100%; display: block; z-index: 1; text-align: left; } .sub-menu a, .sub-menu a :hover { color: #f4f4f4; } .sub-menu ul { top: 25px; position: relative; } .sub-menu li { padding: 4px 0 4px 10px; list-style: none; text-decoration: none; background-color: #002447; border-bottom: 2px solid; -moz-transition: all .2s linear; -o-transition: all .2s linear; -webkit-transition: all .2s linear; color: #f4f4f4; transition: all .2s linear; } .sub-menu li a { font-size: 1.2em; text-decoration: none; color: #f4f4f4; } .sub-menu li:hover { -moz-transform: translate(30px, 00px); -ms-transform: translate(30px, 00px); -o-transform: translate(30px, 00px); -webkit-transform: translate(30px, 00px); transform: translate(30px, 00px); border-radius: 0 9px 9px 0; } #wrapper #page-content.active { padding-left: 300px; } #wrapper.toggled .truncate { max-width: 100%; } @media (max-width: 1250px) { .main-menu, .main-menu.expanded { left: 0; } .main-menu.expanded { left: 0; } #wrapper #page-content.active { padding-left: 180px; } .sub-menu.active { left: 60px; position: absolute; margin: 0; margin-top: 5px; padding-top: 15px; width: 180px; height: 100%; display: block; z-index: 1000; text-align: left; -ms-word-break: break-word; word-break: break-word; } } @media (min-width: 767px) and (max-width: 1024px) { #wrapper .truncate { max-width: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: -5px; } #wrapper.toggled .truncate { max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: -5px; } } .spinner { position: fixed; z-index: 1000; left: 45%; top: 50%; display: block; } .past1 { background-color: #D7CCC8; } .now { background-color: #4af792; } .next1 { background-color: #00E676; } .next2 { background-color: #69F0AE; } .past1.text { background-color: transparent; color: #D7CCC8; } .now.text { background-color: transparent; color: #4af792; } .next1.text { background-color: transparent; color: #00E676; } .next2.text { background-color: transparent; color: #69F0AE; } .fa-btn { font-size: 18px; } .margin-bottom { margin-bottom: 10px; } .margin-left { margin-left: 15px; } .colorpicker .colorpicker-input { display: inline-block; cursor: pointer; height: 32px; width: 32px; border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); padding: 0; } /* themes */ .setting-color { margin: 5px 0; } .setting-color > label { display: block; position: relative; margin: 0 10px; border-radius: 3px; overflow: hidden; border: 1px solid rgba(0,0,0,.1); cursor: pointer; } .setting-color > label > input[type=radio] { position: absolute; opacity: 0; visibility: hidden; } .setting-color > label > input[type=radio]:checked + .icon-check { opacity: 1 !important; } .setting-color > label > .icon-check { position: absolute; left: 50%; top: 45%; margin-top: -20px; margin-left: -10px; color: #fff; opacity: 0; } .setting-color > label > .split { display: block; height: 37.5px; } .setting-color > label > .split > .color { display: block; height: 37.5px; } .setting-color > label > .color { display: block; height: 18px; } .setting-color > label > .split > .color:first-child { float: left; width: 70%; } .setting-color > label > .split > .color:last-child { float: right; width: 30%; } /*****strength meter ****/ .strength-meter { width: 375px; position: relative; height: 3px; background: #DDD; margin: 10px 0; border-radius: 3px; } .strength-meter:before, .strength-meter:after { content: ''; height: inherit; background: transparent; display: block; border-color: #FFF; border-style: solid; border-width: 0 5px 0 5px; position: absolute; width: 80px; z-index: 10; } .strength-meter:before { left: 70px; } .strength-meter:after { right: 70px; } .strength-meter-fill { background: transparent; height: inherit; position: absolute; width: 0; border-radius: inherit; transition: width 0.5s ease-in-out, background 0.25s; } .strength-meter-fill[data-strength='0'] { background-color: darkred; width: 10%; } .strength-meter-fill[data-strength='1'] { background: darkorange; width: 20%; } .strength-meter-fill[data-strength='2'] { background: orangered; width: 40%; } .strength-meter-fill[data-strength='3'] { background: orange; width: 60%; } .strength-meter-fill[data-strength='4'] { background: yellowgreen; width: 80%; } .strength-meter-fill[data-strength='5'] { background: green; width: 100%; } /*****strength meter end ****/ /* google material */ .mdi { vertical-align: middle; font-weight: normal; font-style: normal; line-height: 1; display: inline-block; white-space: nowrap; word-wrap: normal; } /* Rules for sizing the icon. */ .mdi.md-12 { font-size: 18px; } .mdi.mdi-32px { font-size: 32px; } .mdi.mdi-36px { font-size: 36px; } .mdi.mdi-60px { font-size: 60px; } .mdi.mdi-80px { font-size: 80px; } .dropdown-inline { display: inline-block; } @media screen and (max-width:768px) { .dropdown-inline { width: 100%; margin: 5px; } } /* end google material */ .ea-hidden-menu { position: relative; top: 5px; cursor: pointer; } .ea-hidden-menu:after { content: '\2807'; font-size: 2em; color: #2e2e2e; } .ea-hidden-menu + .dropdown-menu { left: initial; right: 0 !important; } .col-lg-8 .ea-notification.large, .col-md-8 .ea-notification.large { right: 30%; } .col-md-10 .ea-notification.large, .col-lg-10 .ea-notification.large { right: 15%; } .ea-dropdown { padding: 12px 10px 12px 0; } .dropdown-toggle::after { display: none; } .dropdown-menu { --bs-dropdown-font-size: 14px; --bs-dropdown-link-active-bg: var(--ea-g-main); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu li > .checkbox, .dropdown-menu li > .checkbox-inline { padding-right: 4px; } .dropdown-menu li > a { display: block; padding: 3px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; cursor: pointer; text-decoration: none; } .dropdown-menu li > a:hover, .dropdown-menu li > a:focus { background-color: #e1e1e1; color: #333; text-decoration: none; } .ea-dropdown-box { min-width: 300px; padding: 15px 5px 0px 5px; } .ea-dropdown-box-bottom { } .ea-dropdown-box-footer { background-color: #DDD; } .ea-dropdown-box-content { padding: 0px 10px 0px 10px; color: black; } .ea-dropdown > .dropdown-menu:before { position: absolute; top: -7px; right: 25px; display: inline-block; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .ea-dropdown > .dropdown-menu:after { position: absolute; top: -6px; right: 26px; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent; content: ''; } .alert-badge { background-color: #fa3e3e; border-radius: 50%; color: white; padding: 0px 6px; font-size: 15px; position: absolute; top: 6px; right: 12px; } .card.badge-danger { background-color: #dc3545; color: white; } .box-md { min-width: 250px; min-height: 300px; } .no-msg { margin-top: 25%; font-size: 1.5em; } @media(min-width:768px) { .box-md { min-width: 500px; } } /* material style loader */ .showbox { position: fixed; top: 50%; left: 50%; z-index: 10000; } .loader { position: relative; margin: 0 auto; width: 100px; } .loader:before { content: ''; display: block; padding-top: 100%; } .circular { -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; height: 100%; -webkit-transform-origin: center center; transform-origin: center center; width: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; stroke-linecap: round; } @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @keyframes dash { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 89, 200; stroke-dashoffset: -35px; } 100% { stroke-dasharray: 89, 200; stroke-dashoffset: -124px; } } @-webkit-keyframes color { 100%, 0% { stroke: var(--ea-g-main); } 20% { stroke: #53b0dc; } 40% { stroke: #d62d20; } 60% { stroke: #db8c13; } 80% { stroke: #933cc1; } } @-moz-keyframes color { 100%, 0% { stroke: var(--ea-g-main); } 20% { stroke: #53b0dc; } 40% { stroke: #d62d20; } 60% { stroke: #db8c13; } 80% { stroke: #933cc1; } } @keyframes color { 100%, 0% { stroke: var(--ea-g-main); } 20% { stroke: #53b0dc; } 40% { stroke: #d62d20; } 60% { stroke: #db8c13; } 80% { stroke: #933cc1; } } /* loader end*/ /* material switch*/ .ea-switch-input { position: absolute; width: 0; height: 0; margin: 0; padding: 0; opacity: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; border: none; } .ea-switch { -webkit-appearance: none; -moz-appearance: none; -webkit-transition: .4s all; transition: .4s all; margin-right: 15px; border-radius: 50px; background: #bbb; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); width: 36px; height: 14px; outline: 0; cursor: pointer; position: relative; -moz-user-select: none; -webkit-user-select: none; user-select: none; display: inline-block; top: 3px; } /* switch background */ .ea-switch-input:checked ~ .ea-switch { background: #53b0dc; box-shadow: inset 0 0 0 15px #53b0dc; transition: .25s all; } .ea-switch-input:checked ~ .ea-switch.dark { background: #0098FF; box-shadow: inset 0 0 0 15px #0098FF; } .ea-switch-input:checked ~ .ea-switch::before { transform: translate(18px, 0); background: #006CB5; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 0 0 16px rgba(0, 108, 181, 0); } .ea-switch-input:checked ~ .ea-switch::before { background: #99D6FF; } .ea-switch-input ~ .ea-switch::before { content: ''; transition: .26s all; position: absolute; left: 0px; top: -3px; bottom: 2px; right: auto; transform: translate(0, 0); display: block; width: 20px; height: 20px; border-radius: 40px; background: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 0 0 16px rgba(0, 108, 181, 0); } /* switch circle if input disabled don't show glow */ .ea-switch-input:not([disabled]) ~ .ea-switch.dark:active::before { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 0 0 16px rgba(89, 189, 255, 0.6); } .ea-switch-input:disabled ~ .ea-switch::before { background: #dbe0e3; box-shadow: none; } .ea-switch-input:disabled ~ .ea-switch.dark { box-shadow: inset 0 0 0 15px #c8c8c8; } /* material switch end*/ .theme-image label { border: 3px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .theme-image label:hover, .theme-image.selected label { border: 3px solid #1E528C; } .theme-image label { display: block; cursor: pointer; } .theme-image input[type="radio"] { display: none; } /* ----- MATERIAL DESIGN DIALOG/MODAL ----- */ .modal { z-index: 1250; } /* FADE/SCALE EFFECT */ .modal.fade .md-dialog { opacity: 0; -webkit-transform: scale(0.1); -ms-transform: scale(0.1); -o-transform: scale(0.1); transform: scale(0.1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .modal.fade.show .md-dialog { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } /* DIALOG CONTENT */ .md-dialog .modal-content { border: none; border-radius: 2px; box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22), 0 27px 24px rgba(0, 0, 0, 0.2); } /* DIALOG HEADER */ .md-dialog .modal-header { min-height: 10px; padding: 1rem; border-bottom: none; font-size: 1.1rem; font-weight: 500; } /* DIALOG BODY */ .md-dialog .modal-body { padding: 0px 1rem; } .md-dialog .modal-body p:last-child, .md-dialog .modal-body .content:last-child { margin-bottom: 0; } .md-dialog { display: inline-block; box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.2); } .modal .md-dialog { display: block; } .md-dialog .modal-footer, .md-dialog .dialog-footer { margin-top: 12px; padding: 8px 0; border-top: none; } .md-dialog .modal-footer .btn-dialog, .md-dialog .dialog-footer, .btn-dialog { height: 36px; margin-right: 8px; padding: 8px 10px; border: none; border-radius: 0; text-transform: uppercase; font-weight: 500; color: #008be0; background-color: white; } .btn-notcapital { text-transform: none } .md-dialog .btn-dialog:hover { background-color: rgba(0, 0, 0, 0.1); } .newsBox { height: 300px; overflow-y: auto; } .newsBox p { padding: 0px 10px; } .newsBox div:first-child { margin-top: 10px; } .newsBox div:last-child { border: none; } .ticker { width: 100%; height: 300px; overflow: hidden; position: relative; } .ticker .viewport { position: absolute; height: 100px; width: 100%; top: 0; border-width: 1px 0; border-color: #cccccc; } .ticker .viewport .box { display: inline-block; width: 100px; height: 100%; border: 1px solid rgba(0,0,0,0.87); margin: 0 5px; text-align: center; } .ticker .viewport .box2 { display: block; width: 100px; height: 100%; border: 1px solid rgba(0,0,0,0.87); margin: 0 5px; text-align: center; } .ticker-footer { margin-right: 5px; } .ticker-footer .btn { display: inline-block; } @-webkit-keyframes moveLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-110px); transform: translateX(-110px); } } @keyframes moveLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-110px); transform: translateX(-110px); } } @-webkit-keyframes moveRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(110px); transform: translateX(110px); } } @keyframes moveRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(110px); transform: translateX(110px); } } @-webkit-keyframes moveDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); } } @keyframes moveDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(100px); transform: translateY(100px); } } @-webkit-keyframes moveUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); transform: translateY(-90px); } } @keyframes moveUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-90px); transform: translateY(-90px); } } @keyframes ripple { 0% { box-shadow: 0px 0px 0px 1px transparent; } 50% { box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); } 100% { box-shadow: 0px 0px 0px 15px transparent; } } /*material form inputs*/ .form-text { padding: 0 1rem; } .form-text.text-danger { color: #a94442; } .form-control { font-size: 1.2em; } .form-control:focus { box-shadow: 0 0 0 0.25rem rgba(0, 143, 219, 0.25); border-color: var(--ea-g-main); } textarea.form-control { height: auto; } select.form-control, select.form-select { appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23008fdb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .4rem center; background-size: 16px 12px; padding-right: 1.8rem; } select.form-control.fit, select.form-select.fit { width: fit-content; padding-right: 2.2rem; } .input-sm { min-height: calc(1.5em + .5rem + 2px); padding: .25rem .5rem; font-size: .875rem; border-radius: var(--bs-border-radius-sm); } .form-control.d-inline { width: auto; } .form-group .ol { position: relative; margin-top: 2rem; margin-bottom: 2rem; border: 1px solid #ccc; border-radius: 5px; padding-left: 1px; height: 3rem; } .form-group .ol .form-control { border: 0; margin: 0.5rem 0; } .input-group .ol { padding-bottom: 1px; padding-left: 1px; } .input-group-text .ol { border: 0; padding: 0; } .input-group-text button:not(.md-btn) { background-color: transparent; color: inherit; } .form-group .ol select { padding-top: 1rem; padding-bottom: 1rem; } .field-group-title { font-size: 1.4rem; opacity: 0.8; word-wrap: break-word; } .form-inline { margin-top: 0; margin-bottom: 0; } .form-group { margin-bottom: 15px; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-flex; vertical-align: middle; width: auto; } } .form-inline + .form-inline { margin-top: 1rem; } .form-group-like { position: relative; margin-top: 1.25rem; border: 0; border-radius: 0; clear: both; } .options + .options { margin-top: 0; } .form-group-md-panel { margin-left: 20px; } .text-center .checkbox-inline, .text-center .radio-inline { padding-left: 0; } .card-block > h4:first-child { margin-top: 0; } .form-help { padding-top: 0.25rem; margin-left: 1rem; color: rgba(0,0,0,0.6); font-size: 0.92rem; clear: both; } .form-group.md .mce-tinymce { background-color: #e5e5e5; border: solid 1px #e5e5e5; border-radius: 4px 4px 0 0; padding-top: 2rem; background-image: none; box-shadow: none; } .form-group.md .mce-tinymce .mce-edit-area { border: solid 1px #e5e5e5; } .form-group.md .mce-tinymce:focus-within { border: solid 1px #4285f4; padding-top: 2rem; background-image: none; } .form-group.md .mce-tinymce .mce-panel { background-image: none; } .form-group.md .mce-tinymce .mce-btn-group .mce-first { border: 0; } .form-group.md .mce-tinymc .mce-btn { background-image: none; } .mce-btn-group .mce-btn { border: 0; background-image: none; } input.input-code { letter-spacing: 0.5ch; } .has-error.radio .form-help, .has-error.radio .helper, .has-error.form-radio .form-help, .has-error.form-radio .helper { color: #d9534f; } .has-error > .form-control { box-shadow: none !important; } .has-error .bar::before { background: #d9534f; left: 0; width: 100%; } .form-inline .form-group.md.has-error .help-block { margin-bottom: -30px; } @media (min-width: 768px) { .bar-sm { max-width: 300px; } .bar-xs { max-width: 100px; } } .ea-token-insert { border: 1px solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .ea-token-insert:focus-within { border-color: var(--ea-g-main); box-shadow: 0 0 0 .25rem rgba(0, 143, 219, .25); } .ea-token-insert-toolbar { background: var(--ea-g-off); padding: 4px 8px; border-bottom: 1px solid var(--bs-border-color); } .ea-token-insert .form-control { border: none; border-radius: 0; box-shadow: none; } .ea-token-insert .form-control:focus { box-shadow: none; } .ea-token-chip { background: white; border: 1px solid var(--bs-border-color); color: var(--ea-txt-color); font-size: 0.75rem; padding: 2px 8px; line-height: 1.4; } .ea-token-chip:hover { background: var(--ea-g-main); border-color: var(--ea-g-main); color: white; } .ea-token-insert-menu { max-height: 220px; overflow-y: auto; min-width: 180px; font-size: 0.875rem; } .md-addon { position: absolute; top: 1rem; right: 1rem; } /*material form inputs end*/ /* ea-country uses replace:false so Bootstrap's direct-child selectors can't reach the inner select */ .form-floating > .ea-control > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .ea-control ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .ea-control ~ label::after { display: none; } /** floating action btn (google style)**/ .md-floating-btn { box-sizing: border-box; position: fixed; white-space: nowrap; z-index: 30; text-decoration: none !important; margin: 25px; padding-left: 0; list-style: none; } .md-floating-btn *, .md-floating-btn *:before .md-floating-btn *:after { box-sizing: inherit; } .md-floating-btn.tl { left: 0; top: 0; } .md-floating-btn.tr { right: 0; top: 100px; } .md-floating-btn.bl { left: 0; bottom: 0; } .md-floating-btn.br { right: 0; bottom: 0; } .pl-group-title { background-color: #53b0dc; color: white; } .pl-ticket-title { background-color: #A8D7ED; font-size: 1.2em; padding: 10px; border-radius: 4px 4px 0 0; } [contenteditable=true] { cursor: pointer; } [contenteditable=true]:focus { outline: 0px solid transparent; border: 1px dashed #aaa; } [contenteditable=true]:empty:before { content: attr(placeholder); color: #828282; } .pl-ticket-title [contenteditable=true]:empty:focus:before { content: " "; white-space: pre; color: #fff; } [contenteditable=true]:not([autofocus]):empty:after { content: ''; } .internal-name:focus::after { content: ''; } .internal-name:focus::before { content: ''; } .dropdown-item:focus, .dropdown-item:hover { background-color: #e1e1e1; } .filter-btn { color: #8d8a8a; } .active-filter { color: black; font-weight: 500; } .title-clock { height: 100%; text-align: center; font-weight: normal; border-radius: 5px; background-color: #F8FAFC; border-color: #E2E8F0; border-radius: var(--bs-card-border-radius); } .title-clock .clock-date { width: 18ch; color: #0F172A; padding-top: 1.5rem; border-radius: var(--bs-card-border-radius) 0 0 var(--bs-card-border-radius); } .title-clock .clock-time { width: 100%; color: #0F172A; padding-top: 2rem; border-radius: 0 var(--bs-card-border-radius) var(--bs-card-border-radius) 0; } .digitalClock .main { display: inline-block; vertical-align: middle; } .digitalClock .small { display: block; font-size: 0.6rem; } .details-container .list-view ul li { position: relative; height: 70px; border-bottom-width: 1px; border-style: solid; border-color: #ddd; } .md-list .logo { content: ''; display: inline-block; vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; background-repeat: no-repeat; margin: 10px 15px; background-size: cover; margin: 10px 15px; background-position: 50% 50%; } .details-container .details-view li { height: 70px; line-height: 70px; border-bottom: 1px solid #ddd; } .details-container .details-view li i { font-size: 1.2rem; margin: 0 15px; } .md-list { display: table; width: 100%; padding: 8px 0; /* 8 padding T/B */ margin: 0; list-style: none; } .md-list li { display: table-row; height: 88px; } .md-list li > * { /* Align always to middle */ display: table-cell; vertical-align: middle; } .md-icon { width: 72px; } .main-text { font-size: 18px; font-weight: 500; } .secondary-text { font-size: 14px; } .secondary-text:not(.text-danger) { color: gray; } .md-list-icon-secondary { padding-left: 16px; padding-right: 16px; width: 1px; text-align: center; } .card-block .md-list-icon-secondary { padding-right: 0; } .has-error .legend.legend { color: #a94442 !important; font-weight: bold; } .input-group-text.currency { padding: 2px; } .table td.fit, .table th.fit { white-space: nowrap; width: 1%; } .table-scroll-wrapper { width: fit-content; overflow-y: auto; overflow-x: auto; max-height: 400px; border-collapse: collapse; /* Important for fixed header */ border-bottom: 1px solid #f2f2f2; } .table-scroll-wrapper table { table-layout: fixed; max-height: 400px; border-collapse: collapse; /* Important for fixed header */ } .table-scroll-wrapper table th { position: sticky; top: 0; z-index: 1; background-color: #f2f2f2; } .table-scroll-wrapper table th, .table-scroll-wrapper table td { padding: 4px; } .table-scroll-wrapper table th:last-child, .table-scroll-wrapper table td:last-child { padding-right: 10px; } .table-scroll-wrapper thead th { top: 0; /* Fixes a bug in Chrome */ } th.sortable { cursor: pointer; } th.sortable span.sorted-asc::before { content: "▼"; color: #888888; } th.sortable span.sorted-desc::before { content: "▲"; color: #888888; } .img-inform { max-height: 10em; min-width: 150px; } .img-inline { vertical-align: bottom; margin-right: 10px; display: inline-block; } .img-header { max-width: 150px; height: auto; max-height: 25px; margin-right: 5px; display: inline; vertical-align: middle; background-color: white; padding: 2px; margin-top: -2px; border-radius: 2px; } .textarea { min-height: 200px; } .bordered { border: 1px solid black !important; } input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder { visibility: hidden; direction: ltr !important; } input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder { visibility: unset; direction: ltr; } .table-nav { position: fixed; top: 50%; z-index: 50; } .btn-circle-xs { width: 20px; height: 20px; text-align: center; padding: 3px 0; font-size: 10px; line-height: 1.2; border-radius: 50%; } .btn-circle, .btn-circle:hover { background-color: #002447; opacity: 0.3; color: whitesmoke; width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } .btn-circle.btn-lg { width: 60px; height: 60px; padding: 0px 4px; font-size: 18px; line-height: 1.33; border-radius: 50%; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; font-size: 24px; line-height: 1.33; border-radius: 35px; } .btn-circle.down-nav { position: fixed; bottom: 9px; z-index: 1070; left: -2px; opacity: 1; } .btn-circle.up-nav { position: fixed; top: 60px; color: #fff; opacity: 1; z-index: 1018; left: 0px; } /* nav menu scrollbar*/ /* width */ .main-menu.expanded::-webkit-scrollbar { width: 10px; } /* Track */ .main-menu.expanded::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .main-menu.expanded::-webkit-scrollbar-thumb { background: #888; } /* width */ .main-menu > ul::-webkit-scrollbar { width: 1px; } /* Track */ .main-menu > ul::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .main-menu > ul::-webkit-scrollbar-thumb { background: #888; } .left-nav { position: fixed; right: 20px; top: 50%; } .right-nav { position: fixed; left: 100px; top: 50%; } .progress-ph { height: 20px; margin-bottom: 20px; } .progress { display: inline-block; position: relative; height: 16px; width: 25rem; max-width: 100%; box-shadow: none; text-align: center; margin-bottom: 0; background: rgb(225, 225, 225); font-size: 13px; } .progress > span { position: absolute; left: 50%; } .progress-bar { transition: none; box-shadow: none; } .progress-bar.progress-animate { transition: 0.2s linear; transition-property: width, background-color; } .progress > .progress-bar[pb-val="0"] { width: 5%; background-color: #ff0000; } .progress > .progress-bar[pb-val="10"] { width: 10%; background-color: #f63a0f; } .progress > .progress-bar[pb-val="20"] { width: 20%; background-color: #f63a0f; } .progress > .progress-bar[pb-val="30"] { width: 30%; background-color: #f27011; } .progress > .progress-bar[pb-val="40"] { width: 40%; background-color: #ffd800; } .progress > .progress-bar[pb-val="50"] { width: 50%; background-color: #ffd800; } .progress > .progress-bar[pb-val="60"] { width: 60%; background-color: #f2d31b; } .progress > .progress-bar[pb-val="70"] { width: 70%; background-color: #f2b01e; } .progress > .progress-bar[pb-val="80"] { width: 80%; background-color: #86e01e; } .progress > .progress-bar[pb-val="90"] { width: 90%; background-color: #86e01e; } .progress > .progress-bar[pb-val="100"] { width: 100%; background-color: #00ff21; } /*material Progress Bar */ .md-progress { position: relative; height: 4px; display: block; width: 100%; background-color: #acece6; border-radius: 2px; background-clip: padding-box; margin: 0.5rem 0 1rem 0; overflow: hidden; } .md-progress .determinate { position: absolute; background-color: inherit; top: 0; bottom: 0; background-color: #26a69a; transition: width 0.3s linear; } .md-progress .indeterminate { background-color: #26a69a; } .md-progress .indeterminate:before { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .md-progress .indeterminate:after { content: ""; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; -webkit-animation-delay: 1.15s; animation-delay: 1.15s; } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @media screen and (max-width: 767px) { .table-responsive > .table > tbody > tr > td { white-space: nowrap; word-break: break-word; } } a[share] { word-break: keep-all; display: inline-block; } .btn-officeAlt { color: #fff !important; background-color: #474747 !important; border: 2px solid lightgray; border-radius: 7px !important; } .btn-officeAlt:hover, .btn-officeAlt:focus, .focus.btn-officeAlt, .btn-officeAlt:active, .active.btn-officeAlt, .open > .btn-officeAlt.dropdown-toggle { color: #fff; background-color: #565656 !important; } .btn-danger { color: #fff; background-color: #d9534f; } [data-bs-toggle="collapse"] { cursor: pointer; } .help-toggle { display: inline-block; border-radius: 50%; transition: background-color 0.2s; cursor: pointer; text-decoration: none !important; line-height: 1; display: inline-flex; align-items: center; justify-content: center; width: 1.5ch; height: 1.5ch; vertical-align: top; } .help-toggle::after { content: "\F0625"; display: inline-block; font: normal normal normal 16px/1 "Material Design Icons"; font-size: inherit; color: var(--ea-g-main2); text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; } .help-toggle:hover { background-color: rgba(0, 123, 255, 0.1); /* Very light blue background */ } .help-toggle:hover::after { /* Brightens the blue slightly or makes it more vivid */ color: #0056b3; filter: drop-shadow(0 0 4px rgba(0, 123, 255, 0.3)); /* Soft blue glow */ } /*#region material button */ button { border: none; outline: none; } .md-btn > mdi { margin-left: -0.5rem; } .md-btn.block { display: block; width: 100%; } .md-btn.block span { display: block; padding: 12px 24px; } .md-btn:active:before { width: 120%; padding-top: 120%; transition: width .2s ease-out, padding-top .2s ease-out; } .md-btn-danger:disabled:hover, .md-btn-danger:disabled, .md-btn-danger:disabled:hover { cursor: not-allowed; color: #FFFFFF; box-shadow: none; } .md-btn-inline, a.md-btn-inline { padding: 0; margin: 0; border: none; font-size: 12px; } .md-btn-xs, a.md-btn-xs, button.md-btn-xs { padding: 2px 9px; font-size: 12px; border-radius: 3px; } .md-btn-sm, a.md-btn-sm, .btn-group-sm .md-btn { padding: 3px 10px; font-size: 12px; height: 27px; } .md-btn-md { padding: 10px 5px; font-size: 16px; } .md-btn-lg { font-size: 1.25rem; padding: 0.5rem 1rem; border-radius: 0.3rem; } .md-btn-circle { position: relative; padding: 0; z-index: 4; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3); border-radius: 50%; height: 35px; width: 35px; display: inline-block; -webkit-transition: 0.2s; text-align: center; } .btn-close:hover, .btn-close:focus, .md-btn-circle:hover, .md-btn-circle:focus { cursor: pointer; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.4); } .md-btn-circle span { vertical-align: middle; padding: 5px 0; } .md-btn-circle.btn-remove.md-btn-sm .mdi { margin-top: 5px; } .remove-container { position: relative; width: fit-content; } .btn-remove { position: absolute; top: -0.5ch; right: -1.5ch; /* Clean up the look */ line-height: 1; padding: 0; z-index: 2; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); opacity: 0.9; border-radius: 50%; display: inline-block; text-align: center; } .btn-remove:hover { color: var(--bs-danger); background-color: var(--bs-danger-bg-subtle); } .btn-remove.corner { position: relative; display: block; float: right; top: -5px; } .btn-remove.corner .mdi { line-height: 1.5; } .md-btn-danger { background-color: #ffebee; color: black; } .md-btn-danger:disabled, .md-btn-danger:disabled:hover, md-btn-danger:disabled:focus { background-color: #ffcdd2; color: white; } .md-btn-success, .reg .md-btn.md-btn-success { background-color: #4cae4c; border-color: #4cae4c; color: white; /*reverse colors? */ /*background-color: white; border-color: #4cae4c; color: #4cae4c;*/ } .md-btn-success:hover, .reg .md-btn.md-btn-success:hover { background-color: #349434 !important; color: white; } .btn-group > .md-btn, .btn-group > .dropdown, .btn-group-vertical > .md-btn { position: relative; float: left; } .btn-group + .btn-group { margin-left: 5px !important; } .btn-group.open .dropdown-toggle { box-shadow: none; background-color: #ddd; } @media only screen and (max-width:767px) { .xs-block { display: block; } .btn-group.xs-block { display: block; margin: 5px -5px 5px 5px; padding: 2px 25px; } .md-btn.xs-block { display: block; width: 100%; margin: 0 0 5px 0; } .md-btn.xs-block span { display: block; padding: 12px 24px; } } /*#endregion */ .drop-wrapper { display: block; float: left; width: 200px; margin-right: 15px; max-width: 300px; position: relative; } .drop-wrapper .btn-remove { position: absolute; top: -0.5rem; } .image { opacity: 1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden; } .img-info { transition: .5s ease; opacity: 0; position: absolute; top: 0; text-align: center; color: black !important; font-size: 16px; z-index: 99; padding: 16px 32px; } #imagesGallery .thumbnail img.hover { opacity: 0.3; } #imagesGallery .thumbnail img.hover + .img-info { opacity: 1; } #imagesGallery .caption a, #imagesGallery .img-info label { margin-right: 5px; padding: 0; word-wrap: break-word; } #imagesGallery .caption .description { height: 20px; overflow: hidden; } #imagesGallery .thumbnail { position: relative; display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: var(--bs-border-radius); transition: border .2s ease-in-out; } #imagesGallery .thumbnail .help { position: absolute; top: 0; right: 0; padding: 8px 15px; color: white; z-index: 100; cursor: pointer; } #imagesGallery .thumbnail .img-ownership { position: absolute; top: 0; right: unset; color: #fff; z-index: 99; cursor: pointer; margin: 5px 0; background-color: rgba(0, 0, 0, 0.5); } @media (min-width:768px) { .img-wrapper { height: 200px; overflow: hidden; } #imagesGallery .thumbnail { height: 300px; } } .dropzone { background-color: var(--ea-g-off); } .dropzone .box_uploading { display: none; } .ea-library { float: left; background-color: var(--ea-g-off); } ea-image, ea-file { display: inline-block; width: 100%; } @media (min-width:865px) { .drop-wrapper { width: 300px; } .ea-library { width: 300px; } } .nav-links li:not(:first-child):before { content: " | "; padding-right: 5px; } @media (min-width:768px) { .md-dialog[size="lg"] { top: -120px; z-index: 2000 !important; } } .ea-project_rtl input.ea_directional, .ea-project_rtl textarea.ea_directional { direction: rtl; } .ea-project_ltr input.ea_directional, .ea-project_ltr textarea.ea_directional { direction: ltr; } ul.nav-pills li[disabled="disabled"] a:hover { cursor: not-allowed; color: gray; } a[ng-click] { cursor: pointer; } .nav > li > a { position: relative; display: block; padding: 10px 15px; cursor: pointer; } .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; cursor: pointer; } .nav-tabs:not(.md-tabs) > li.active > a, .nav-tabs:not(.md-tabs) > li.active > a:focus, .nav-tabs:not(.md-tabs) > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .loading-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 15; cursor: pointer; } .loadingDiv { position: absolute; top: 30%; text-align: center; font-size: 2em; color: white; width: 100%; } @media only screen and (max-width:769px) { .loadingDiv { font-size: 16px; } } .loading-text:not(.done) span { font-size: 20px; -webkit-animation-name: blink; animation-name: blink; -webkit-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .loading-text:not(.done) span:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; } .loading-text:not(.done) span:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; } .loading-text:not(.done) label { visibility: hidden; } .loading-text.done span { visibility: hidden; } @-webkit-keyframes blink { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } @keyframes blink { 0% { opacity: .2; } 20% { opacity: 1; } 100% { opacity: .2; } } .progress-container { width: 50%; margin-left: 30%; } #snackbar-container { position: fixed; left: 20px; bottom: 0; z-index: 99999; } .snackbar { overflow: hidden; clear: both; min-width: 288px; max-width: 568px; cursor: pointer; opacity: 0; white-space: pre-wrap; font-size: 1.4em; } .snackbar.active { height: auto; opacity: 1; } .snackbar { border: solid white 2px; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); height: 0; -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, padding 0s linear 0.2s, height 0s linear 0.2s; -moz-transform: translateY(200%); -webkit-transform: translateY(200%); transform: translateY(200%); } .snackbar.active > a { text-decoration: none; line-height: 100%; font-weight: bold; margin-left: 24px; float: right; color: #4CAF50; } .snackbar.active { padding: 12px 20px 12px 20px; margin-bottom: 20px; height: auto; -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s; -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s; transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0s linear 0.2s, height 0s linear 0.2s; -moz-transform: none; -webkit-transform: none; transform: none; } @media (max-width: 767px) { #snackbar-container { left: 0px !important; right: 0px; width: 100%; } #snackbar-container .snackbar { min-width: 100%; } #snackbar-container [class="snackbar active"] { border-radius: 0; margin-bottom: 0; } .snackbar.active { border: 0; border-top: solid 1px white; border-radius: 0; margin-bottom: 0; } } .back-to-top { position: fixed; bottom: 20px; right: 20px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; cursor: pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } @media (max-width: 800px) { .back-to-top { bottom: 80px; } } .back-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 13px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .back-to-top:hover { background: rgba(0, 0, 0, 0.9); } .back-to-top:hover i { color: #fff; top: 5px; } td.td-link { height: 1px; } td.td-link > a { display: block; width: 100%; height: 100%; } @-moz-document url-prefix() { td.td-link { height: auto; } } .ea-pager { position: fixed; bottom: 15px; z-index: 15; } .pagination { --bs-pagination-color: var(--ea-g-main); --bs-pagination-active-bg: var(--ea-g-main); --bs-pagination-active-border-color: var(--ea-g-main); --bs-pagination-hover-color: var(--ea-g-main); --bs-pagination-focus-color: var(--ea-g-main); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--ea-g-main) 25%, transparent); } .page-item { cursor: pointer; } .ea-wizard-pager li > a, .ea-wizard-pager li > span { font-size: 1.2em; padding: 10px 30px; border-radius: 5px; } .ea-wizard-pager .next > a { background-color: var(--ea-g-main); font-weight: 500; padding: 10px 20px 10px 30px; } .ea-wizard-pager .previous > a { padding: 10px 30px 10px 20px; } .table-striped > tbody > tr.last-edited { background-color: lightyellow; } .list-popover .popover { z-index: 99999; } .list-popover .popover.top { margin-top: -5px; } .list-popover ~ .popover > .arrow { display: none; } .list-popover ~ .popover.fade.in { opacity: 0.8; } .list-popover ~ .popover .popover-content { padding: 2px 0 0 2px; } .list-popover ~ .popover .clipboard { color: white; } .list-popover ~ .popover { background-color: grey; border: 2px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 2px; box-shadow: none; } .strikethrough { color: #ccc; /* Light gray */ text-decoration: line-through; } @media print { .no-print { display: none; } a[href]:after { display: none; } .main-menu { display: none; } .menu-toggle { display: none; } .toggle-btn { display: none; } .dropdown-toggle { display: none; } button { display: none; } } a > .mdi { cursor: pointer; } .card-100 { height: 100px; } .card-120 { min-height: 120px; } .col-center { float: none; display: inline-block; margin: 0 auto; } .primary-link { font-weight: bold; font-size: 1.3em; color: #53b0dc; text-decoration: underline; } .history .headline { text-align: center; background-color: whitesmoke; padding: 10px 0 10px 0; } .history .body { list-style: none; } .lg-right, .md-right { float: left; } @media (min-width:1920px) { .lg-right { float: right !important; } } @media (min-width:768px) { .md-right { float: right !important; } } .social-btn { position: relative; display: block; height: 70px; width: 70px; -webkit-transform: scale(0.8); transform: scale(0.8); border-radius: 50%; box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.4); cursor: pointer; z-index: 99; vertical-align: middle; text-align: center; color: white !important; line-height: 1.5; } .social-btn:hover { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: 0.35s cubic-bezier(0.3, 0.2, 0, 2.5); transition: 0.35s cubic-bezier(0.3, 0.2, 0, 2.5); } .social-btn { font-size: 2.5rem; } .social-btn.facebook { background-color: #4264aa; } .social-btn.twitter { background-color: #6cb7f0; } .social-btn.linkedin { background-color: #0092e4; } .social-btn.whatsapp { background-color: #25D366; } .social-btn.email { background-color: #4B515D; } .social-icons-wrapper { position: relative; max-width: 500px; margin: 1em auto; overflow-x: hidden; } .social-icons-wrapper ul { box-sizing: border-box; white-space: nowrap; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .social-icons-wrapper li.item { display: inline-block; width: 100px; height: 100%; padding: 1em; box-sizing: border-box; } .social-icons-wrapper li.item label { display: block; text-align: center; } .left-paddle { left: 0; top: 30px; position: absolute; } .right-paddle { right: 0; top: 30px; position: absolute; } .hidden { display: none; } @media screen and (max-width:768px) { .social-icons-wrapper { max-width: 75%; margin: 0 auto; } } .td-sm { width: 100px; } .td-md { white-space: pre-line; word-break: break-word; width: 25%; } .m0 { margin: 0 !important; } .p0 { padding: 0 !important; } @media (min-width: 1200px) { .p0-lg { padding: 0 !important; } } /* Landscape tablets and medium desktops */ @media (min-width: 992px) and (max-width: 1199px) { .p0-lg { padding: 0 !important; } } /* Portrait tablets and small desktops */ @media (min-width: 768px) and (max-width: 991px) { .p0-lg { padding: 0 !important; } } .user-warning { z-index: 1020; position: relative; width: 150px; float: right; margin-bottom: 15px; text-align: center; line-height: 2.5; } .user-warning.beta { background-color: black; color: white; } .country-list:hover li:hover { background-color: rgba(0, 0, 0, 0.05); } @media (min-width: 601px) { .btn-helper { display: inline-table; } } .card-alert { max-width: 80ch; } .card-alert .card-title { background-color: indianred; color: white; margin-top: 20px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .participant-activities .activity { /*margin:4px 0;*/ } .form-prompt { font-weight: bold; } .list-group-item.bg-gray, a.list-group-item.bg-gray { color: white !important; background-color: gray; } .list-group-item.bg-gray:hover { background-color: var(--ea-g-main); } .list-group-item.bg-f2f, a.list-group-item.bg-f2f { background-color: #db8c13; color: #fff !important; } .list-group-item.bg-f2f:hover, a.list-group-item.bg-f2f:hover { background-color: #a0660c; } .list-group-item.bg-web, a.list-group-item.bg-web { background-color: var(--ea-web-main); color: #fff; } .list-group-item.bg-web:hover { background-color: #6f2d92; color: #fff; } .list-group-item.bg-prog, a.list-group-item.bg-prog { background-color: #e0002e; color: #fff; } .list-group-item.bg-prog:hover, a.list-group-item.bg-prog:hover { background-color: #ad0024; color: #fff; } a.list-group-item[class*="bg-"] .list-group-item-heading, a.list-group-item[class*="bg-"] .list-group-item-text { color: white !important; } .form-disabled { background-color: #e4e4e4; /*padding: 1rem 0;*/ cursor: not-allowed; } #theme-select li { max-width: 100px; margin-bottom: 0.5rem; text-align: center; white-space: nowrap; overflow: clip; text-overflow: ellipsis; } #theme-select li a { white-space: nowrap; padding: 0 5px; } .list-long li { padding-bottom: 0.5rem; } @media screen and (max-width:768px) { .sm-full { width: 100%; padding: 10px 0; } .sm-full .btn-group:not(.group-lg) { width: 100%; margin: 10px 0; } .sm-full .btn-group .mdi-24px { line-height: 2; } .sm-full .md-btn { display: block; width: 100%; float: left; margin: 5px 0 0 0; font-size: inherit; padding: 10px 25px; } } .option-details { margin-left: 25px; } .dropdown-toggle { cursor: pointer; } /* hopefully this will fix chrome autocomplete if not need to send mail to Sergey Brin or Larry Page at google inc. */ input:-webkit-autofill ~ label { font-size: .8rem !important; top: 0 !important; color: rgba(0,0,0,.6) !important; } input[type="text"]:-webkit-autofill { padding: 1.8rem 1rem 1.2rem !important; } input[type="text"]:-webkit-autofill { top: 0 !important; font-size: 1rem !important; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 99999s; } .color-fix { color: #43a047; } .color-new { color: #fdd835; } .color-better { color: #1e88e5; } .table-sticky { max-height: 300px; overflow-x: auto; } .table-sticky > table > thead > tr > th { border-bottom-width: 2px; position: sticky; top: -2px; box-shadow: none; background-color: white; } thead.sticky2 { background-color: white; } .btn-lg, .btn.btn-lg { height: 46px; } .form-control.input-lg { height: 46px; } .case-wrapper { width: 100%; float: left; } .case-wrapper .case-details { padding: 30px 30px 20px; border-bottom: 2px solid white; } /****** ui-tree *******/ .angular-ui-tree-empty { display: none; } /*.ea-sortable-list { } .ea-sortable-list ol { list-style-type: none; margin: 0; padding: 0; display: block; border: 1px solid #ddd; border-radius: var(--bs-border-radius); } .ea-sortable-list ol li { display: flex; border-bottom: 1px solid #ccc; padding: 2px 0; margin: 0; line-height: 2em; } .ea-sortable-list ol li:nth-child(odd) { background-color: #f9f9f9; } .ea-sortable-list ol li.head { background-color: #eee; font-weight: bold; } .ea-sortable-list ol li > span { flex: 1; padding: 2px 0; text-align: left; border-left: 1px solid #ddd; padding: 0 4px; } .ea-sortable-list ol li span.tree-action { flex: 0 0 auto; text-align: center; } .ea-sortable-list ol li span.tree-fixed { flex: 0 0 auto; }*/ .ea-sortable-list ol { list-style: none; margin: 0; padding: 0; color: var(--bs-table-color); } .ea-sortable-list ol li { display: flex; align-items: center; border-bottom: var(--bs-border-width) solid var(--bs-border-color); } .ea-sortable-list ol li:last-child { border-bottom: none; } .ea-sortable-list ol li > span { flex: 0 0 auto; padding: .5rem .5rem; color: var(--bs-table-color); } .ea-sortable-list ol li > span.tree-content { flex: 1; min-width: 0; } .ea-sortable-list ol li.head { border-bottom-color: var(--bs-table-color); } .ea-sortable-list ol li.head > span { font-weight: 500; } .ea-sortable-list ol li span.tree-action { flex: 0 0 auto; text-align: center; } .ea-sortable-list ol li span.tree-fixed { flex: 0 0 auto; } .ea-sortable-list ol li:not(.head):nth-child(even) { background-color: var(--bs-table-striped-bg, rgba(0,0,0,0.02)); } .ea-sortable-list ol li:not(.head) [ui-tree-handle] { cursor: grab; } .ea-sortable-list ol li:not(.head) [ui-tree-handle] { transition: transform 0.1s, color 0.1s; } .ea-sortable-list ol li:not(.head) [ui-tree-handle]:hover { color: var(--bs-emphasis-color); } .ea-sortable-list ol li:not(.head) [ui-tree-handle]:active { color: var(--bs-primary); } .case-request { padding: 5px 14px; line-height: 1.2em; font-size: 1em; border-radius: var(--bs-border-radius); margin-bottom: 11px; width: 100%; width: 80%; background: #aad6ff; position: relative; } .case-response { background: #9fd28a; padding: 5px 14px; line-height: 1.2em; font-size: 1em; border-radius: var(--bs-border-radius); margin-bottom: 12px; width: 100%; width: 80%; position: relative; } .case-wrapper .case-request .message { background: none; } .case-wrapper .case-details .message-data { margin-bottom: 15px; } .case-wrapper .case-details .message-date { color: #4d4d4f; padding-left: 6px; } .case-wrapper .case-details .message { color: white; font-size: 1em; width: 100%; margin-bottom: 8px; } .case-request .mdi, .case-response .mdi { margin-right: 3px; font-size: 10px; } .case-response .message-data { text-align: left; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .ea-box .title-main { color: red; } .ea-box .title-alt { color: blue; } button[share] > a, a[share] > a { color: inherit; } .eaLoader-wrapper { position: relative; } .eaLoader, .eaLoader:before, .eaLoader:after { background: #ffffff; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; } .eaLoader { color: white; text-indent: -9999em; left: 50%; top: 50%; position: absolute; font-size: 0.3em; margin-top: 50px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .eaLoader:before, .eaLoader:after { position: absolute; top: 0; content: ''; } .eaLoader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .eaLoader:after { left: 1.5em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } .img-preview-sm:not(.img-inform) { max-width: 50px; cursor: pointer; } .dp-group input { display: inline-block; margin-bottom: 3px; width: 60px !important; } .dp-group { position: relative; display: inline-block; line-height: 1; text-align: center; margin: 6px; } .dp-group + .dp-group :before { content: ':'; display: inline-block; position: absolute; left: -9px; top: 0px; font-size: 1.6em; } /****** Image map*******/ .img-map-wrapper { position: relative; width: 100%; background-repeat: no-repeat; background-size: 100%; text-align: left; line-height: 1.5; border: 1px solid black; margin-bottom: 10px; } .img-map-wrapper .map-wrapper { width: 100%; height: 100%; } .img-map-wrapper .map-area { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.3); } .img-map-wrapper .map-area .bar-title { overflow: hidden; } .img-map-wrapper .draging { z-index: 1110; } .img-map-wrapper .draging .dragline:before { border-color: transparent !important; } .img-map-wrapper .draging .dragbar .bar-coords, .img-map-wrapper .draging .dragbar .bar-size { display: block; } .img-map-wrapper .dragbar .bar-remove { display: none; right: -1em; width: 1em; height: 1em; line-height: 1; font-size: 18px; border-radius: 0 2px 2px 0; background: red; cursor: pointer; } .img-map-wrapper .map-area:hover .dragbar .bar-remove { display: block; } .img-map-wrapper .map-area .dragbar:hover .bar-remove { display: block; } .img-map-wrapper .dragbar .bar-remove:hover { background: #cc0000; } .img-map-wrapper .draging .dragbar .bar-remove { display: none; } .img-map-wrapper .dragline, .img-map-wrapper .dragdot { position: absolute; opacity: 0.5; filter: alpha(opacity=50); } .img-map-wrapper .dragline { z-index: 111; } .img-map-wrapper .dragline.ord-n:before, .img-map-wrapper .dragline.ord-e:before, .img-map-wrapper .dragline.ord-s:before, .img-map-wrapper .dragline.ord-w:before { content: ''; position: absolute; border-top: 1px dashed var(--ea-txt-color); border-left: 1px dashed var(--ea-txt-color); } .img-map-wrapper .dragline.ord-n { cursor: n-resize; width: 100%; height: 8px; top: -4px; left: 0; } .img-map-wrapper .dragline.ord-n:before { width: 100%; height: 1px; top: 4px; } .img-map-wrapper .dragline.ord-e { cursor: e-resize; width: 8px; height: 100%; right: -4px; top: 0; } .img-map-wrapper .dragline.ord-e:before { width: 1px; height: 100%; right: 4px; } .img-map-wrapper .dragline.ord-s { cursor: s-resize; width: 100%; height: 8px; bottom: -4px; left: 0; } .img-map-wrapper .dragline.ord-s:before { width: 100%; height: 1px; bottom: 4px; } .img-map-wrapper .dragline.ord-w { cursor: w-resize; width: 8px; height: 100%; left: -4px; top: 0; } .img-map-wrapper .dragline.ord-w:before { width: 1px; height: 100%; left: 4px; } .img-map-wrapper .dragdot { background-color: #ccc; border: 1px solid var(--ea-txt-color); width: 8px; height: 8px; font-size: 0; } .img-map-wrapper .dragdot.ord-n, .img-map-wrapper .dragdot.ord-e, .img-map-wrapper .dragdot.ord-w, .img-map-wrapper .dragdot.ord-s { z-index: 110; } .img-map-wrapper .dragdot.ord-nw, .img-map-wrapper .dragdot.ord-ne, .img-map-wrapper .dragdot.ord-sw, .img-map-wrapper .dragdot.ord-se { z-index: 112; } .img-map-wrapper .dragdot.ord-n { top: -4px; left: 50%; margin-left: -4px; } .img-map-wrapper .dragdot.ord-s { bottom: -4px; left: 50%; margin-left: -4px; } .img-map-wrapper .dragdot.ord-e { right: -4px; top: 50%; margin-top: -4px; } .img-map-wrapper .dragdot.ord-w { left: -4px; top: 50%; margin-top: -4px; } .img-map-wrapper .dragdot.ord-nw { cursor: nw-resize; top: -4px; left: -4px; } .img-map-wrapper .dragdot.ord-ne { cursor: ne-resize; top: -4px; right: -4px; } .img-map-wrapper .dragdot.ord-sw { cursor: sw-resize; bottom: -4px; left: -4px; } .img-map-wrapper .dragdot.ord-se { cursor: se-resize; bottom: -4px; right: -4px; } .img-map-wrapper .dragbar .bar-size, .img-map-wrapper .dragbar .bar-title, .img-map-wrapper .dragbar .bar-coords, .img-map-wrapper .dragbar .bar-remove { position: absolute; top: 0; color: #fff; text-align: center; } .img-map-wrapper .dragbar .bar-title { left: 0; /*background: red;*/ border-radius: 0 0 2px 0; } .img-map-wrapper .dragbar .bar-coords, .img-map-wrapper .dragbar .bar-size { display: none; width: auto; padding: 0 1em; color: #FFF; background: rgba(0, 0, 0, 0.5); border-radius: 2px; white-space: nowrap; } .img-map-wrapper .dragbar .bar-coords { top: auto; bottom: -1.6em; right: 0; } .img-map-wrapper .dragbar .bar-size { top: -1.6em; left: 0; } .img-wrapper { overflow: auto; } .profile-tag { padding: 2px 10px; border-radius: var(--bs-border-radius); background-color: white; border: 1px solid var(--bs-border-color); display: inline-block; } .profile-tag .mdi { } .content-editable-warning { background-color: yellow; } #vmap1 { width: 100%; height: 100%; } .ea-worldmap { border-radius: var(--bs-border-radius); } .ea-worldmap .jqvmap-zoomout, .ea-worldmap .jqvmap-zoomin { width: 25px; height: 25px; line-height: 20px; } .ea-worldmap .jqvmap-zoomout { top: 40px; } .eachart { display: block; background-color: #f9f9f9; border: 1px solid #ddd; border-radius: var(--bs-border-radius); } .ea-map-wrapper { min-height: 400px; outline: none; } .ea-seatmap { outline: none; min-height: 50vh; } .ea-seatmap canvas { border: 1px solid var(--ea-g-main); background-color: var(--ea-g-off); border-radius: 5px; outline: none; } /*.modal-dialog.modal-sm .modal-footer .btn + .btn { margin-bottom: 5px; } */ ea-video { clear: both; width: 100%; float: left; margin: 2.25rem 0 2.25rem 0; } .alert-list, .task-list { margin-bottom: 0; } .alert-list .list-group-item { border: none; padding: 10px 0; } .pre-line { white-space: pre-line; } .vip-badge { font-size: small; background-color: orangered; color: white; padding: 4px; border-radius: 5px; vertical-align: middle; } .table-addon { padding: 8px; } ea-translate, ea-translate .translate-btn { z-index: 100; } .translate-btn { z-index: 100; border: 0; padding: 6px 10px; font-size: 12px; } .manager-name + .manager-name:before { content: ', '; } .link-list-item + .link-list-item:before { content: ', '; } .dropdown-scroll .dropdown-menu { max-height: 300px; overflow: auto; font-size: 1rem; min-height: 50px; } .dropdown-scroll .search-control { padding: 0.8rem; margin: 0.8rem; width: calc(100% - 1.6rem); } .dropdown-scroll .information { display: block; padding: 3px 20px; clear: both; line-height: 1.42857143; white-space: nowrap; } .dropdown-scroll li .selected { background-color: lightblue; } .dropdown-scroll .dropdown-toggle { margin: -10px 5px 5px 0px; font-size: 1rem; } .pl-promocode-list { max-height: 400px; overflow: auto; max-width: 50ch; } .country-flag { width: 20px; height: 14px; margin-bottom: 4px; } /*---intl telephone input---*/ .form-floating .intl-tel-input input { border: none; } .intl-tel-input .selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; } .iti-flag.br { height: 14px; background-position: -680px 0px; } .iti-flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url(../img/flags.png); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } .iti-flag { width: 20px; } .iti-country-code { margin-left: 6px; } .intl-tel-input .selected-flag .iti-arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .intl-tel-input .country-list { position: absolute; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 50; white-space: normal; width: max-content; } .intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); } .intl-tel-input .hide { display: none; } .intl-tel-input .country-list .country { padding: 5px 10px; } .intl-tel-input .country-list .country img, .intl-tel-input .flag-container img { height: 14px; } .intl-tel-input .country-list .country-name { margin-right: 6px; vertical-align: middle; } .intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .dial-code { vertical-align: middle; } .intl-tel-input .country-list .flag-box { margin-right: 6px; display: inline-block; vertical-align: middle; width: 20px; } .list-container { max-height: 500px; overflow: auto; border: 1px solid black; padding: 1rem; } .ev-field-name + .ev-field-name:before { content: ', '; } .vjs-poster { background-size: contain; } /* Page Search directive */ .page-search-wrap { position: relative; display: inline-block; vertical-align: middle; } .page-search-input { width: 220px; margin-top: 12px; } ul.page-search-results { position: absolute; top: 100%; left: 0; z-index: 9999; width: 340px; max-height: 400px; overflow-y: auto; background: var(--alt-bg-color); border: 1px solid rgba(0,0,0,.15); border-radius: var(--bs-border-radius); box-shadow: 0 4px 12px rgba(0,0,0,.15); list-style: none; margin: 2px 0 0; padding: 0; } ul.page-search-results li + li { border-top: 1px solid #f0f0f0; } ul.page-search-results li a { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; text-decoration: none; color: #333; font-size: 13px; } ul.page-search-results li a:hover { background-color: #f5f5f5; color: #111; text-decoration: none; } .page-search-result-name { font-weight: 500; } .page-search-result-module { font-size: 11px; opacity: .65; margin-left: 8px; white-space: nowrap; } /* colour bars on the left edge — one per module group */ .page-search-result-link.page-search-mod-reg { border-left: 4px solid var(--ea-reg-main); } .page-search-result-link.page-search-mod-web { border-left: 4px solid var(--ea-web-main); } .page-search-result-link.page-search-mod-app { border-left: 4px solid var(--ea-app-main); } .page-search-result-link.page-search-mod-prog { border-left: 4px solid #e0002e; } .page-search-result-link.page-search-mod-gray { border-left: 4px solid var(--ea-g-main); } /* page-search lives outside nav so overflow-x: clip on the nav doesn't clip the results dropdown */ nav.main-menu + page-search { position: fixed; bottom: 10px; left: 0; width: 60px; z-index: 1050; background-color: #002447; display: flex; align-items: center; justify-content: center; color: #f4f4f4; font-size: 1.2rem; padding: 8px 0; } nav.main-menu.expanded + page-search { width: 200px; justify-content: flex-start; padding-left: 14px; } .page-search-empty { padding: 8px 12px; font-size: 13px; color: #888; background: #fff; border: 1px solid rgba(0,0,0,.12); border-radius: var(--bs-border-radius); margin-top: 2px; position: absolute; width: 280px; } /* BS3→BS5 migration prep: well replacement */ .ea-well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: var(--bs-border-radius); box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } ajax__combobox_itemlist.FieldInError { background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; } .ajax__combobox_itemlist { float: left; left: auto !important; top: auto !important; min-width: 160px; padding: 5px 0 !important; margin: 5px 0 0 !important; font-size: 0.875em; text-align: left; list-style: none; background-color: #fff; border: 1px solid rgba(0,0,0,.15) !important; border-radius: 4px; height: auto !important; width: 195px !important; } .ajax__combobox_textboxcontainer input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 0.875em; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; } .ajax__combobox_buttoncontainer button { padding: 2px; border-bottom: 1px solid #F2F2F2; border-right: 1px solid ButtonShadow; border-left: 0 none; border-top: 1px solid ButtonShadow; background-color: White; margin: 0 !important; border-radius: 4px; } .eaCheckBoxList td { padding-right: 15px; } .eaCheckBoxList td input, .other input { margin: 0 4px 2px 0; } .CheckBoxList input:not(:first-child) { margin: 0 0 2px 1em; } input.old-ui, select.old-ui, textarea.old-ui { height: 30px; padding: 6px 10px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #aaa; border-radius: 8px; margin: 2px 4px; } textarea.old-ui { height: inherit; } .old-ui input[type=checkbox], .old-ui input[type=radio] { border: 0; accent-color: #0076ff; transform: scale(1.1); margin: 0 3px; } iframe_popup { background-color: #ebebeb; } body.popup { background-color: #ebebeb; overflow-x: hidden; overflow-y: scroll; } .multiLineTextBox { vertical-align: text-top; } .ClickableText { color: #494949; font-size: 0.875em; } .ClickableText:hover { font-size: 0.875em; color: #ff7700; text-decoration: underline !important; } fieldset { } .HrGmTitle { color: #cecece; width: 100%; height: 1px; border: 0; background-color: #cecece; } .labelLink { cursor: pointer; } .buttonLink { font-weight: normal !important; cursor: pointer; text-align: left; border: 0; } .buttonLinkBold { font-weight: bold; cursor: pointer; text-align: left; border: 0; } .loginTextBoxNormal { font-style: italic; font-weight: bold; color: #CCCCCC; } .loginTextBoxSpecial { font-weight: bold; color: black; } .ModalPopupBG { background-color: #666699; filter: alpha(opacity=50); opacity: 0.7; } /* Accordion */ .accordionHeader, .accordionHeaderSelected, .accordionHeaderLeft, .accordionHeaderSelectedLeft, .accordionLink { padding: 5px; border: solid 1px #ebebeb; cursor: pointer; } .accordionHeader { background: #e4e4e4 url(Images/collapse-down.png) no-repeat right; } .accordionHeaderSelected { background: #e4e4e4 url(Images/collapse-up.png) no-repeat right; } .accordionHeaderLeft { background: #e4e4e4 url(Images/collapse-down.png) no-repeat left; } .accordionHeaderSelectedLeft { background: #e4e4e4 url(Images/collapse-up.png) no-repeat left; } /* position for IE */ .loginPage { width: 337px; height: 500px; margin: auto; } DIV .superScript { vertical-align: super; font-size: 0.7143em; } .PwdVeryPoor { color: red; background-color: Gray; } .PwdWeak { color: Orange; background-color: Gray; } .PwdAverage { color: yellow; background-color: Gray; } .PwdStrong { color: blue; background-color: Gray; } .PwdExcellent { color: green; background-color: Gray; } .errorbox { display: block; width: 100%; text-align: center; background-color: red; color: white; border: 1px solid #cccccc; font-weight: bold; font-size: large; } /* Box */ span.stepBox { position: absolute; margin-top: 4px; margin-left: 4px; } span.leftInDiv { display: inline-block; float: left; vertical-align: middle; } span.boxTopControls { margin: 0 5px 0 0; padding: 0 0 0 0; display: inline-block; float: right; vertical-align: middle; } div.boxTopHeader { /*background: #dedede;*/ box-sizing: border-box; background-color: #f5f5f5; border-bottom: none; height: 26px; margin: 5px 0 -5px 5px; padding: 5px 0 0 5px; font-weight: bold; color: #626262; } div.boxTop { box-sizing: border-box; margin: 0 0 0 0; padding: 0.5em 0.5em 0.5em 0.5em; border-bottom: none; background-color: #f5f5f5; color: #626262; font-weight: bold; position: sticky; z-index: 9; top: 0; height: 2.5em; } div.boxMiddle { padding: 0.5em 0.5em 0.5em 0.5em; margin: 0; background-color: #ebebeb; display: block; clear: both; } div#addLectureBoxMiddle { box-sizing: border-box; padding: 0.5em 0.5em 0.5em 0.5em; margin: 0 0 0 0; background-color: #ebebeb; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; position: absolute; height: 600px; top: 0; left: 0; width: 665px; } div.boxBottom { box-sizing: border-box; padding: 0.5em 0.5em 0.5em 0.5em; background-color: #ebebeb; clear: both; } div.dialogBoxBottom { box-sizing: border-box; margin: 0 0 0 0; padding: 0.5em 0.5em 0.5em 0.5em; background-color: #ebebeb; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; bottom: 0; width: 100%; } div.overlay { background: url(images/overlay.png) repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; } .reg_filters { background-color: #ffffff; border: none; } .search_by { background-color: rgb(245, 245, 245); } .serch_by_menu { background-color: rgb(232, 232, 232); border: none; } div.eventactDialog { background-color: #ebebeb; height: 100%; } div.eventactPage .pageTitle { color: #5b83c8; font-family: Arial; font-size: 1em; font-style: normal; font-weight: bolder; } div.eventactPage .pageSubTitle { background-color: White; width: 100%; color: #0094d8; font-family: Arial; font-size: 0.875em; font-style: normal; font-weight: bolder; line-height: 20; } div.eventactPage { font-family: Arial; font-size: 1em; font-weight: bold; } div.eventactPage .SuperScript { vertical-align: super; font-size: 0.7143em; } /* TabStrip Menu */ .multiViewTabs { background-color: #e4e4e4; float: left; padding: 2px 8px 2px 8px; clear: both; width: 25%; /*height: 580px; overflow-y: auto; overflow-x: hidden;*/ } .multiViewContent { float: right; padding: 2px 8px 2px 8px; background: #f5f5f5; margin-left: 0; margin-right: 0; width: 75%; /*height: 580px; overflow-y: auto; overflow-x: hidden;*/ } .multiViewButtons { position: fixed; top: 10px; right: 1px; } .multiViewMenu { position: relative; text-align: right; width: 100%; } .multiViewMenu1 { width: 100% !important; } .multiViewMenuItem { border: solid; border-width: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #626262; color: #fff !important; white-space: normal !important; text-align: left; padding: 0.5em 0.5em 0.5em 0.5em; margin-top: 2px; width: 100%; } .multiViewMenuItem:hover { color: #fff; background-color: #848484; } .multiViewMenuItemSelected { color: white; background-color: #cccccc; font-weight: bold; text-align: left; } #PageFooter { font-size: 0.7143em; color: #494949; } /** InPageDialog **/ .InPageDialog { background-color: #ebebeb; border: solid 1px #cccccc; padding: 0.5em 0.8em; } .InPageDialog .Title { height: 21px; color: #000000; font-weight: bold; } .InPageDialog .Content { background-color: #f1f1f1; border: solid 1px #ddd; } .InPageDialog .HelpBox { padding: 4px 10px; } .InPageDialog .SideMenu { background-color: #ebebeb; } .InPageDialog .Footer { } .InPageDialogGeneral { background-color: #666666; border-bottom: 0.5em solid #5E5E5E; } .InPageDialogRegistration { background-color: #99CCFF; border-bottom: 0.5em solid #3399FF; } .InPageDialogFace2Face { background-color: #FFFF99; border-bottom: 0.5em solid #fafa84; } .InPageDialogAbstracts, .InPageDialogReviews { background-color: #FFCCCC; border-bottom: 0.5em solid #FAB1B1; } .InPageDialog .Registration input[type="button"], .InPageDialog .Registration input [type="submit"] { color: #FFFFFF; width: 74px; height: 23px; background-position: center top; border: 0; text-align: center; margin: 0.5em 0 0.5em 0.5em; background-image: url(images/dlg_btn_reg.png); } .InPageDialog .Abstracts input[type="button"], .InPageDialog .Abstracts input [type="submit"], .InPageDialog .Review input[type="button"], .InPageDialog .Review input[type="submit"] { color: #FFFFFF; width: 74px; height: 23px; background-position: center top; border: 0; text-align: center; margin: 0.5em 0 0.5em 0.5em; background-image: url(images/dlg_btn_abs.png); } .rightInDiv { display: inline-block; float: right; vertical-align: middle; } /* Grid */ .LogStyle { position: absolute; top: 40%; left: 25%; width: 50%; height: 50%; font-size: 18px; display: none; } .eaGrid { width: 95%; border: solid 0px #ddd; border-collapse: collapse; } .eaGrid tr:hover td { background-color: rgba(110, 175, 212, 0.3); } .divEaGrid, .eaGrid td { border: solid 1px #ddd; } .eaGrid thead { background-color: #e4e4e4; } .eaGrid tbody { background-color: #f1f1f1; } .eaGrid th, .eaGrid td { padding: 0.5em 0.8em; } .eaGrid th { font-weight: bold; background-color: #e4e4e4; border: solid 1px #ddd; } .eaGrid .pgr td { background-color: #ebebeb; border: solid 1px #ebebeb; font-weight: bold; color: #5b83c8; } .eaGrid .highlight td { background-color: #e7e7e7; } .eaGrid .highlight9 { background-color: #e7e7e7; } .eaGrid .highlight3 td { background-color: #e7e7e7; } .eaGridMultiData { width: 100%; background-color: white; border: solid 1px #ddd; border-collapse: collapse; font-size: 0.75em; } .eaGridMultiData td { padding: 4px 10px; border: solid 1px #ddd; } .eaGridMultiData .Row { background-color: #f5f5f5; } .eaGridMultiData .AltRow { background-color: #eeeeee; } .eaGridMultiData th { height: 21px; padding: 0.5em 0.8em; font-weight: bold; background-color: #e4e4e4; border: solid 1px #ddd; } .eaGridMultiData .pgr td { background-color: #ebebeb; border: solid 1px #ebebeb; font-weight: bold; color: #5b83c8; } .eaGridMultiData .highlight td { padding: 0.5em 0.8em; background-color: #e7e7e7; } .eaGridMultiData .highlight9 { background-color: rgba(110, 175, 212, 0.3); } .eaGridMultiData .highlight3 td { padding: 0.5em 0.8em; background-color: #e7e7e7; } .eaGridFooter { padding: 0.5em 0.1em; font-weight: bold; background-color: #e4e4e4; border: solid 1px #ddd; } .eaGridHeader { position: absolute; z-index: 0; } .eaGridMinimal { width: 100%; background-color: white; border: solid 1px #ddd; border-collapse: collapse; } .eaGridMinimal td { padding: 0.5em 0.8em; background-color: #f1f1f1; } .eaGridMinimal th { padding: 0.5em 0.1em; font-weight: bold; background-color: #e4e4e4; } .eaGridMinimal .AltRow td { /*padding: 2px 7px 2px 7px;*/ background-color: #eeeeee; } .eaGridMinimal .Row td { /*padding: 2px 7px 2px 7px;*/ background-color: #f5f5f5; } .eaGridMinimal .highlight td { padding: 0.5em 0.8em; background-color: #e7e7e7; border-left-color: #ddd; } .fixed-header { width: 100%; table-layout: fixed; overflow: hidden; } .fixed-header > thead, .fixed-header > tbody, .fixed-header > thead > tr, .fixed-header > tbody > tr, .fixed-header > thead > tr > th, .fixed-header > tbody > tr > td { display: block; } .fixed-header > thead { display: table-header-group; vertical-align: middle; } .fixed-header > tbody { display: block; overflow-y: scroll; border-bottom: solid 1px #ddd; height: 200px; } .fixed-header > thead > tr { padding-right: 1em; } .fixed-header > tbody > tr > td, .fixed-header > thead > tr > th { float: left; word-wrap: break-word; } /* Grid */ .grid { width: 100%; background-color: white; border: solid 1px #ddd; border-collapse: collapse; } .grid td { padding: 0.5em 0.8em; border: solid 1px #ddd; } .grid th { padding: 0.5em 0.8em; height: 21px; font-weight: bold; background-color: #e4e4e4; border: solid 1px #ddd; } .gridFooter { padding: 4px 2px; font-weight: bold; background-color: #e4e4e4; border: solid 1px #ddd; } .grid .pgr td { background-color: #ebebeb; border: solid 1px #ebebeb; font-weight: bold; color: #5b83c8; } .grid .highlight td { padding: 0.5em 0.8em; background-color: #e7e7e7; } .grid .highlight9 td { padding: 4px 10px; background-color: #e7e7e7; } .grid .highlight3 td { padding: 0.5em 0.8em; background-color: #e7e7e7; } .grid .gridRow { background-color: #f5f5f5; } .grid .gridRowAlternate { background-color: #eeeeee; } .dataGrid { text-align: left; padding: 0.5em; } .dataGrid th { height: 18px; padding: 0.5em 0.8em; font-weight: bold; background-color: #e4e4e4; border: solid 1px #ddd; text-align: left; } .dataGrid td { padding: 0.5em 0.8em; border: solid 1px #ddd; text-align: left; } .dataGrid td:first-child { } /* FORMS */ .eventactPage .formRow { line-height: 25px; } .eventactPage .formEditRow { line-height: 20; } div.eventactPage .fieldGroupTitle { color: #5b83c8; font-weight: bolder; } div.eventactPage TABLE.fieldGroup { border-color: #5b83c8; border-top-style: solid; border-top-width: thin; } div.eventactPage TABLE.fieldGroupSelected { border-color: #5b83c8; border-top-style: solid; border-top-width: thin; background-color: #f5fcff; } div.eventactPage .fieldGroupHelp { visibility: hidden; color: Gray; } /*Modal Popup*/ .modalBackground { background-color: Silver; } .modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 0.2em; width: 250px; } .dialogBox { background-color: #ffffdd; border-width: 1px; border-style: solid; border-color: Gray; padding: 0.2em; min-height: 80px; min-width: 100px; } .dialogTabs { } .dialogInputArea { } .dialogTitle { font-weight: bold; } .formWrapper { max-width: 300px; } .dialogPrompt { vertical-align: top; font-size: 1em; font-weight: bold; padding: 0.5em, 0.5em, 0px, 0.5em; } .dialogPromptNotes { font-weight: lighter; } .dialogHelpBox { padding: 0.5em; border-width: 1px; border-style: solid; background-color: #f1f1f1; border-color: #c7c7c7; } .dialogHelp { font-size: 0.7143em; color: #8e8e8e; font-weight: normal; } .dialogDivider { width: 90%; } .ea-abstract { } .ea-abstract .pa { font-weight: bold; } /* Form controls ----------------------------------------------- */ .InputTable { margin: 0.5em; } .InputTable .Header { color: #FFFFFF; font-weight: bold; background-color: #009800; padding: 5px; vertical-align: top; height: 2em; } .InputTable .HeaderSecond { color: #000000; font-weight: bold; background-color: #eeeeee; padding: 5px; vertical-align: top; height: 2em; } .InputTable tr.Header th, .InputTable tr.HeaderSecond th { padding: 1ch; } .InputTable .Row { color: #000000; font-weight: normal; background-color: #f5f5f5; padding: 0.5em; height: 2em; } .InputTable .AltRow { color: #000000; font-weight: normal; background-color: #eeeeee; padding: 0.5em; height: 2em; } .InputTable .priceListGroupTitle { text-align: left; } .InputTable .FormQuestTr { width: 100%; } .InputTable tr td { padding: 1ch; } .InputText { color: #000000; font-weight: normal; } .InputCheckbox { color: #000000; font-weight: bold; width: 100%; } .InputCheckboxTable { padding-top: 5px; } .InputRadio { font-size: 0.8em; color: #000000; font-weight: bold; } .InputTextArea { color: #000000; font-weight: bold; width: 200px; border: #ffffff 1px solid; text-align: right; } .InputTextAreaPhone { color: #000000; font-weight: bold; border: #ffffff 1px solid; text-align: right; } .InputSelect .radio { margin-bottom: 5px; margin-top: 5px; } .InputSelectTitle { color: #999999; font-weight: normal; width: 60px; border: #ffffff 1px solid; text-align: right; } .PaxItemOrderMoreOptions { /*display: none;*/ } .pax > tbody > tr > td, .pax > tbody > tr > th { text-align: center; } .PromoCodeContainer { min-height: 30px; width: 350px; padding: 10px; border: 1px solid; -moz-border-radius: 15px; border-radius: 15px; } .PromoCodeEnter { } .PromoCodeData { } /* Form summary ----------------------------------------------- */ .summary .title { text-decoration: underline; font-weight: bold; } .summary .subtitle { font-weight: bold; } .pageSummary .value img { max-width: 90%; } /* Message Forum */ .forumBlock { background-color: #f6f9fe; border: solid 2px #f4f4f4; } .subMessageTitle { font-size: 0.7em; color: black; background-color: #f4f4f4; width: 100%; } .rootMessageTitle { font-size: 0.7em; color: black; background-color: #ebe9ea; width: 100%; } .messageBody { color: black; background-color: #f6f9fe; width: 100%; } .messageTitle { color: black; } .messageTitle:hover { color: black; text-decoration: none; } .messageTitle:visited { color: #84cceb; text-decoration: none; } .messageButtonsRow { color: #457cbd; background-color: #f6f9fe; width: 100%; } .messageButtonColumn { color: #457cbd; /*width: 100%;*/ } .pageDialogBox { background-color: #f6f9fe; } .pageDialogBox select { } .pageDialogBox input { border-right: solid 2px #000000; border-bottom: solid 2px #000000; } /*********************************/ /* Accordion */ /*********************************/ .accordionContent { overflow: hidden; } /*******************************/ /* Copy Of Dialog */ /*******************************/ .dialog .frame .buttonCopy { height: 23px; width: 74px; background-image: url(images/dlg_btn.png); background-position: center top; color: #FFFFFF; border: 0; text-align: center; margin: 5px 0 5px 5px; } .dialog .frame .RegistRationbuttonCopy { height: 23px; width: 74px; background-image: url(images/dlg_btn_reg.png); background-position: center top; color: #FFFFFF; border: 0; text-align: center; margin: 5px 0 5px 5px; } .AlphaLogo { padding-right: 20px; } .AlphaLogo img { width: 100px; } .infoBox { width: 300px; border-color: black; padding: 40px 30px 60px 30px; cursor: default; border: solid 2px #444; border-radius: 10px; text-align: center; background-color: #e3e3e3; } .buttonUploadForBackOffice { border-right: #bebebe 1px solid; padding-right: 4px; border-top: #bebebe 1px solid; padding-left: 4px; font-weight: bold; border-left: #bebebe 1px solid; cursor: pointer; border-bottom: #bebebe 1px solid; font-family: Arial; color: black; font-size: 11px; background-color: #efefef; margin-bottom: 14px; } .buttonUploadProgressBarForBackOffice { background-color: #ACACAC; } .previewImg { height: 100px; width: auto; } .previewNonImage { width: 30px; } .Item { } .Item .Details { padding-left: 20px; padding-right: 20px; } .seperator { padding-left: 10px; padding-right: 10px; } .glyphicon-off:before { font-size: 0.7143em; } .panel-heading-office { background-color: #f9f9f9; Font-weight: bolder; padding: 10px; } .panel-office { background-color: #e2e2e2; color: #565656; border-radius: 5px; } .panel-office .panel-body { padding: 15px; background-color: inherit; } .panel-office .panel-body .tree-node { background-color: white; border-radius: 5px; } img { box-sizing: content-box; } .panel-office { background-color: #ebebeb; border-color: #ddd; border-style: solid; border-width: thin; } .Popup { width: 393px; border: solid 1px #f1f1f1; background: url(../../login/images/login-box-bg.png) repeat-x bottom; height: auto; border-color: black; text-align: center; color: #525252; } .highlighted-text { font-size: 130%; vertical-align: middle; font-weight: bold; } .checkControl input[type=checkbox], .checkControl input[type=radio] { margin: 0 auto; } .listControl input[type=checkbox], .listControl input[type=radio] { margin: 0 auto; } .listControl label { margin-right: 10px; } .field-validation-error, .validation-summary-errors { color: red; } .eaf_pmi_cc { margin-bottom: 1rem; } .eaf_pmi_cc img { max-width: 50px; }