/* Minification failed. Returning unminified contents. (10,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (11,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (12,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (39,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (48,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (50,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (51,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (52,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (53,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (54,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (55,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (57,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (59,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (60,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (61,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (62,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (66,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (67,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (68,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (69,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (70,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (71,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (72,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (73,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (74,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (75,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (76,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (77,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (78,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (79,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (80,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (81,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (82,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (83,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (84,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (85,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (86,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (87,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (88,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (89,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (90,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (91,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (92,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (93,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (94,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (95,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (96,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (97,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (98,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (99,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (100,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (101,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (102,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (103,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (104,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (105,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (106,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (107,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (108,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (109,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (110,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (111,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (112,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (113,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (114,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (115,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (116,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (117,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (118,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (119,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (120,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (121,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (122,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (123,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (124,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (125,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (130,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (131,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (132,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (133,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (134,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (135,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (136,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (137,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (138,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (139,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (140,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (141,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (142,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (143,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (144,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (145,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (147,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (150,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (152,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (154,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (155,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (157,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (158,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (159,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (160,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (163,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (164,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (167,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (168,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (169,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (170,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (171,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (172,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (173,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (174,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (175,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (176,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (177,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (178,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (179,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (196,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-family' (197,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-size' (198,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-font-weight' (199,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-line-height' (200,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (201,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-text-align' (202,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (211,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (220,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-heading-color' (331,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-highlight-bg' (351,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb' (351,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (356,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (368,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (388,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-code-color' (399,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (400,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (426,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (727,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (728,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (728,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (729,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (745,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (755,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (756,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (758,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (759,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (795,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (796,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (797,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (798,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (799,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (800,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (804,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (805,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (808,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (809,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (810,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (817,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (818,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (819,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-y' (972,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (977,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (982,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (987,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (992,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (997,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1002,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1012,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1022,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1027,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1633,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1638,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1643,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1663,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1882,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2101,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2102,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2103,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2104,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2105,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2106,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2107,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2108,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2109,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2110,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2111,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2112,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2113,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2114,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2118,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2123,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color-state' (2123,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color-type' (2123,70): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2124,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg' (2125,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2126,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-state' (2126,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg-type' (2126,88): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (2138,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2150,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2154,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2167,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2171,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2172,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2176,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2177,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2181,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2182,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2186,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2188,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2189,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2190,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2195,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2196,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2200,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2201,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2202,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2203,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2205,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2206,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2207,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2208,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2209,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2210,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2215,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2216,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2217,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2218,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2220,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2222,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2223,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2224,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2230,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2232,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2235,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2236,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2237,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2238,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2242,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2243,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2245,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2246,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2247,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2248,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2250,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2251,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2252,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2256,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2257,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2258,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2259,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2260,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2261,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2262,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2263,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2264,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2265,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2266,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2270,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2271,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2272,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2273,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2274,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2275,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2276,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2277,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2278,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2279,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2280,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2284,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2285,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2286,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2287,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2288,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2289,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2290,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2291,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2292,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2293,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-color' (2294,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-border-color' (2342,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2343,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2350,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2351,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2356,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2357,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2364,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (2374,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2375,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2377,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2377,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2379,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2398,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2399,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2417,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (2422,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg' (2430,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2431,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg' (2436,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2448,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg' (2457,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2460,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2473,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2476,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (2486,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2489,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (2499,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2503,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2507,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2512,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2522,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2527,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2531,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2535,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2539,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2546,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2547,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2548,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-img' (2548,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-select-bg-icon' (2552,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2552,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2553,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2576,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg' (2581,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2589,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (2597,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (2601,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2629,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2634,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg' (2635,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-check-bg-image' (2639,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2639,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2668,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2672,4): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2700,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-switch-bg' (2713,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2718,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2749,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2802,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg' (2832,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg' (2842,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (2846,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (2856,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2857,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2873,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2916,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (2929,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (2930,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (2934,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (2939,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2947,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg' (2989,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (2992,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg' (2993,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (2993,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (2994,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (3003,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (3012,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (3037,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (3053,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color' (3066,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (3067,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (3078,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color' (3087,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color' (3088,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (3097,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color' (3101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3108,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color' (3109,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (3117,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-border-color' (3121,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color' (3125,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (3129,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-valid-color' (3149,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color' (3162,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (3163,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (3174,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color' (3183,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color' (3184,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (3193,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color' (3197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3204,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color' (3205,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (3213,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-border-color' (3217,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color' (3221,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (3225,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-form-invalid-color' (3241,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3242,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3243,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3245,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3246,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3247,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3248,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3250,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3251,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3252,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3253,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3254,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3255,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3257,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-y' (3257,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-padding-x' (3258,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-family' (3259,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-size' (3260,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-font-weight' (3261,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-line-height' (3262,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color' (3268,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-width' (3268,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color' (3269,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-radius' (3270,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg' (3281,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color' (3282,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg' (3283,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color' (3287,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color' (3288,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-bg' (3289,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-border-color' (3293,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color' (3294,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-bg' (3295,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color' (3297,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow' (3301,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-border-color' (3303,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow' (3307,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-color' (3308,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-bg' (3309,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-active-border-color' (3313,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-focus-box-shadow' (3317,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-color' (3319,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-bg' (3320,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-border-color' (3321,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-disabled-opacity' (3325,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3326,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3327,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3328,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3329,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3330,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3331,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3332,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3333,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3334,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3335,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3336,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3337,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3338,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3342,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3343,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3344,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3345,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3346,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3347,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3348,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3349,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3350,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3351,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3352,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3353,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3354,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3355,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3359,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3360,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3361,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3362,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3363,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3364,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3365,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3366,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3367,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3368,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3369,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3370,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3371,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3372,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3376,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3377,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3378,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3379,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3380,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3381,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3382,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3383,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3384,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3385,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3386,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3387,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3388,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3389,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3393,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3394,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3395,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3396,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3397,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3398,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3399,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3400,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3401,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3402,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3403,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3404,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3405,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3406,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3410,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3411,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3412,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3413,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3414,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3415,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3416,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3417,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3418,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3419,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3420,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3421,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3422,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3423,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3427,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3428,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3429,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3430,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3431,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3432,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3433,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3434,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3435,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3436,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3437,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3438,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3439,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3440,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3444,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3445,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3446,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3447,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3448,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3449,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3450,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3451,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3452,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3453,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3454,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3455,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3456,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3457,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3461,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3462,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3463,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3464,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3465,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3466,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3467,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3468,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3469,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3470,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3471,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3472,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3473,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3474,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3478,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3479,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3480,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3481,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3482,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3483,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3484,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3485,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3486,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3487,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3488,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3489,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3490,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3491,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3495,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3496,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3497,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3498,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3499,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3500,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3501,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3502,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3503,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3504,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3505,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3506,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3507,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3508,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3512,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3513,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3514,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3515,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3516,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3517,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3518,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3519,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3520,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3521,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3522,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3523,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3524,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3525,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3529,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3530,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3531,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3532,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3533,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3534,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3535,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3536,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3537,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3538,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3539,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3540,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3541,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3542,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3546,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3547,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3548,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3549,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3550,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3551,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3552,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3553,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3554,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3555,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3556,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3557,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3558,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3559,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3563,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3564,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3565,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3566,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3567,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3568,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3569,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3570,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3571,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3572,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3573,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3574,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3575,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3576,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3580,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3581,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3582,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3583,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3584,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3585,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3586,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3587,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3588,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3589,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3590,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3591,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3592,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3593,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3597,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3598,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3599,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3600,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3601,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3602,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3603,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3604,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3605,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3606,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3607,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3608,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3613,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-color' (3617,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-hover-color' (3621,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3622,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3623,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3624,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3628,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3629,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3630,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3631,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3705,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3706,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3707,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3708,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3709,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3710,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3711,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3712,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3713,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3714,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3715,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3716,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3717,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3718,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3719,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3720,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3721,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3722,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3723,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3724,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3725,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3726,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3727,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3728,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3729,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3730,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3732,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-zindex' (3734,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-min-width' (3735,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-y' (3735,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-padding-x' (3737,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-font-size' (3738,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-color' (3741,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-bg' (3743,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-width' (3743,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-color' (3744,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-border-radius' (3750,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer' (3754,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3763,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3793,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3802,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3813,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (3875,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer' (3898,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer' (3925,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-spacer' (3959,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-margin-y' (3961,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-divider-bg' (3968,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y' (3968,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x' (3971,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color' (3977,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-border-radius' (3981,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color' (3982,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg' (3986,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-color' (3988,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-active-bg' (3992,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-disabled-color' (4003,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-y' (4003,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-padding-x' (4006,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-header-color' (4012,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-y' (4012,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-item-padding-x' (4013,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-color' (4017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4018,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4019,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4020,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4021,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4022,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4023,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4024,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4025,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4026,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4027,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4028,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4070,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (4075,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (4128,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (4144,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4145,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4147,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4159,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-y' (4159,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-padding-x' (4160,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-size' (4161,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-font-weight' (4162,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-color' (4176,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-hover-color' (4185,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color' (4191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4195,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4196,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4197,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4198,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (4198,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-color' (4202,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (4203,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (4204,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius' (4205,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-radius' (4210,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-hover-border-color' (4214,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color' (4221,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-color' (4222,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-bg' (4223,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-link-active-border-color' (4227,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-tabs-border-width' (4233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4235,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4239,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-border-radius' (4243,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-link-disabled-color' (4250,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-color' (4251,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-pills-link-active-bg' (4255,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4256,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4257,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4258,12): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-gap' (4264,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-border-width' (4274,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-nav-underline-link-active-color' (4305,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4306,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4307,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4308,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4309,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4310,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4311,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4312,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4313,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4314,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4315,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4316,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4317,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4318,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4319,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4320,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4321,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4322,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4323,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4330,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-y' (4330,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-padding-x' (4347,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y' (4348,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-padding-y' (4349,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-margin-end' (4350,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-font-size' (4351,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-color' (4357,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-brand-hover-color' (4361,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4362,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4363,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4364,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4365,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4366,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4375,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color' (4385,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color' (4391,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-active-color' (4401,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-y' (4401,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-padding-x' (4402,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-font-size' (4404,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-color' (4406,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (4406,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-color' (4407,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-border-radius' (4408,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-transition' (4424,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-focus-width' (4432,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-toggler-icon-bg' (4439,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-scroll-height' (4458,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4459,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4515,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4516,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4572,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4573,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4629,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4630,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4686,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4687,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4742,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4743,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-navbar-nav-link-padding-x' (4785,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4786,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4787,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4788,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4789,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4790,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4791,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4792,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4796,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4800,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4801,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4802,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4803,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4804,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4805,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4806,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4807,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4808,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4809,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4810,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4811,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4812,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4813,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4814,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4815,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4816,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4817,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4818,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4823,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-height' (4824,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (4826,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg' (4828,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width' (4828,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color' (4829,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-radius' (4844,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4845,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4850,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4851,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4861,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-y' (4861,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x' (4862,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-color' (4866,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y' (4867,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-color' (4871,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-title-spacer-y' (4873,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-subtitle-color' (4881,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-spacer-x' (4885,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y' (4885,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (4887,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color' (4888,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg' (4889,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width' (4889,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color' (4893,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4893,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4897,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y' (4897,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (4898,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-color' (4899,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-bg' (4900,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-width' (4900,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-border-color' (4904,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4904,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4908,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (4909,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-y' (4910,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (4915,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg' (4916,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-bg' (4920,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (4921,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-cap-padding-x' (4930,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-img-overlay-padding' (4931,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4942,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4943,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4948,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4949,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-inner-border-radius' (4953,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-card-group-margin' (5004,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5005,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5006,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5008,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5009,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5011,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5012,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5013,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5014,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5015,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5016,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5017,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5018,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5019,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5020,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5021,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5022,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5023,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5024,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5025,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5033,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-y' (5033,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-padding-x' (5035,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-color' (5037,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-bg' (5041,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-transition' (5051,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-color' (5052,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-active-bg' (5053,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width' (5053,73): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color' (5057,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-active-icon' (5058,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transform' (5063,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (5064,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (5067,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon' (5069,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-width' (5070,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-icon-transition' (5085,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-border-color' (5087,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-btn-focus-box-shadow' (5095,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-color' (5096,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-bg' (5097,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-width' (5097,54): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-color' (5101,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (5102,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (5106,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (5107,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (5115,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (5116,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (5120,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (5121,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-inner-border-radius' (5125,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (5126,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-border-radius' (5130,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-y' (5130,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-accordion-body-padding-x' (5156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5157,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5161,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5162,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5163,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5164,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5165,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5166,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5167,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5168,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5171,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-y' (5171,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-padding-x' (5172,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-margin-bottom' (5173,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-font-size' (5175,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-bg' (5176,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-border-radius' (5180,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x' (5185,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-padding-x' (5186,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider-color' (5187,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-divider' (5191,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-breadcrumb-item-active-color' (5195,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5196,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5197,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5198,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5199,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5200,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5201,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5202,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5203,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5205,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5206,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5207,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5208,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5209,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5210,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5211,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5212,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5213,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5223,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-y' (5223,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-padding-x' (5224,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-font-size' (5225,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-color' (5227,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-bg' (5228,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-width' (5228,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-color' (5240,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-color' (5241,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-bg' (5242,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-hover-border-color' (5247,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-color' (5248,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-bg' (5250,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-focus-box-shadow' (5255,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-color' (5256,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-bg' (5257,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-active-border-color' (5261,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-color' (5263,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-bg' (5264,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-disabled-border-color' (5268,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (5272,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius' (5273,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius' (5277,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius' (5278,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-pagination-border-radius' (5282,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5283,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5284,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5285,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5289,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5290,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5291,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5292,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5296,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5297,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5298,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5299,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5300,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5301,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5303,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-y' (5303,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-padding-x' (5304,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-size' (5305,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-font-weight' (5307,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-color' (5311,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-badge-border-radius' (5324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5325,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5326,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5327,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5328,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5329,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5330,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5331,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5332,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5334,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-y' (5334,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-padding-x' (5335,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-margin-bottom' (5336,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-color' (5337,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-bg' (5338,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border' (5339,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-border-radius' (5348,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-alert-link-color' (5364,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5365,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5366,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5367,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5371,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5372,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5373,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5374,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5378,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5379,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5380,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5381,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5385,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5386,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5387,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5388,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5392,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5393,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5394,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5395,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5399,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5400,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5401,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5402,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5406,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5407,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5408,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5409,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5413,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5414,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5415,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5416,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5427,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5428,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5429,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5430,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5431,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5432,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5433,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5434,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5436,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height' (5438,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-font-size' (5439,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bg' (5440,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-border-radius' (5448,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-color' (5451,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-bg' (5452,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-bar-transition' (5463,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height' (5463,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-progress-height' (5485,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5486,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5487,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5488,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5489,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5490,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5491,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5492,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5493,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5494,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5495,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5496,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5497,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5498,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5499,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5500,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5501,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5506,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5521,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-color' (5527,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-color' (5529,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-hover-bg' (5533,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-color' (5534,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-action-active-bg' (5540,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-y' (5540,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-item-padding-x' (5541,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-color' (5543,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-bg' (5544,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5544,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-color' (5558,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-color' (5560,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-disabled-bg' (5565,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-color' (5566,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-bg' (5567,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-active-border-color' (5575,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5576,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5584,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5589,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5598,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5603,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5604,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5613,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5618,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5627,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5632,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5633,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5643,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5648,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5657,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5662,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5663,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5673,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5678,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5687,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5692,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5693,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5703,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5708,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5717,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5722,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5723,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5733,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5738,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-radius' (5747,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5752,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5753,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5762,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-list-group-border-width' (5770,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5771,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5772,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5773,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5774,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5775,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5776,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5777,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5778,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5779,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5783,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5784,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5785,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5786,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5787,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5788,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5789,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5790,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5791,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5792,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5796,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5797,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5798,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5799,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5800,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5801,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5802,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5803,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5804,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5805,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5809,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5810,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5811,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5812,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5813,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5814,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5815,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5816,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5817,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5818,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5822,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5823,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5824,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5825,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5826,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5827,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5828,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5829,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5830,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5831,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5835,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5836,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5837,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5838,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5839,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5840,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5841,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5842,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5843,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5844,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5849,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5850,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5851,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5852,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5853,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5854,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5855,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5856,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5857,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5861,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5862,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5863,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5864,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5865,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5866,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5867,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5868,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5869,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5870,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5874,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5875,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5876,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5877,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5878,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5879,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5880,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5881,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5886,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color' (5887,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-bg' (5890,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-opacity' (5894,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-color' (5896,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-hover-opacity' (5901,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-shadow' (5902,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-focus-opacity' (5908,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-disabled-opacity' (5912,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-white-filter' (5916,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-btn-close-white-filter' (5920,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5921,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5922,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5923,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5924,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5925,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5926,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5927,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5928,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5929,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5930,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5931,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5932,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5933,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5934,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5935,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-max-width' (5937,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-font-size' (5938,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-color' (5940,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-bg' (5942,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width' (5942,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-color' (5943,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-box-shadow' (5944,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius' (5956,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5958,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-zindex' (5965,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-spacing' (5971,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-y' (5971,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x' (5972,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-color' (5973,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-bg' (5975,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width' (5975,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-header-border-color' (5976,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius' (5976,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width' (5977,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-radius' (5977,69): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-border-width' (5981,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x' (5982,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x' (5986,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-toast-padding-x' (5991,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5992,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5993,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5994,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5995,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5996,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5997,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5998,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5999,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6000,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6001,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6002,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6003,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6004,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6005,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6006,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6007,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6008,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6009,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6010,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6011,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6015,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-zindex' (6027,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin' (6051,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin' (6066,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-margin' (6074,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-color' (6076,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-bg' (6078,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-width' (6078,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-color' (6079,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-border-radius' (6084,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6085,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6086,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6090,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-zindex' (6093,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-bg' (6101,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-backdrop-opacity' (6109,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding' (6110,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-width' (6110,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-border-color' (6111,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (6112,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (6116,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y' (6116,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x' (6117,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y' (6117,74): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-x' (6117,120): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-header-padding-y' (6122,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-title-line-height' (6128,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding' (6137,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-padding' (6137,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap' (6138,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-bg' (6139,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-width' (6139,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-border-color' (6140,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (6141,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-inner-border-radius' (6145,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-footer-gap' (6150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6155,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-modal-width' (6161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6321,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6322,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6323,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6325,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6326,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6327,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6328,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6329,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6330,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6331,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6332,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6333,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-zindex' (6335,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-margin' (6336,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (6350,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-font-size' (6356,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-opacity' (6361,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6362,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6373,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6378,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6378,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6379,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (6384,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6385,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6386,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6391,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6391,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6391,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6392,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (6397,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6402,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6402,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6403,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (6408,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6409,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6410,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6415,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6415,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-width' (6415,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-arrow-height' (6416,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (6421,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-max-width' (6422,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-y' (6422,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-padding-x' (6423,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-color' (6425,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-bg' (6426,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-tooltip-border-radius' (6430,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6431,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6432,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6433,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6434,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6435,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6436,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6437,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6438,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6439,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6440,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6441,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6442,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6443,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6444,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6445,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6446,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6447,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6448,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6449,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6450,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-zindex' (6452,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-max-width' (6453,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-sans-serif' (6467,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-font-size' (6469,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg' (6471,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6471,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color' (6472,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-radius' (6477,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6478,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6491,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6491,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6495,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6495,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6500,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border' (6504,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6505,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg' (6510,24): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6510,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6511,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6512,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6516,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6516,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6516,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6521,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border' (6525,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6526,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg' (6531,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6531,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6535,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6535,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6540,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border' (6544,13): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6545,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg' (6553,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6554,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6556,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6556,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg' (6561,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6561,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6562,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6563,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6567,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6567,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-width' (6567,108): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-height' (6572,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-arrow-border' (6576,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6577,27): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-bg' (6582,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-y' (6582,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-padding-x' (6584,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-font-size' (6585,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-color' (6586,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-header-bg' (6587,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-width' (6587,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-border-color' (6588,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius' (6589,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-inner-border-radius' (6597,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-y' (6597,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-padding-x' (6598,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-popover-body-color' (6833,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-width' (6834,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-height' (6835,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-vertical-align' (6837,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-speed' (6837,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-animation-name' (6847,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6848,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6849,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6850,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6851,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6852,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6853,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-spinner-border-width' (6858,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6859,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6860,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6875,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6876,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6877,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6878,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6879,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6885,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6886,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6897,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6898,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6899,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6900,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6901,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6902,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6903,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6904,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6905,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6906,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6907,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6908,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6915,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex' (6919,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color' (6921,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg' (6924,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition' (6938,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (6939,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (6939,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (6948,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (6949,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (6949,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (6959,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (6961,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (6961,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (6970,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (6972,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (6972,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (6991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7013,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex' (7017,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color' (7019,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg' (7022,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition' (7036,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7037,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7037,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7046,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7047,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7047,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7057,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7059,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7059,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7068,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7070,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7070,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7111,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex' (7115,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color' (7117,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg' (7120,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition' (7134,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7135,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7135,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7144,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7145,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7145,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7155,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7157,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7157,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7166,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7168,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7168,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7188,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7209,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex' (7213,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color' (7215,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg' (7218,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition' (7232,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7233,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7233,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7242,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7243,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7243,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7253,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7255,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7255,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7264,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7266,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7266,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7307,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex' (7311,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color' (7313,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg' (7316,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition' (7330,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7331,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7331,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7340,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7341,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7341,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7351,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7353,23): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7353,62): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7362,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7364,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7364,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7383,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7404,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-zindex' (7408,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-color' (7410,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-bg' (7413,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-transition' (7425,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7426,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7426,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7433,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-width' (7434,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7434,59): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7442,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7444,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7444,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7451,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-height' (7453,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-width' (7453,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-border-color' (7487,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y' (7487,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x' (7491,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y' (7491,64): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x' (7492,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y' (7493,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x' (7494,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y' (7499,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-title-line-height' (7504,16): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-y' (7504,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-offcanvas-padding-x' (7564,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7569,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7574,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7579,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7584,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7589,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7594,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7599,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (7603,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (7603,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7604,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (7604,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7608,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7609,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7613,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (7613,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7614,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (7614,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7618,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7619,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7623,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (7623,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7624,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (7624,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7628,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7629,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7633,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (7633,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7634,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (7634,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7638,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7639,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7643,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (7643,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7644,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (7644,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7648,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7649,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7653,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (7653,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7654,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (7654,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7658,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7659,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7663,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (7663,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7664,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (7664,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7668,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7669,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7673,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (7673,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7674,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (7674,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7678,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7679,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7683,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb' (7683,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7684,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb' (7684,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7688,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb' (7688,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7689,36): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color-rgb' (7689,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (7694,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-x' (7694,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-y' (7694,71): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-blur' (7694,100): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-width' (7694,127): run-time error CSS1039: Token not allowed after unary operator: '-bs-focus-ring-color' (7701,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb' (7701,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-opacity' (7721,18): run-time error CSS1039: Token not allowed after unary operator: '-bs-icon-link-transform' (7731,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-aspect-ratio' (7744,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7748,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7752,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7756,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8178,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (8178,38): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style' (8178,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (8186,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (8186,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style' (8186,65): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (8194,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (8194,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style' (8194,67): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (8202,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (8202,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style' (8202,68): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (8210,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-width' (8210,43): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-style' (8210,66): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (8218,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8219,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (8219,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8224,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (8224,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8229,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (8229,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8233,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8234,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (8234,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8238,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8239,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (8239,49): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8243,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8244,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (8244,48): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8248,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8249,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (8249,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8253,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8254,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (8254,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8258,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8259,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (8259,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8263,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8264,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (8264,47): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-opacity' (8268,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-border-subtle' (8272,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-border-subtle' (8276,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-border-subtle' (8280,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-border-subtle' (8284,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-border-subtle' (8288,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-border-subtle' (8292,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-border-subtle' (8296,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-border-subtle' (8320,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8324,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8328,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8332,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8336,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9038,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (9169,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9170,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (9170,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9174,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9175,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (9175,44): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9179,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9180,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (9180,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9184,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9185,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (9185,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9189,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9190,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (9190,42): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9195,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (9195,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9199,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9200,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (9200,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9204,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9205,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (9205,39): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9209,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9210,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (9210,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9214,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9215,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (9215,40): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9220,19): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (9220,45): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (9224,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9225,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (9229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9234,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9239,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9240,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-color' (9244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9245,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-color' (9249,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9250,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-emphasis-color' (9254,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9259,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9263,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9267,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9271,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9275,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-text-emphasis' (9279,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-text-emphasis' (9283,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-text-emphasis' (9287,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-text-emphasis' (9291,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-text-emphasis' (9295,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-text-emphasis' (9299,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-text-emphasis' (9303,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-text-emphasis' (9307,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9311,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9315,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9319,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9323,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9327,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9331,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9335,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9339,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9343,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9371,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9372,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (9372,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9376,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9377,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (9377,60): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9381,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9382,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (9382,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9386,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9387,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (9387,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9391,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9392,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (9392,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9396,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9397,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (9397,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9401,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9402,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (9402,56): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9406,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9407,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (9407,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9411,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9412,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-color-rgb' (9412,61): run-time error CSS1039: Token not allowed after unary operator: '-bs-link-underline-opacity' (9416,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9420,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9424,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9428,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9432,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9436,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9440,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9444,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9448,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9452,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9456,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9460,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9464,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9465,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-rgb' (9465,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9469,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9470,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-rgb' (9470,55): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9474,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9475,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-rgb' (9475,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9479,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9480,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-rgb' (9480,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9484,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9485,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-rgb' (9485,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9489,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9490,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-rgb' (9490,52): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9494,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9495,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-rgb' (9495,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9499,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9500,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (9500,50): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9504,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9505,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-black-rgb' (9505,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9509,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9510,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-white-rgb' (9510,51): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9514,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9515,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-rgb' (9515,53): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9519,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9524,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9525,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg-rgb' (9525,58): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9529,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9530,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-tertiary-bg-rgb' (9530,57): run-time error CSS1039: Token not allowed after unary operator: '-bs-bg-opacity' (9534,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9538,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9542,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9546,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9550,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9554,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-primary-bg-subtle' (9558,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-secondary-bg-subtle' (9562,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-success-bg-subtle' (9566,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-info-bg-subtle' (9570,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning-bg-subtle' (9574,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger-bg-subtle' (9578,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-light-bg-subtle' (9582,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-bg-subtle' (9586,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-gradient' (9610,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9618,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9622,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9626,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9630,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9634,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9642,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9646,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9647,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9656,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9657,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9661,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9662,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9666,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9667,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9671,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9672,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9676,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9677,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9686,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9687,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9691,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9692,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9701,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9702,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9706,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9707,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9711,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9712,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9716,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9717,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9721,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9722,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9731,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9732,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9736,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9737,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9746,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9747,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9751,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9752,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9756,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9757,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9761,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9762,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9766,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9767,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9776,35): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9777,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9781,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9782,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9791,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9792,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-sm' (9796,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9797,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius' (9801,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9802,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-lg' (9806,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9807,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xl' (9811,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9812,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-xxl' (9821,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (9822,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill' (20095,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-font-monospace' (21448,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (24550,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (24555,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (24568,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (24624,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (24629,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (24642,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (30929,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30930,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30931,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30932,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30933,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30934,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30935,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30936,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30937,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30938,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30939,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30940,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30941,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30942,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31037,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31038,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31039,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31040,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31041,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31042,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31043,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31044,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31045,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31046,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31047,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31048,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31049,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31050,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31180,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31181,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31182,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31183,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31184,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31185,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31186,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31187,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31188,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31189,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31190,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31191,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31192,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31193,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31288,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31289,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31290,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31291,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31292,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31293,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31294,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31295,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31296,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31297,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31298,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31299,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31300,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31301,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31515,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (31522,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (33023,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33024,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33130,29): run-time error CSS1039: Token not allowed after unary operator: '-bs-gutter-x' (33215,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33248,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33262,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33266,28): run-time error CSS1039: Token not allowed after unary operator: '-color-red-aaa' (33270,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33275,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red-aaa' (33280,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33284,32): run-time error CSS1039: Token not allowed after unary operator: '-color-gray-aaa' (33293,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33298,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33304,21): run-time error CSS1039: Token not allowed after unary operator: '-color-red-aaa' (33309,17): run-time error CSS1039: Token not allowed after unary operator: '-color-red-aaa' (33316,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33321,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33332,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33632,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' (33638,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33947,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary-aaa' */ @charset "UTF-8"; /* State Web Template Version 6.2.0 */ /*! * Bootstrap v5.3.0 (https://getbootstrap.com/) * Copyright 2011-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-indigo: #6610f2; --bs-purple: #6f42c1; --bs-pink: #d63384; --bs-red: #dc3545; --bs-orange: #fd7e14; --bs-yellow: #ffc107; --bs-green: #198754; --bs-teal: #20c997; --bs-cyan: #0dcaf0; --bs-black: #000; --bs-white: #fff; --bs-gray: #6c757d; --bs-gray-dark: #343a40; --bs-gray-100: #f8f9fa; --bs-gray-200: #e9ecef; --bs-gray-300: #dee2e6; --bs-gray-400: #ced4da; --bs-gray-500: #adb5bd; --bs-gray-600: #6c757d; --bs-gray-700: #495057; --bs-gray-800: #343a40; --bs-gray-900: #212529; --bs-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --bs-light-border-subtle: #e9ecef; --bs-dark-border-subtle: #adb5bd; --bs-white-rgb: 255, 255, 255; --bs-black-rgb: 0, 0, 0; --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --bs-body-font-family: var(--bs-font-sans-serif); --bs-body-font-size: 1rem; --bs-body-font-weight: 400; --bs-body-line-height: 1.5; --bs-body-color: #212529; --bs-body-color-rgb: 33, 37, 41; --bs-body-bg: #fff; --bs-body-bg-rgb: 255, 255, 255; --bs-emphasis-color: #000; --bs-emphasis-color-rgb: 0, 0, 0; --bs-secondary-color: rgba(33, 37, 41, 0.75); --bs-secondary-color-rgb: 33, 37, 41; --bs-secondary-bg: #e9ecef; --bs-secondary-bg-rgb: 233, 236, 239; --bs-tertiary-color: rgba(33, 37, 41, 0.5); --bs-tertiary-color-rgb: 33, 37, 41; --bs-tertiary-bg: #f8f9fa; --bs-tertiary-bg-rgb: 248, 249, 250; --bs-heading-color: inherit; --bs-link-color: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --bs-border-color-translucent: rgba(0, 0, 0, 0.175); --bs-border-radius: 0.375rem; --bs-border-radius-sm: 0.25rem; --bs-border-radius-lg: 0.5rem; --bs-border-radius-xl: 1rem; --bs-border-radius-xxl: 2rem; --bs-border-radius-2xl: var(--bs-border-radius-xxl); --bs-border-radius-pill: 50rem; --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); --bs-focus-ring-width: 0.25rem; --bs-focus-ring-opacity: 0.25; --bs-focus-ring-color: rgba(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #adb5bd; --bs-body-color-rgb: 173, 181, 189; --bs-body-bg: #212529; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(173, 181, 189, 0.75); --bs-secondary-color-rgb: 173, 181, 189; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(173, 181, 189, 0.5); --bs-tertiary-color-rgb: 173, 181, 189; --bs-tertiary-bg: #2b3035; --bs-tertiary-bg-rgb: 43, 48, 53; --bs-primary-text-emphasis: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --bs-code-color: #e685b5; --bs-border-color: #495057; --bs-border-color-translucent: rgba(255, 255, 255, 0.15); --bs-form-valid-color: #75b798; --bs-form-valid-border-color: #75b798; --bs-form-invalid-color: #ea868f; --bs-form-invalid-border-color: #ea868f; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size); font-weight: var(--bs-body-font-weight); line-height: var(--bs-body-line-height); color: var(--bs-body-color); text-align: var(--bs-body-text-align); background-color: var(--bs-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--bs-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--bs-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { text-decoration: underline dotted; cursor: help; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul { padding-left: 2rem; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; margin-left: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; background-color: var(--bs-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); text-decoration: underline; } a:hover { --bs-link-color-rgb: var(--bs-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--bs-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--bs-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--bs-body-bg); background-color: var(--bs-body-color); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-secondary-color); text-align: left; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { float: left; width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { outline-offset: -2px; -webkit-appearance: textfield; } /* rtl:raw: [type="tel"], [type="url"], [type="email"], [type="number"] { direction: ltr; } */ ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; } .list-inline-item { display: inline-block; } .list-inline-item:not(:last-child) { margin-right: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--bs-secondary-color); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 540px; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 720px; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px; } } :root { --bs-breakpoint-xs: 0; --bs-breakpoint-sm: 576px; --bs-breakpoint-md: 768px; --bs-breakpoint-lg: 992px; --bs-breakpoint-xl: 1200px; --bs-breakpoint-xxl: 1400px; } .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--bs-gutter-y)); margin-right: calc(-0.5 * var(--bs-gutter-x)); margin-left: calc(-0.5 * var(--bs-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-top: var(--bs-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } .offset-1 { margin-left: 8.33333333%; } .offset-2 { margin-left: 16.66666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333333%; } .offset-5 { margin-left: 41.66666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333333%; } .offset-8 { margin-left: 66.66666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333333%; } .offset-11 { margin-left: 91.66666667%; } .g-0, .gx-0 { --bs-gutter-x: 0; } .g-0, .gy-0 { --bs-gutter-y: 0; } .g-1, .gx-1 { --bs-gutter-x: 0.25rem; } .g-1, .gy-1 { --bs-gutter-y: 0.25rem; } .g-2, .gx-2 { --bs-gutter-x: 0.5rem; } .g-2, .gy-2 { --bs-gutter-y: 0.5rem; } .g-3, .gx-3 { --bs-gutter-x: 1rem; } .g-3, .gy-3 { --bs-gutter-y: 1rem; } .g-4, .gx-4 { --bs-gutter-x: 1.5rem; } .g-4, .gy-4 { --bs-gutter-y: 1.5rem; } .g-5, .gx-5 { --bs-gutter-x: 3rem; } .g-5, .gy-5 { --bs-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333333%; } .offset-sm-2 { margin-left: 16.66666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333333%; } .offset-sm-5 { margin-left: 41.66666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333333%; } .offset-sm-8 { margin-left: 66.66666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333333%; } .offset-sm-11 { margin-left: 91.66666667%; } .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333333%; } .offset-md-2 { margin-left: 16.66666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333333%; } .offset-md-5 { margin-left: 41.66666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333333%; } .offset-md-8 { margin-left: 66.66666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333333%; } .offset-md-11 { margin-left: 91.66666667%; } .g-md-0, .gx-md-0 { --bs-gutter-x: 0; } .g-md-0, .gy-md-0 { --bs-gutter-y: 0; } .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333333%; } .offset-lg-2 { margin-left: 16.66666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333333%; } .offset-lg-5 { margin-left: 41.66666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333333%; } .offset-lg-8 { margin-left: 66.66666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333333%; } .offset-lg-11 { margin-left: 91.66666667%; } .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.33333333%; } .offset-xl-2 { margin-left: 16.66666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333333%; } .offset-xl-5 { margin-left: 41.66666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333333%; } .offset-xl-8 { margin-left: 66.66666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333333%; } .offset-xl-11 { margin-left: 91.66666667%; } .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.3333333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.6666666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } .offset-xxl-0 { margin-left: 0; } .offset-xxl-1 { margin-left: 8.33333333%; } .offset-xxl-2 { margin-left: 16.66666667%; } .offset-xxl-3 { margin-left: 25%; } .offset-xxl-4 { margin-left: 33.33333333%; } .offset-xxl-5 { margin-left: 41.66666667%; } .offset-xxl-6 { margin-left: 50%; } .offset-xxl-7 { margin-left: 58.33333333%; } .offset-xxl-8 { margin-left: 66.66666667%; } .offset-xxl-9 { margin-left: 75%; } .offset-xxl-10 { margin-left: 83.33333333%; } .offset-xxl-11 { margin-left: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 3rem; } } .table { --bs-table-color-type: initial; --bs-table-bg-type: initial; --bs-table-color-state: initial; --bs-table-bg-state: initial; --bs-table-color: var(--bs-body-color); --bs-table-bg: var(--bs-body-bg); --bs-table-border-color: var(--bs-border-color); --bs-table-accent-bg: transparent; --bs-table-striped-color: var(--bs-body-color); --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: var(--bs-body-color); --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: var(--bs-body-color); --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--bs-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); background-color: var(--bs-table-bg); border-bottom-width: var(--bs-border-width); box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color); --bs-table-bg-type: var(--bs-table-striped-bg); } .table-active { --bs-table-color-state: var(--bs-table-active-color); --bs-table-bg-state: var(--bs-table-active-bg); } .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color); --bs-table-bg-state: var(--bs-table-hover-bg); } .table-primary { --bs-table-color: #000; --bs-table-bg: #cfe2ff; --bs-table-border-color: #bacbe6; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-secondary { --bs-table-color: #000; --bs-table-bg: #e2e3e5; --bs-table-border-color: #cbccce; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-success { --bs-table-color: #000; --bs-table-bg: #d1e7dd; --bs-table-border-color: #bcd0c7; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-info { --bs-table-color: #000; --bs-table-bg: #cff4fc; --bs-table-border-color: #badce3; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-warning { --bs-table-color: #000; --bs-table-bg: #fff3cd; --bs-table-border-color: #e6dbb9; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-danger { --bs-table-color: #000; --bs-table-bg: #f8d7da; --bs-table-border-color: #dfc2c4; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-light { --bs-table-color: #000; --bs-table-bg: #f8f9fa; --bs-table-border-color: #dfe0e1; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-dark { --bs-table-color: #fff; --bs-table-bg: #212529; --bs-table-border-color: #373b3e; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: var(--bs-table-color); border-color: var(--bs-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width)); padding-bottom: calc(0.375rem + var(--bs-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width)); padding-bottom: calc(0.5rem + var(--bs-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width)); padding-bottom: calc(0.25rem + var(--bs-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); appearance: none; border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--bs-secondary-color); opacity: 1; } .form-control:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--bs-body-color); background-color: transparent; border: solid transparent; border-width: var(--bs-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); } .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; padding: 0.375rem 2.25rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem; background-image: none; } .form-select:disabled { background-color: var(--bs-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem; } .form-check .form-check-input { float: left; margin-left: -1.5em; } .form-check-reverse { padding-right: 1.5em; padding-left: 0; text-align: right; } .form-check-reverse .form-check-input { float: right; margin-right: -1.5em; margin-left: 0; } .form-check-input { --bs-form-check-bg: var(--bs-body-bg); width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); appearance: none; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd; border-color: #0d6efd; --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-switch { padding-left: 2.5em; } .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); width: 2em; margin-left: -2.5em; background-image: var(--bs-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .form-switch.form-check-reverse { padding-right: 2.5em; padding-left: 0; } .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em; margin-left: 0; } .form-check-inline { display: inline-block; margin-right: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); } .form-range { width: 100%; height: 1.5rem; padding: 0; background-color: transparent; appearance: none; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #0d6efd; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #b6d4fe; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-tertiary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #0d6efd; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { transition: none; } } .form-range::-moz-range-thumb:active { background-color: #b6d4fe; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--bs-tertiary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--bs-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--bs-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .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; } .form-floating > label { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; padding: 1rem 0.75rem; overflow: hidden; text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--bs-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control-plaintext ~ label { border-width: var(--bs-border-width) 0; } .form-floating > :disabled ~ label { color: #6c757d; } .form-floating > :disabled ~ label::after { background-color: var(--bs-secondary-bg); } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); text-align: center; white-space: nowrap; background-color: var(--bs-tertiary-bg); border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--bs-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--bs-border-radius-sm); } .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem; } .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--bs-border-width) * -1); border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; border-bottom-left-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-success); border-radius: var(--bs-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color); } .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--bs-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--bs-danger); border-radius: var(--bs-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color); padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); padding-right: 4.125rem; background-position: right 0.75rem center, center right 2.25rem; background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color); } .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --bs-btn-padding-x: 0.75rem; --bs-btn-padding-y: 0.375rem; --bs-btn-font-family:; --bs-btn-font-size: 1rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--bs-body-color); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: transparent; --bs-btn-border-radius: var(--bs-border-radius); --bs-btn-hover-border-color: transparent; --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); font-weight: var(--bs-btn-font-weight); line-height: var(--bs-btn-line-height); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); border-radius: var(--bs-btn-border-radius); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--bs-btn-color); background-color: var(--bs-btn-bg); border-color: var(--bs-btn-border-color); } .btn:focus-visible { color: var(--bs-btn-hover-color); background-color: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color); outline: 0; box-shadow: var(--bs-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color); background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color); pointer-events: none; background-color: var(--bs-btn-disabled-bg); border-color: var(--bs-btn-disabled-border-color); opacity: var(--bs-btn-disabled-opacity); } .btn-primary { --bs-btn-color: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --bs-gradient: none; } .btn-link { --bs-btn-font-weight: 400; --bs-btn-color: var(--bs-link-color); --bs-btn-bg: transparent; --bs-btn-border-color: transparent; --bs-btn-hover-color: var(--bs-link-hover-color); --bs-btn-hover-border-color: transparent; --bs-btn-active-color: var(--bs-link-hover-color); --bs-btn-active-border-color: transparent; --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-border-color: transparent; --bs-btn-box-shadow: 0 0 0 #000; --bs-btn-focus-shadow-rgb: 49, 132, 253; text-decoration: underline; } .btn-link:focus-visible { color: var(--bs-btn-color); } .btn-link:hover { color: var(--bs-btn-hover-color); } .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem; --bs-btn-padding-x: 1rem; --bs-btn-font-size: 1.25rem; --bs-btn-border-radius: var(--bs-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem; --bs-btn-padding-x: 0.5rem; --bs-btn-font-size: 0.875rem; --bs-btn-border-radius: var(--bs-border-radius-sm); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { --bs-dropdown-zindex: 1000; --bs-dropdown-min-width: 10rem; --bs-dropdown-padding-x: 0; --bs-dropdown-padding-y: 0.5rem; --bs-dropdown-spacer: 0.125rem; --bs-dropdown-font-size: 1rem; --bs-dropdown-color: var(--bs-body-color); --bs-dropdown-bg: var(--bs-body-bg); --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-border-radius: var(--bs-border-radius); --bs-dropdown-border-width: var(--bs-border-width); --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-divider-margin-y: 0.5rem; --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-dropdown-link-color: var(--bs-body-color); --bs-dropdown-link-hover-color: var(--bs-body-color); --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); --bs-dropdown-item-padding-x: 1rem; --bs-dropdown-item-padding-y: 0.25rem; --bs-dropdown-header-color: #6c757d; --bs-dropdown-header-padding-x: 1rem; --bs-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--bs-dropdown-zindex); display: none; min-width: var(--bs-dropdown-min-width); padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); margin: 0; font-size: var(--bs-dropdown-font-size); color: var(--bs-dropdown-color); text-align: left; list-style: none; background-color: var(--bs-dropdown-bg); background-clip: padding-box; border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); border-radius: var(--bs-dropdown-border-radius); } .dropdown-menu[data-bs-popper] { top: 100%; left: 0; margin-top: var(--bs-dropdown-spacer); } .dropdown-menu-start { --bs-position: start; } .dropdown-menu-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-end { --bs-position: end; } .dropdown-menu-end[data-bs-popper] { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --bs-position: start; } .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-sm-end { --bs-position: end; } .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --bs-position: start; } .dropdown-menu-md-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-md-end { --bs-position: end; } .dropdown-menu-md-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --bs-position: start; } .dropdown-menu-lg-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-lg-end { --bs-position: end; } .dropdown-menu-lg-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --bs-position: start; } .dropdown-menu-xl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xl-end { --bs-position: end; } .dropdown-menu-xl-end[data-bs-popper] { right: 0; left: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --bs-position: start; } .dropdown-menu-xxl-start[data-bs-popper] { right: auto; left: 0; } .dropdown-menu-xxl-end { --bs-position: end; } .dropdown-menu-xxl-end[data-bs-popper] { right: 0; left: auto; } } .dropup .dropdown-menu[data-bs-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--bs-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-menu[data-bs-popper] { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: var(--bs-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropend .dropdown-toggle:empty::after { margin-left: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: var(--bs-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropstart .dropdown-toggle:empty::after { margin-left: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--bs-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--bs-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--bs-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--bs-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--bs-dropdown-link-active-color); text-decoration: none; background-color: var(--bs-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--bs-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--bs-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); color: var(--bs-dropdown-link-color); } .dropdown-menu-dark { --bs-dropdown-color: #dee2e6; --bs-dropdown-bg: #343a40; --bs-dropdown-border-color: var(--bs-border-color-translucent); --bs-dropdown-box-shadow:; --bs-dropdown-link-color: #dee2e6; --bs-dropdown-link-hover-color: #fff; --bs-dropdown-divider-bg: var(--bs-border-color-translucent); --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --bs-dropdown-link-active-color: #fff; --bs-dropdown-link-active-bg: #0d6efd; --bs-dropdown-link-disabled-color: #adb5bd; --bs-dropdown-header-color: #adb5bd; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--bs-border-radius); } .btn-group > :not(.btn-check:first-child) + .btn, .btn-group > .btn-group:not(:first-child) { margin-left: calc(var(--bs-border-width) * -1); } .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { margin-left: 0; } .dropstart .dropdown-toggle-split::before { margin-right: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(var(--bs-border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --bs-nav-link-padding-x: 1rem; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight:; --bs-nav-link-color: var(--bs-link-color); --bs-nav-link-hover-color: var(--bs-link-hover-color); --bs-nav-link-disabled-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); font-size: var(--bs-nav-link-font-size); font-weight: var(--bs-nav-link-font-weight); color: var(--bs-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--bs-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .nav-link.disabled { color: var(--bs-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --bs-nav-tabs-border-width: var(--bs-border-width); --bs-nav-tabs-border-color: var(--bs-border-color); --bs-nav-tabs-border-radius: var(--bs-border-radius); --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); --bs-nav-tabs-link-active-bg: var(--bs-body-bg); --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); border: var(--bs-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--bs-nav-tabs-border-radius); border-top-right-radius: var(--bs-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--bs-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--bs-nav-tabs-link-active-color); background-color: var(--bs-nav-tabs-link-active-bg); border-color: var(--bs-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --bs-nav-pills-border-radius: var(--bs-border-radius); --bs-nav-pills-link-active-color: #fff; --bs-nav-pills-link-active-bg: #0d6efd; } .nav-pills .nav-link { border-radius: var(--bs-nav-pills-border-radius); } .nav-pills .nav-link:disabled { color: var(--bs-nav-link-disabled-color); background-color: transparent; border-color: transparent; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--bs-nav-pills-link-active-color); background-color: var(--bs-nav-pills-link-active-bg); } .nav-underline { --bs-nav-underline-gap: 1rem; --bs-nav-underline-border-width: 0.125rem; --bs-nav-underline-link-active-color: var(--bs-emphasis-color); gap: var(--bs-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--bs-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--bs-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-padding-y: 0.3125rem; --bs-navbar-brand-margin-end: 1rem; --bs-navbar-brand-font-size: 1.25rem; --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); --bs-navbar-nav-link-padding-x: 0.5rem; --bs-navbar-toggler-padding-y: 0.25rem; --bs-navbar-toggler-padding-x: 0.75rem; --bs-navbar-toggler-font-size: 1.25rem; --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); --bs-navbar-toggler-border-radius: var(--bs-border-radius); --bs-navbar-toggler-focus-width: 0.25rem; --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); } .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--bs-navbar-brand-padding-y); padding-bottom: var(--bs-navbar-brand-padding-y); margin-right: var(--bs-navbar-brand-margin-end); font-size: var(--bs-navbar-brand-font-size); color: var(--bs-navbar-brand-color); text-decoration: none; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { color: var(--bs-navbar-brand-hover-color); } .navbar-nav { --bs-nav-link-padding-x: 0; --bs-nav-link-padding-y: 0.5rem; --bs-nav-link-font-weight:; --bs-nav-link-color: var(--bs-navbar-color); --bs-nav-link-hover-color: var(--bs-navbar-hover-color); --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--bs-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--bs-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--bs-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); font-size: var(--bs-navbar-toggler-font-size); line-height: 1; color: var(--bs-navbar-color); background-color: transparent; border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); border-radius: var(--bs-navbar-toggler-border-radius); transition: var(--bs-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--bs-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--bs-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-bs-theme=dark] { --bs-navbar-color: rgba(255, 255, 255, 0.55); --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); --bs-navbar-active-color: #fff; --bs-navbar-brand-color: #fff; --bs-navbar-brand-hover-color: #fff; --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-bs-theme=dark] .navbar-toggler-icon { --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --bs-card-spacer-y: 1rem; --bs-card-spacer-x: 1rem; --bs-card-title-spacer-y: 0.5rem; --bs-card-title-color:; --bs-card-subtitle-color:; --bs-card-border-width: var(--bs-border-width); --bs-card-border-color: var(--bs-border-color-translucent); --bs-card-border-radius: var(--bs-border-radius); --bs-card-box-shadow:; --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-card-cap-padding-y: 0.5rem; --bs-card-cap-padding-x: 1rem; --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); --bs-card-cap-color:; --bs-card-height:; --bs-card-color:; --bs-card-bg: var(--bs-body-bg); --bs-card-img-overlay-padding: 1rem; --bs-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--bs-card-height); color: var(--bs-body-color); word-wrap: break-word; background-color: var(--bs-card-bg); background-clip: border-box; border: var(--bs-card-border-width) solid var(--bs-card-border-color); border-radius: var(--bs-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); color: var(--bs-card-color); } .card-title { margin-bottom: var(--bs-card-title-spacer-y); color: var(--bs-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); margin-bottom: 0; color: var(--bs-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } .card-link + .card-link { margin-left: var(--bs-card-spacer-x); } .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); margin-bottom: 0; color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; } .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); color: var(--bs-card-cap-color); background-color: var(--bs-card-cap-bg); border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--bs-card-bg); border-bottom-color: var(--bs-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--bs-card-img-overlay-padding); border-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius); border-top-right-radius: var(--bs-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius); border-bottom-left-radius: var(--bs-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--bs-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } .card-group > .card + .card { margin-left: 0; border-left: 0; } .card-group > .card:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion { --bs-accordion-color: var(--bs-body-color); --bs-accordion-bg: var(--bs-body-bg); --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --bs-accordion-border-color: var(--bs-border-color); --bs-accordion-border-width: var(--bs-border-width); --bs-accordion-border-radius: var(--bs-border-radius); --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); --bs-accordion-btn-padding-x: 1.25rem; --bs-accordion-btn-padding-y: 1rem; --bs-accordion-btn-color: var(--bs-body-color); --bs-accordion-btn-bg: var(--bs-accordion-bg); --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-icon-width: 1.25rem; --bs-accordion-btn-icon-transform: rotate(-180deg); --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-border-color: #86b7fe; --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-accordion-body-padding-x: 1.25rem; --bs-accordion-body-padding-y: 1rem; --bs-accordion-active-color: var(--bs-primary-text-emphasis); --bs-accordion-active-bg: var(--bs-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); font-size: 1rem; color: var(--bs-accordion-btn-color); text-align: left; background-color: var(--bs-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--bs-accordion-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--bs-accordion-active-color); background-color: var(--bs-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-active-icon); transform: var(--bs-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--bs-accordion-btn-icon-width); height: var(--bs-accordion-btn-icon-width); margin-left: auto; content: ""; background-image: var(--bs-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--bs-accordion-btn-icon-width); transition: var(--bs-accordion-btn-icon-transition); } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; border-color: var(--bs-accordion-btn-focus-border-color); outline: 0; box-shadow: var(--bs-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--bs-accordion-color); background-color: var(--bs-accordion-bg); border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--bs-accordion-border-radius); border-top-right-radius: var(--bs-accordion-border-radius); } .accordion-item:first-of-type .accordion-button { border-top-left-radius: var(--bs-accordion-inner-border-radius); border-top-right-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-right-radius: var(--bs-accordion-inner-border-radius); border-bottom-left-radius: var(--bs-accordion-inner-border-radius); } .accordion-item:last-of-type .accordion-collapse { border-bottom-right-radius: var(--bs-accordion-border-radius); border-bottom-left-radius: var(--bs-accordion-border-radius); } .accordion-body { padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); } .accordion-flush .accordion-collapse { border-width: 0; } .accordion-flush .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush .accordion-item:first-child { border-top: 0; } .accordion-flush .accordion-item:last-child { border-bottom: 0; } .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { border-radius: 0; } [data-bs-theme=dark] .accordion-button::after { --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .breadcrumb { --bs-breadcrumb-padding-x: 0; --bs-breadcrumb-padding-y: 0; --bs-breadcrumb-margin-bottom: 1rem; --bs-breadcrumb-bg:; --bs-breadcrumb-border-radius:; --bs-breadcrumb-divider-color: var(--bs-secondary-color); --bs-breadcrumb-item-padding-x: 0.5rem; --bs-breadcrumb-item-active-color: var(--bs-secondary-color); display: flex; flex-wrap: wrap; padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); margin-bottom: var(--bs-breadcrumb-margin-bottom); font-size: var(--bs-breadcrumb-font-size); list-style: none; background-color: var(--bs-breadcrumb-bg); border-radius: var(--bs-breadcrumb-border-radius); } .breadcrumb-item + .breadcrumb-item { padding-left: var(--bs-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: var(--bs-breadcrumb-item-padding-x); color: var(--bs-breadcrumb-divider-color); content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; } .breadcrumb-item.active { color: var(--bs-breadcrumb-item-active-color); } .pagination { --bs-pagination-padding-x: 0.75rem; --bs-pagination-padding-y: 0.375rem; --bs-pagination-font-size: 1rem; --bs-pagination-color: var(--bs-link-color); --bs-pagination-bg: var(--bs-body-bg); --bs-pagination-border-width: var(--bs-border-width); --bs-pagination-border-color: var(--bs-border-color); --bs-pagination-border-radius: var(--bs-border-radius); --bs-pagination-hover-color: var(--bs-link-hover-color); --bs-pagination-hover-bg: var(--bs-tertiary-bg); --bs-pagination-hover-border-color: var(--bs-border-color); --bs-pagination-focus-color: var(--bs-link-hover-color); --bs-pagination-focus-bg: var(--bs-secondary-bg); --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --bs-pagination-disabled-color: var(--bs-secondary-color); --bs-pagination-disabled-bg: var(--bs-secondary-bg); --bs-pagination-disabled-border-color: var(--bs-border-color); display: flex; padding-left: 0; list-style: none; } .page-link { position: relative; display: block; padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); font-size: var(--bs-pagination-font-size); color: var(--bs-pagination-color); text-decoration: none; background-color: var(--bs-pagination-bg); border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--bs-pagination-hover-color); background-color: var(--bs-pagination-hover-bg); border-color: var(--bs-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--bs-pagination-focus-color); background-color: var(--bs-pagination-focus-bg); outline: 0; box-shadow: var(--bs-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--bs-pagination-active-color); background-color: var(--bs-pagination-active-bg); border-color: var(--bs-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color); pointer-events: none; background-color: var(--bs-pagination-disabled-bg); border-color: var(--bs-pagination-disabled-border-color); } .page-item:not(:first-child) .page-link { margin-left: calc(var(--bs-border-width) * -1); } .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius); border-bottom-left-radius: var(--bs-pagination-border-radius); } .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius); border-bottom-right-radius: var(--bs-pagination-border-radius); } .pagination-lg { --bs-pagination-padding-x: 1.5rem; --bs-pagination-padding-y: 0.75rem; --bs-pagination-font-size: 1.25rem; --bs-pagination-border-radius: var(--bs-border-radius-lg); } .pagination-sm { --bs-pagination-padding-x: 0.5rem; --bs-pagination-padding-y: 0.25rem; --bs-pagination-font-size: 0.875rem; --bs-pagination-border-radius: var(--bs-border-radius-sm); } .badge { --bs-badge-padding-x: 0.65em; --bs-badge-padding-y: 0.35em; --bs-badge-font-size: 0.75em; --bs-badge-font-weight: 700; --bs-badge-color: #fff; --bs-badge-border-radius: var(--bs-border-radius); display: inline-block; padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); font-size: var(--bs-badge-font-size); font-weight: var(--bs-badge-font-weight); line-height: 1; color: var(--bs-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--bs-badge-border-radius); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .alert { --bs-alert-bg: transparent; --bs-alert-padding-x: 1rem; --bs-alert-padding-y: 1rem; --bs-alert-margin-bottom: 1rem; --bs-alert-color: inherit; --bs-alert-border-color: transparent; --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); --bs-alert-border-radius: var(--bs-border-radius); --bs-alert-link-color: inherit; position: relative; padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); margin-bottom: var(--bs-alert-margin-bottom); color: var(--bs-alert-color); background-color: var(--bs-alert-bg); border: var(--bs-alert-border); border-radius: var(--bs-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--bs-alert-link-color); } .alert-dismissible { padding-right: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; right: 0; z-index: 2; padding: 1.25rem 1rem; } .alert-primary { --bs-alert-color: var(--bs-primary-text-emphasis); --bs-alert-bg: var(--bs-primary-bg-subtle); --bs-alert-border-color: var(--bs-primary-border-subtle); --bs-alert-link-color: var(--bs-primary-text-emphasis); } .alert-secondary { --bs-alert-color: var(--bs-secondary-text-emphasis); --bs-alert-bg: var(--bs-secondary-bg-subtle); --bs-alert-border-color: var(--bs-secondary-border-subtle); --bs-alert-link-color: var(--bs-secondary-text-emphasis); } .alert-success { --bs-alert-color: var(--bs-success-text-emphasis); --bs-alert-bg: var(--bs-success-bg-subtle); --bs-alert-border-color: var(--bs-success-border-subtle); --bs-alert-link-color: var(--bs-success-text-emphasis); } .alert-info { --bs-alert-color: var(--bs-info-text-emphasis); --bs-alert-bg: var(--bs-info-bg-subtle); --bs-alert-border-color: var(--bs-info-border-subtle); --bs-alert-link-color: var(--bs-info-text-emphasis); } .alert-warning { --bs-alert-color: var(--bs-warning-text-emphasis); --bs-alert-bg: var(--bs-warning-bg-subtle); --bs-alert-border-color: var(--bs-warning-border-subtle); --bs-alert-link-color: var(--bs-warning-text-emphasis); } .alert-danger { --bs-alert-color: var(--bs-danger-text-emphasis); --bs-alert-bg: var(--bs-danger-bg-subtle); --bs-alert-border-color: var(--bs-danger-border-subtle); --bs-alert-link-color: var(--bs-danger-text-emphasis); } .alert-light { --bs-alert-color: var(--bs-light-text-emphasis); --bs-alert-bg: var(--bs-light-bg-subtle); --bs-alert-border-color: var(--bs-light-border-subtle); --bs-alert-link-color: var(--bs-light-text-emphasis); } .alert-dark { --bs-alert-color: var(--bs-dark-text-emphasis); --bs-alert-bg: var(--bs-dark-bg-subtle); --bs-alert-border-color: var(--bs-dark-border-subtle); --bs-alert-link-color: var(--bs-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --bs-progress-height: 1rem; --bs-progress-font-size: 0.75rem; --bs-progress-bg: var(--bs-secondary-bg); --bs-progress-border-radius: var(--bs-border-radius); --bs-progress-box-shadow: var(--bs-box-shadow-inset); --bs-progress-bar-color: #fff; --bs-progress-bar-bg: #0d6efd; --bs-progress-bar-transition: width 0.6s ease; display: flex; height: var(--bs-progress-height); overflow: hidden; font-size: var(--bs-progress-font-size); background-color: var(--bs-progress-bg); border-radius: var(--bs-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--bs-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--bs-progress-bar-bg); transition: var(--bs-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--bs-progress-height) var(--bs-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .list-group { --bs-list-group-color: var(--bs-body-color); --bs-list-group-bg: var(--bs-body-bg); --bs-list-group-border-color: var(--bs-border-color); --bs-list-group-border-width: var(--bs-border-width); --bs-list-group-border-radius: var(--bs-border-radius); --bs-list-group-item-padding-x: 1rem; --bs-list-group-item-padding-y: 0.5rem; --bs-list-group-action-color: var(--bs-secondary-color); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); --bs-list-group-action-active-color: var(--bs-body-color); --bs-list-group-action-active-bg: var(--bs-secondary-bg); --bs-list-group-disabled-color: var(--bs-secondary-color); --bs-list-group-disabled-bg: var(--bs-body-bg); --bs-list-group-active-color: #fff; --bs-list-group-active-bg: #0d6efd; --bs-list-group-active-border-color: #0d6efd; display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; border-radius: var(--bs-list-group-border-radius); } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--bs-list-group-action-hover-color); text-decoration: none; background-color: var(--bs-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); color: var(--bs-list-group-color); text-decoration: none; background-color: var(--bs-list-group-bg); border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--bs-list-group-disabled-color); pointer-events: none; background-color: var(--bs-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--bs-list-group-active-color); background-color: var(--bs-list-group-active-bg); border-color: var(--bs-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--bs-list-group-border-width)); border-top-width: var(--bs-list-group-border-width); } .list-group-horizontal { flex-direction: row; } .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--bs-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --bs-list-group-color: var(--bs-primary-text-emphasis); --bs-list-group-bg: var(--bs-primary-bg-subtle); --bs-list-group-border-color: var(--bs-primary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); --bs-list-group-active-color: var(--bs-primary-bg-subtle); --bs-list-group-active-bg: var(--bs-primary-text-emphasis); --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); } .list-group-item-secondary { --bs-list-group-color: var(--bs-secondary-text-emphasis); --bs-list-group-bg: var(--bs-secondary-bg-subtle); --bs-list-group-border-color: var(--bs-secondary-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); --bs-list-group-active-color: var(--bs-secondary-bg-subtle); --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); } .list-group-item-success { --bs-list-group-color: var(--bs-success-text-emphasis); --bs-list-group-bg: var(--bs-success-bg-subtle); --bs-list-group-border-color: var(--bs-success-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-success-border-subtle); --bs-list-group-active-color: var(--bs-success-bg-subtle); --bs-list-group-active-bg: var(--bs-success-text-emphasis); --bs-list-group-active-border-color: var(--bs-success-text-emphasis); } .list-group-item-info { --bs-list-group-color: var(--bs-info-text-emphasis); --bs-list-group-bg: var(--bs-info-bg-subtle); --bs-list-group-border-color: var(--bs-info-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-info-border-subtle); --bs-list-group-active-color: var(--bs-info-bg-subtle); --bs-list-group-active-bg: var(--bs-info-text-emphasis); --bs-list-group-active-border-color: var(--bs-info-text-emphasis); } .list-group-item-warning { --bs-list-group-color: var(--bs-warning-text-emphasis); --bs-list-group-bg: var(--bs-warning-bg-subtle); --bs-list-group-border-color: var(--bs-warning-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); --bs-list-group-active-color: var(--bs-warning-bg-subtle); --bs-list-group-active-bg: var(--bs-warning-text-emphasis); --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); } .list-group-item-danger { --bs-list-group-color: var(--bs-danger-text-emphasis); --bs-list-group-bg: var(--bs-danger-bg-subtle); --bs-list-group-border-color: var(--bs-danger-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); --bs-list-group-active-color: var(--bs-danger-bg-subtle); --bs-list-group-active-bg: var(--bs-danger-text-emphasis); --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); } .list-group-item-light { --bs-list-group-color: var(--bs-light-text-emphasis); --bs-list-group-bg: var(--bs-light-bg-subtle); --bs-list-group-border-color: var(--bs-light-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-light-border-subtle); --bs-list-group-active-color: var(--bs-light-bg-subtle); --bs-list-group-active-bg: var(--bs-light-text-emphasis); --bs-list-group-active-border-color: var(--bs-light-text-emphasis); } .list-group-item-dark { --bs-list-group-color: var(--bs-dark-text-emphasis); --bs-list-group-bg: var(--bs-dark-bg-subtle); --bs-list-group-border-color: var(--bs-dark-border-subtle); --bs-list-group-action-hover-color: var(--bs-emphasis-color); --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); --bs-list-group-action-active-color: var(--bs-emphasis-color); --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); --bs-list-group-active-color: var(--bs-dark-bg-subtle); --bs-list-group-active-bg: var(--bs-dark-text-emphasis); --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); } .btn-close { --bs-btn-close-color: #000; --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); --bs-btn-close-opacity: 0.5; --bs-btn-close-hover-opacity: 0.75; --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--bs-btn-close-opacity); } .btn-close:hover { color: var(--bs-btn-close-color); text-decoration: none; opacity: var(--bs-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--bs-btn-close-focus-shadow); opacity: var(--bs-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; user-select: none; opacity: var(--bs-btn-close-disabled-opacity); } .btn-close-white { filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter); } .toast { --bs-toast-zindex: 1090; --bs-toast-padding-x: 0.75rem; --bs-toast-padding-y: 0.5rem; --bs-toast-spacing: 1.5rem; --bs-toast-max-width: 350px; --bs-toast-font-size: 0.875rem; --bs-toast-color:; --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-border-width: var(--bs-border-width); --bs-toast-border-color: var(--bs-border-color-translucent); --bs-toast-border-radius: var(--bs-border-radius); --bs-toast-box-shadow: var(--bs-box-shadow); --bs-toast-header-color: var(--bs-secondary-color); --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); --bs-toast-header-border-color: var(--bs-border-color-translucent); width: var(--bs-toast-max-width); max-width: 100%; font-size: var(--bs-toast-font-size); color: var(--bs-toast-color); pointer-events: auto; background-color: var(--bs-toast-bg); background-clip: padding-box; border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); box-shadow: var(--bs-toast-box-shadow); border-radius: var(--bs-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --bs-toast-zindex: 1090; position: absolute; z-index: var(--bs-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--bs-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); color: var(--bs-toast-header-color); background-color: var(--bs-toast-header-bg); background-clip: padding-box; border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); } .toast-header .btn-close { margin-right: calc(-0.5 * var(--bs-toast-padding-x)); margin-left: var(--bs-toast-padding-x); } .toast-body { padding: var(--bs-toast-padding-x); word-wrap: break-word; } .modal { --bs-modal-zindex: 1055; --bs-modal-width: 500px; --bs-modal-padding: 1rem; --bs-modal-margin: 0.5rem; --bs-modal-color:; --bs-modal-bg: var(--bs-body-bg); --bs-modal-border-color: var(--bs-border-color-translucent); --bs-modal-border-width: var(--bs-border-width); --bs-modal-border-radius: var(--bs-border-radius-lg); --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); --bs-modal-header-padding-x: 1rem; --bs-modal-header-padding-y: 1rem; --bs-modal-header-padding: 1rem 1rem; --bs-modal-header-border-color: var(--bs-border-color); --bs-modal-header-border-width: var(--bs-border-width); --bs-modal-title-line-height: 1.5; --bs-modal-footer-gap: 0.5rem; --bs-modal-footer-bg:; --bs-modal-footer-border-color: var(--bs-border-color); --bs-modal-footer-border-width: var(--bs-border-width); position: fixed; top: 0; left: 0; z-index: var(--bs-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } .modal-dialog { position: relative; width: auto; margin: var(--bs-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--bs-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--bs-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--bs-modal-color); pointer-events: auto; background-color: var(--bs-modal-bg); background-clip: padding-box; border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); border-radius: var(--bs-modal-border-radius); outline: 0; } .modal-backdrop { --bs-backdrop-zindex: 1050; --bs-backdrop-bg: #000; --bs-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--bs-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--bs-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--bs-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; padding: var(--bs-modal-header-padding); border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); border-top-left-radius: var(--bs-modal-inner-border-radius); border-top-right-radius: var(--bs-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; } .modal-title { margin-bottom: 0; line-height: var(--bs-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--bs-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); background-color: var(--bs-modal-footer-bg); border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); border-bottom-right-radius: var(--bs-modal-inner-border-radius); border-bottom-left-radius: var(--bs-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--bs-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --bs-modal-margin: 1.75rem; --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .modal-dialog { max-width: var(--bs-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --bs-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --bs-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --bs-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --bs-tooltip-zindex: 1080; --bs-tooltip-max-width: 200px; --bs-tooltip-padding-x: 0.5rem; --bs-tooltip-padding-y: 0.25rem; --bs-tooltip-margin:; --bs-tooltip-font-size: 0.875rem; --bs-tooltip-color: var(--bs-body-bg); --bs-tooltip-bg: var(--bs-emphasis-color); --bs-tooltip-border-radius: var(--bs-border-radius); --bs-tooltip-opacity: 0.9; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-arrow-height: 0.4rem; z-index: var(--bs-tooltip-zindex); display: block; margin: var(--bs-tooltip-margin); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-tooltip-font-size); word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: var(--bs-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--bs-tooltip-arrow-width); height: var(--bs-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--bs-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-bottom-color: var(--bs-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--bs-tooltip-arrow-height)); width: var(--bs-tooltip-arrow-height); height: var(--bs-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); border-left-color: var(--bs-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--bs-tooltip-max-width); padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); color: var(--bs-tooltip-color); text-align: center; background-color: var(--bs-tooltip-bg); border-radius: var(--bs-tooltip-border-radius); } .popover { --bs-popover-zindex: 1070; --bs-popover-max-width: 276px; --bs-popover-font-size: 0.875rem; --bs-popover-bg: var(--bs-body-bg); --bs-popover-border-width: var(--bs-border-width); --bs-popover-border-color: var(--bs-border-color-translucent); --bs-popover-border-radius: var(--bs-border-radius-lg); --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); --bs-popover-header-padding-x: 1rem; --bs-popover-header-padding-y: 0.5rem; --bs-popover-header-font-size: 1rem; --bs-popover-header-color: inherit; --bs-popover-header-bg: var(--bs-secondary-bg); --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: 1rem; --bs-popover-body-color: var(--bs-body-color); --bs-popover-arrow-width: 1rem; --bs-popover-arrow-height: 0.5rem; --bs-popover-arrow-border: var(--bs-popover-border-color); z-index: var(--bs-popover-zindex); display: block; max-width: var(--bs-popover-max-width); font-family: var(--bs-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--bs-popover-font-size); word-wrap: break-word; background-color: var(--bs-popover-bg); background-clip: padding-box; border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-radius: var(--bs-popover-border-radius); } .popover .popover-arrow { display: block; width: var(--bs-popover-arrow-width); height: var(--bs-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--bs-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--bs-popover-border-width); border-top-color: var(--bs-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--bs-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--bs-popover-border-width); border-right-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--bs-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--bs-popover-border-width); border-bottom-color: var(--bs-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--bs-popover-arrow-width); margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); content: ""; border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); width: var(--bs-popover-arrow-height); height: var(--bs-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--bs-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--bs-popover-border-width); border-left-color: var(--bs-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); margin-bottom: 0; font-size: var(--bs-popover-header-font-size); color: var(--bs-popover-header-color); background-color: var(--bs-popover-header-bg); border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); border-top-left-radius: var(--bs-popover-inner-border-radius); border-top-right-radius: var(--bs-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); color: var(--bs-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-bs-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon { filter: invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000; } .spinner-grow, .spinner-border { display: inline-block; width: var(--bs-spinner-width); height: var(--bs-spinner-height); vertical-align: var(--bs-spinner-vertical-align); border-radius: 50%; animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-border-width: 0.25em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-border; border: var(--bs-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; --bs-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --bs-spinner-width: 2rem; --bs-spinner-height: 2rem; --bs-spinner-vertical-align: -0.125em; --bs-spinner-animation-speed: 0.75s; --bs-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --bs-spinner-width: 1rem; --bs-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --bs-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --bs-offcanvas-zindex: 1045; --bs-offcanvas-width: 400px; --bs-offcanvas-height: 30vh; --bs-offcanvas-padding-x: 1rem; --bs-offcanvas-padding-y: 1rem; --bs-offcanvas-color: var(--bs-body-color); --bs-offcanvas-bg: var(--bs-body-bg); --bs-offcanvas-border-width: var(--bs-border-width); --bs-offcanvas-border-color: var(--bs-border-color-translucent); --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); --bs-offcanvas-transition: transform 0.3s ease-in-out; --bs-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } } @media (max-width: 575.98px) { .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none; } } @media (max-width: 767.98px) { .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none; } } @media (max-width: 991.98px) { .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } } @media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --bs-offcanvas-height: auto; --bs-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--bs-offcanvas-color); visibility: hidden; background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--bs-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } .offcanvas.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); max-height: 100%; border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; justify-content: space-between; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); } .offcanvas-title { margin-bottom: 0; line-height: var(--bs-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; } .text-bg-success { color: #fff !important; background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important; } .text-bg-info { color: #000 !important; background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important; } .text-bg-warning { color: #000 !important; background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important; } .text-bg-danger { color: #fff !important; background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important; } .text-bg-light { color: #000 !important; background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--bs-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ratio-1x1 { --bs-aspect-ratio: 100%; } .ratio-4x3 { --bs-aspect-ratio: 75%; } .ratio-16x9 { --bs-aspect-ratio: 56.25%; } .ratio-21x9 { --bs-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: 1px; min-height: 1em; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } .float-start { float: left !important; } .float-end { float: right !important; } .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } .start-0 { left: 0 !important; } .start-50 { left: 50% !important; } .start-100 { left: 100% !important; } .end-0 { right: 0 !important; } .end-50 { right: 50% !important; } .end-100 { right: 100% !important; } .translate-middle { transform: translate(-50%, -50%) !important; } .translate-middle-x { transform: translateX(-50%) !important; } .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-top-0 { border-top: 0 !important; } .border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-end-0 { border-right: 0 !important; } .border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; } .border-start-0 { border-left: 0 !important; } .border-primary { --bs-border-opacity: 1; border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; } .border-secondary { --bs-border-opacity: 1; border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; } .border-success { --bs-border-opacity: 1; border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; } .border-info { --bs-border-opacity: 1; border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; } .border-warning { --bs-border-opacity: 1; border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; } .border-danger { --bs-border-opacity: 1; border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; } .border-light { --bs-border-opacity: 1; border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; } .border-dark { --bs-border-opacity: 1; border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; } .border-black { --bs-border-opacity: 1; border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; } .border-white { --bs-border-opacity: 1; border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; } .border-primary-subtle { border-color: var(--bs-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--bs-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--bs-success-border-subtle) !important; } .border-info-subtle { border-color: var(--bs-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--bs-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--bs-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--bs-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--bs-dark-border-subtle) !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-opacity-10 { --bs-border-opacity: 0.1; } .border-opacity-25 { --bs-border-opacity: 0.25; } .border-opacity-50 { --bs-border-opacity: 0.5; } .border-opacity-75 { --bs-border-opacity: 0.75; } .border-opacity-100 { --bs-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } .me-0 { margin-right: 0 !important; } .me-1 { margin-right: 0.25rem !important; } .me-2 { margin-right: 0.5rem !important; } .me-3 { margin-right: 1rem !important; } .me-4 { margin-right: 1.5rem !important; } .me-5 { margin-right: 3rem !important; } .me-auto { margin-right: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } .ms-0 { margin-left: 0 !important; } .ms-1 { margin-left: 0.25rem !important; } .ms-2 { margin-left: 0.5rem !important; } .ms-3 { margin-left: 1rem !important; } .ms-4 { margin-left: 1.5rem !important; } .ms-5 { margin-left: 3rem !important; } .ms-auto { margin-left: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } .pe-0 { padding-right: 0 !important; } .pe-1 { padding-right: 0.25rem !important; } .pe-2 { padding-right: 0.5rem !important; } .pe-3 { padding-right: 1rem !important; } .pe-4 { padding-right: 1.5rem !important; } .pe-5 { padding-right: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } .ps-0 { padding-left: 0 !important; } .ps-1 { padding-left: 0.25rem !important; } .ps-2 { padding-left: 0.5rem !important; } .ps-3 { padding-left: 1rem !important; } .ps-4 { padding-left: 1.5rem !important; } .ps-5 { padding-left: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .font-monospace { font-family: var(--bs-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ .text-primary { --bs-text-opacity: 1; color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; } .text-secondary { --bs-text-opacity: 1; color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; } .text-success { --bs-text-opacity: 1; color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; } .text-info { --bs-text-opacity: 1; color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; } .text-warning { --bs-text-opacity: 1; color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; } .text-danger { --bs-text-opacity: 1; color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; } .text-light { --bs-text-opacity: 1; color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; } .text-dark { --bs-text-opacity: 1; color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; } .text-black { --bs-text-opacity: 1; color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; } .text-white { --bs-text-opacity: 1; color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; } .text-body { --bs-text-opacity: 1; color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } .text-muted { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-black-50 { --bs-text-opacity: 1; color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { --bs-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } .text-body-secondary { --bs-text-opacity: 1; color: var(--bs-secondary-color) !important; } .text-body-tertiary { --bs-text-opacity: 1; color: var(--bs-tertiary-color) !important; } .text-body-emphasis { --bs-text-opacity: 1; color: var(--bs-emphasis-color) !important; } .text-reset { --bs-text-opacity: 1; color: inherit !important; } .text-opacity-25 { --bs-text-opacity: 0.25; } .text-opacity-50 { --bs-text-opacity: 0.5; } .text-opacity-75 { --bs-text-opacity: 0.75; } .text-opacity-100 { --bs-text-opacity: 1; } .text-primary-emphasis { color: var(--bs-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--bs-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--bs-success-text-emphasis) !important; } .text-info-emphasis { color: var(--bs-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--bs-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--bs-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--bs-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--bs-dark-text-emphasis) !important; } .link-opacity-10 { --bs-link-opacity: 0.1; } .link-opacity-10-hover:hover { --bs-link-opacity: 0.1; } .link-opacity-25 { --bs-link-opacity: 0.25; } .link-opacity-25-hover:hover { --bs-link-opacity: 0.25; } .link-opacity-50 { --bs-link-opacity: 0.5; } .link-opacity-50-hover:hover { --bs-link-opacity: 0.5; } .link-opacity-75 { --bs-link-opacity: 0.75; } .link-opacity-75-hover:hover { --bs-link-opacity: 0.75; } .link-opacity-100 { --bs-link-opacity: 1; } .link-opacity-100-hover:hover { --bs-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-secondary { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-success { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-info { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-warning { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-danger { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-light { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline-dark { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; } .link-underline { --bs-link-underline-opacity: 1; text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --bs-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --bs-link-underline-opacity: 0; } .link-underline-opacity-10 { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --bs-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --bs-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --bs-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --bs-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --bs-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --bs-link-underline-opacity: 1; } .bg-primary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; } .bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; } .bg-success { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; } .bg-info { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; } .bg-warning { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; } .bg-danger { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; } .bg-light { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; } .bg-dark { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; } .bg-black { --bs-bg-opacity: 1; background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; } .bg-white { --bs-bg-opacity: 1; background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; } .bg-body { --bs-bg-opacity: 1; background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-transparent { --bs-bg-opacity: 1; background-color: transparent !important; } .bg-body-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-body-tertiary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; } .bg-opacity-10 { --bs-bg-opacity: 0.1; } .bg-opacity-25 { --bs-bg-opacity: 0.25; } .bg-opacity-50 { --bs-bg-opacity: 0.5; } .bg-opacity-75 { --bs-bg-opacity: 0.75; } .bg-opacity-100 { --bs-bg-opacity: 1; } .bg-primary-subtle { background-color: var(--bs-primary-bg-subtle) !important; } .bg-secondary-subtle { background-color: var(--bs-secondary-bg-subtle) !important; } .bg-success-subtle { background-color: var(--bs-success-bg-subtle) !important; } .bg-info-subtle { background-color: var(--bs-info-bg-subtle) !important; } .bg-warning-subtle { background-color: var(--bs-warning-bg-subtle) !important; } .bg-danger-subtle { background-color: var(--bs-danger-bg-subtle) !important; } .bg-light-subtle { background-color: var(--bs-light-bg-subtle) !important; } .bg-dark-subtle { background-color: var(--bs-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--bs-gradient) !important; } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--bs-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--bs-border-radius-sm) !important; } .rounded-2 { border-radius: var(--bs-border-radius) !important; } .rounded-3 { border-radius: var(--bs-border-radius-lg) !important; } .rounded-4 { border-radius: var(--bs-border-radius-xl) !important; } .rounded-5 { border-radius: var(--bs-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--bs-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--bs-border-radius-sm) !important; border-top-right-radius: var(--bs-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--bs-border-radius) !important; border-top-right-radius: var(--bs-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--bs-border-radius-lg) !important; border-top-right-radius: var(--bs-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--bs-border-radius-xl) !important; border-top-right-radius: var(--bs-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--bs-border-radius-xxl) !important; border-top-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--bs-border-radius-pill) !important; border-top-right-radius: var(--bs-border-radius-pill) !important; } .rounded-end { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-0 { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .rounded-end-1 { border-top-right-radius: var(--bs-border-radius-sm) !important; border-bottom-right-radius: var(--bs-border-radius-sm) !important; } .rounded-end-2 { border-top-right-radius: var(--bs-border-radius) !important; border-bottom-right-radius: var(--bs-border-radius) !important; } .rounded-end-3 { border-top-right-radius: var(--bs-border-radius-lg) !important; border-bottom-right-radius: var(--bs-border-radius-lg) !important; } .rounded-end-4 { border-top-right-radius: var(--bs-border-radius-xl) !important; border-bottom-right-radius: var(--bs-border-radius-xl) !important; } .rounded-end-5 { border-top-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-right-radius: var(--bs-border-radius-xxl) !important; } .rounded-end-circle { border-top-right-radius: 50% !important; border-bottom-right-radius: 50% !important; } .rounded-end-pill { border-top-right-radius: var(--bs-border-radius-pill) !important; border-bottom-right-radius: var(--bs-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--bs-border-radius-sm) !important; border-bottom-left-radius: var(--bs-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--bs-border-radius) !important; border-bottom-left-radius: var(--bs-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--bs-border-radius-lg) !important; border-bottom-left-radius: var(--bs-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--bs-border-radius-xl) !important; border-bottom-left-radius: var(--bs-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--bs-border-radius-xxl) !important; border-bottom-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--bs-border-radius-pill) !important; border-bottom-left-radius: var(--bs-border-radius-pill) !important; } .rounded-start { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-0 { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .rounded-start-1 { border-bottom-left-radius: var(--bs-border-radius-sm) !important; border-top-left-radius: var(--bs-border-radius-sm) !important; } .rounded-start-2 { border-bottom-left-radius: var(--bs-border-radius) !important; border-top-left-radius: var(--bs-border-radius) !important; } .rounded-start-3 { border-bottom-left-radius: var(--bs-border-radius-lg) !important; border-top-left-radius: var(--bs-border-radius-lg) !important; } .rounded-start-4 { border-bottom-left-radius: var(--bs-border-radius-xl) !important; border-top-left-radius: var(--bs-border-radius-xl) !important; } .rounded-start-5 { border-bottom-left-radius: var(--bs-border-radius-xxl) !important; border-top-left-radius: var(--bs-border-radius-xxl) !important; } .rounded-start-circle { border-bottom-left-radius: 50% !important; border-top-left-radius: 50% !important; } .rounded-start-pill { border-bottom-left-radius: var(--bs-border-radius-pill) !important; border-top-left-radius: var(--bs-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { .float-sm-start { float: left !important; } .float-sm-end { float: right !important; } .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } .me-sm-0 { margin-right: 0 !important; } .me-sm-1 { margin-right: 0.25rem !important; } .me-sm-2 { margin-right: 0.5rem !important; } .me-sm-3 { margin-right: 1rem !important; } .me-sm-4 { margin-right: 1.5rem !important; } .me-sm-5 { margin-right: 3rem !important; } .me-sm-auto { margin-right: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } .ms-sm-0 { margin-left: 0 !important; } .ms-sm-1 { margin-left: 0.25rem !important; } .ms-sm-2 { margin-left: 0.5rem !important; } .ms-sm-3 { margin-left: 1rem !important; } .ms-sm-4 { margin-left: 1.5rem !important; } .ms-sm-5 { margin-left: 3rem !important; } .ms-sm-auto { margin-left: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } .pe-sm-0 { padding-right: 0 !important; } .pe-sm-1 { padding-right: 0.25rem !important; } .pe-sm-2 { padding-right: 0.5rem !important; } .pe-sm-3 { padding-right: 1rem !important; } .pe-sm-4 { padding-right: 1.5rem !important; } .pe-sm-5 { padding-right: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } .ps-sm-0 { padding-left: 0 !important; } .ps-sm-1 { padding-left: 0.25rem !important; } .ps-sm-2 { padding-left: 0.5rem !important; } .ps-sm-3 { padding-left: 1rem !important; } .ps-sm-4 { padding-left: 1.5rem !important; } .ps-sm-5 { padding-left: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } .text-sm-start { text-align: left !important; } .text-sm-end { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .float-md-start { float: left !important; } .float-md-end { float: right !important; } .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } .me-md-0 { margin-right: 0 !important; } .me-md-1 { margin-right: 0.25rem !important; } .me-md-2 { margin-right: 0.5rem !important; } .me-md-3 { margin-right: 1rem !important; } .me-md-4 { margin-right: 1.5rem !important; } .me-md-5 { margin-right: 3rem !important; } .me-md-auto { margin-right: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } .ms-md-0 { margin-left: 0 !important; } .ms-md-1 { margin-left: 0.25rem !important; } .ms-md-2 { margin-left: 0.5rem !important; } .ms-md-3 { margin-left: 1rem !important; } .ms-md-4 { margin-left: 1.5rem !important; } .ms-md-5 { margin-left: 3rem !important; } .ms-md-auto { margin-left: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } .pe-md-0 { padding-right: 0 !important; } .pe-md-1 { padding-right: 0.25rem !important; } .pe-md-2 { padding-right: 0.5rem !important; } .pe-md-3 { padding-right: 1rem !important; } .pe-md-4 { padding-right: 1.5rem !important; } .pe-md-5 { padding-right: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } .ps-md-0 { padding-left: 0 !important; } .ps-md-1 { padding-left: 0.25rem !important; } .ps-md-2 { padding-left: 0.5rem !important; } .ps-md-3 { padding-left: 1rem !important; } .ps-md-4 { padding-left: 1.5rem !important; } .ps-md-5 { padding-left: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } .text-md-start { text-align: left !important; } .text-md-end { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .float-lg-start { float: left !important; } .float-lg-end { float: right !important; } .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } .me-lg-0 { margin-right: 0 !important; } .me-lg-1 { margin-right: 0.25rem !important; } .me-lg-2 { margin-right: 0.5rem !important; } .me-lg-3 { margin-right: 1rem !important; } .me-lg-4 { margin-right: 1.5rem !important; } .me-lg-5 { margin-right: 3rem !important; } .me-lg-auto { margin-right: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } .ms-lg-0 { margin-left: 0 !important; } .ms-lg-1 { margin-left: 0.25rem !important; } .ms-lg-2 { margin-left: 0.5rem !important; } .ms-lg-3 { margin-left: 1rem !important; } .ms-lg-4 { margin-left: 1.5rem !important; } .ms-lg-5 { margin-left: 3rem !important; } .ms-lg-auto { margin-left: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } .pe-lg-0 { padding-right: 0 !important; } .pe-lg-1 { padding-right: 0.25rem !important; } .pe-lg-2 { padding-right: 0.5rem !important; } .pe-lg-3 { padding-right: 1rem !important; } .pe-lg-4 { padding-right: 1.5rem !important; } .pe-lg-5 { padding-right: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } .ps-lg-0 { padding-left: 0 !important; } .ps-lg-1 { padding-left: 0.25rem !important; } .ps-lg-2 { padding-left: 0.5rem !important; } .ps-lg-3 { padding-left: 1rem !important; } .ps-lg-4 { padding-left: 1.5rem !important; } .ps-lg-5 { padding-left: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } .text-lg-start { text-align: left !important; } .text-lg-end { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .float-xl-start { float: left !important; } .float-xl-end { float: right !important; } .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } .me-xl-0 { margin-right: 0 !important; } .me-xl-1 { margin-right: 0.25rem !important; } .me-xl-2 { margin-right: 0.5rem !important; } .me-xl-3 { margin-right: 1rem !important; } .me-xl-4 { margin-right: 1.5rem !important; } .me-xl-5 { margin-right: 3rem !important; } .me-xl-auto { margin-right: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } .ms-xl-0 { margin-left: 0 !important; } .ms-xl-1 { margin-left: 0.25rem !important; } .ms-xl-2 { margin-left: 0.5rem !important; } .ms-xl-3 { margin-left: 1rem !important; } .ms-xl-4 { margin-left: 1.5rem !important; } .ms-xl-5 { margin-left: 3rem !important; } .ms-xl-auto { margin-left: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } .pe-xl-0 { padding-right: 0 !important; } .pe-xl-1 { padding-right: 0.25rem !important; } .pe-xl-2 { padding-right: 0.5rem !important; } .pe-xl-3 { padding-right: 1rem !important; } .pe-xl-4 { padding-right: 1.5rem !important; } .pe-xl-5 { padding-right: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } .ps-xl-0 { padding-left: 0 !important; } .ps-xl-1 { padding-left: 0.25rem !important; } .ps-xl-2 { padding-left: 0.5rem !important; } .ps-xl-3 { padding-left: 1rem !important; } .ps-xl-4 { padding-left: 1.5rem !important; } .ps-xl-5 { padding-left: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } .text-xl-start { text-align: left !important; } .text-xl-end { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { .float-xxl-start { float: left !important; } .float-xxl-end { float: right !important; } .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } .me-xxl-0 { margin-right: 0 !important; } .me-xxl-1 { margin-right: 0.25rem !important; } .me-xxl-2 { margin-right: 0.5rem !important; } .me-xxl-3 { margin-right: 1rem !important; } .me-xxl-4 { margin-right: 1.5rem !important; } .me-xxl-5 { margin-right: 3rem !important; } .me-xxl-auto { margin-right: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } .ms-xxl-0 { margin-left: 0 !important; } .ms-xxl-1 { margin-left: 0.25rem !important; } .ms-xxl-2 { margin-left: 0.5rem !important; } .ms-xxl-3 { margin-left: 1rem !important; } .ms-xxl-4 { margin-left: 1.5rem !important; } .ms-xxl-5 { margin-left: 3rem !important; } .ms-xxl-auto { margin-left: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } .pe-xxl-0 { padding-right: 0 !important; } .pe-xxl-1 { padding-right: 0.25rem !important; } .pe-xxl-2 { padding-right: 0.5rem !important; } .pe-xxl-3 { padding-right: 1rem !important; } .pe-xxl-4 { padding-right: 1.5rem !important; } .pe-xxl-5 { padding-right: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } .ps-xxl-0 { padding-left: 0 !important; } .ps-xxl-1 { padding-left: 0.25rem !important; } .ps-xxl-2 { padding-left: 0.5rem !important; } .ps-xxl-3 { padding-left: 1rem !important; } .ps-xxl-4 { padding-left: 1.5rem !important; } .ps-xxl-5 { padding-left: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } .text-xxl-start { text-align: left !important; } .text-xxl-end { text-align: right !important; } .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } /* ----------------------------------------- OCEANSIDE ----------------------------------------- */ /* ----------------------------------------- RESET /source/scss/cagov/reset.scss ----------------------------------------- */ /* Additional resets not covered by bootstrap, or styles that are preferential */ /* Accessibility backward compatibility */ .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } /* ----------------------------------------- ICON FONTS - /source/scss/cagov/icon-font.scss ----------------------------------------- */ @font-face { font-family: "CaGov"; src: url("https://www.mbc.ca.gov/fonts/CaGov.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: block; } [class^=ca-gov-icon-], [class*=" ca-gov-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "CaGov" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ca-gov-icon-bullet:before { content: "\ea32"; } .ca-gov-icon-dot:before { content: "\ea33"; } .ca-gov-icon-water:before { content: "\ea2a"; } .ca-gov-icon-wind-power:before { content: "\ea2b"; } .ca-gov-icon-connection:before { content: "\ea2c"; } .ca-gov-icon-transport:before { content: "\ea2d"; } .ca-gov-icon-maintenance:before { content: "\ea2e"; } .ca-gov-icon-warning-diamond:before { content: "\ea2f"; } .ca-gov-icon-pipe-angle:before { content: "\ea30"; } .ca-gov-icon-pipe:before { content: "\ea31"; } .ca-gov-icon-quotation-mark:before { content: "\ea29"; } .ca-gov-icon-save:before { content: "\ea23"; } .ca-gov-icon-cut:before { content: "\ea24"; } .ca-gov-icon-paste:before { content: "\ea25"; } .ca-gov-icon-copy:before { content: "\ea26"; } .ca-gov-icon-delete:before { content: "\ea22"; } .ca-gov-icon-github:before { content: "\ea21"; } .ca-gov-icon-pdf-text:before { content: "\ea20"; } .ca-gov-icon-mask-light:before { content: "\e9fb"; } .ca-gov-icon-mask-dark:before { content: "\e9fc"; } .ca-gov-icon-vaccine-check:before { content: "\e9fe"; } .ca-gov-icon-teams:before { content: "\ea0c"; } .ca-gov-icon-pharmacy:before { content: "\ea12"; } .ca-gov-icon-cart-delivered:before { content: "\ea15"; } .ca-gov-icon-medical-shipped:before { content: "\ea16"; } .ca-gov-icon-vaccine:before { content: "\ea17"; } .ca-gov-icon-team:before { content: "\ea18"; } .ca-gov-icon-vaccine-patient:before { content: "\ea19"; } .ca-gov-icon-improvements:before { content: "\ea1a"; } .ca-gov-icon-cloud-network:before { content: "\ea1b"; } .ca-gov-icon-technology-reuse:before { content: "\ea1c"; } .ca-gov-icon-accessibility:before { content: "\e992"; } .ca-gov-icon-agriculture:before { content: "\e973"; } .ca-gov-icon-air:before { content: "\e9de"; } .ca-gov-icon-air-pollution:before { content: "\e9df"; } .ca-gov-icon-air-quality:before { content: "\e9e0"; } .ca-gov-icon-albums:before { content: "\e90e"; } .ca-gov-icon-amexcard:before { content: "\e979"; } .ca-gov-icon-amusement:before { content: "\e9ab"; } .ca-gov-icon-anchor:before { content: "\e9e1"; } .ca-gov-icon-android:before { content: "\e620"; } .ca-gov-icon-angry:before { content: "\e975"; } .ca-gov-icon-apple:before { content: "\e61f"; } .ca-gov-icon-apple-pay:before { content: "\e97a"; } .ca-gov-icon-apps:before { content: "\e603"; } .ca-gov-icon-archive:before { content: "\e088"; } .ca-gov-icon-arrow-down:before { content: "\e04c"; } .ca-gov-icon-arrow-fill-down:before { content: "\e03a"; } .ca-gov-icon-arrow-fill-left:before { content: "\e03b"; } .ca-gov-icon-arrow-fill-left-down:before { content: "\e040"; } .ca-gov-icon-arrow-fill-left-up:before { content: "\e03d"; } .ca-gov-icon-arrow-fill-right:before { content: "\e03c"; } .ca-gov-icon-arrow-fill-right-down:before { content: "\e03f"; } .ca-gov-icon-arrow-fill-right-up:before { content: "\e03e"; } .ca-gov-icon-arrow-fill-up:before { content: "\e039"; } .ca-gov-icon-arrow-left:before { content: "\e04d"; } .ca-gov-icon-arrow-next:before { content: "\e669"; } .ca-gov-icon-arrow-prev:before { content: "\e668"; } .ca-gov-icon-arrow-right:before { content: "\e04e"; } .ca-gov-icon-arrow-up:before { content: "\e04b"; } .ca-gov-icon-at-sign:before { content: "\e60e"; } .ca-gov-icon-attachment:before { content: "\e60f"; } .ca-gov-icon-audience:before { content: "\e9fa"; } .ca-gov-icon-audio:before { content: "\e63a"; } .ca-gov-icon-balloons:before { content: "\e9ac"; } .ca-gov-icon-badminton:before { content: "\e9e2"; } .ca-gov-icon-bar-chart:before { content: "\e629"; } .ca-gov-icon-barge-ship:before { content: "\e9ad"; } .ca-gov-icon-bars-up:before { content: "\e9fd"; } .ca-gov-icon-bars-upward:before { content: "\ea1d"; } .ca-gov-icon-baseball:before { content: "\e9e3"; } .ca-gov-icon-basketball:before { content: "\e9e4"; } .ca-gov-icon-bath:before { content: "\e9e5"; } .ca-gov-icon-bear:before { content: "\e60b"; } .ca-gov-icon-bell:before { content: "\e982"; } .ca-gov-icon-bike:before { content: "\e9ae"; } .ca-gov-icon-billiards:before { content: "\e9e6"; } .ca-gov-icon-binoculars:before { content: "\e632"; } .ca-gov-icon-biohazard:before { content: "\e918"; } .ca-gov-icon-boat:before { content: "\e9af"; } .ca-gov-icon-book:before { content: "\e086"; } .ca-gov-icon-bookmark:before { content: "\e983"; } .ca-gov-icon-books:before { content: "\e984"; } .ca-gov-icon-bowling:before { content: "\e9e7"; } .ca-gov-icon-brain:before { content: "\e90f"; } .ca-gov-icon-bridge:before { content: "\e9b0"; } .ca-gov-icon-bridge-alt:before { content: "\e9b1"; } .ca-gov-icon-briefcase:before { content: "\e901"; } .ca-gov-icon-building:before { content: "\e0fd"; } .ca-gov-icon-bus:before { content: "\e9b2"; } .ca-gov-icon-bus-alt:before { content: "\e9b3"; } .ca-gov-icon-ca-capitol:before { content: "\e657"; } .ca-gov-icon-ca-state:before { content: "\e658"; } .ca-gov-icon-cal:before { content: "\e650"; } .ca-gov-icon-cal-bear:before { content: "\e90b"; } .ca-gov-icon-calculator:before { content: "\e0e7"; } .ca-gov-icon-calendar:before { content: "\e60a"; } .ca-gov-icon-call:before { content: "\e641"; } .ca-gov-icon-camera:before { content: "\e637"; } .ca-gov-icon-campfire:before { content: "\e96a"; } .ca-gov-icon-cannabis:before { content: "\e974"; } .ca-gov-icon-capitol:before { content: "\e606"; } .ca-gov-icon-car:before { content: "\e9b4"; } .ca-gov-icon-car-alt:before { content: "\e9b5"; } .ca-gov-icon-care-tweezers:before { content: "\e9e8"; } .ca-gov-icon-caret-down:before { content: "3"; } .ca-gov-icon-caret-fill-down:before { content: "\e044"; } .ca-gov-icon-caret-fill-left:before { content: "\e045"; } .ca-gov-icon-caret-fill-right:before { content: "\e046"; } .ca-gov-icon-caret-fill-two-down:before { content: "\e048"; } .ca-gov-icon-caret-fill-two-left:before { content: "\e049"; } .ca-gov-icon-caret-fill-two-right:before { content: "\e04a"; } .ca-gov-icon-caret-fill-two-up:before { content: "\e047"; } .ca-gov-icon-caret-fill-up:before { content: "\e043"; } .ca-gov-icon-caret-left:before { content: "4"; } .ca-gov-icon-caret-line-down:before { content: ";"; } .ca-gov-icon-caret-line-left:before { content: "<"; } .ca-gov-icon-caret-line-right:before { content: "="; } .ca-gov-icon-caret-line-two-down:before { content: "?"; } .ca-gov-icon-caret-line-two-left:before { content: "@"; } .ca-gov-icon-caret-line-two-right:before { content: "A"; } .ca-gov-icon-caret-line-two-up:before { content: ">"; } .ca-gov-icon-caret-line-up:before { content: ":"; } .ca-gov-icon-caret-right:before { content: "5"; } .ca-gov-icon-caret-two-down:before { content: "7"; } .ca-gov-icon-caret-two-left:before { content: "8"; } .ca-gov-icon-caret-two-right:before { content: "9"; } .ca-gov-icon-caret-two-up:before { content: "6"; } .ca-gov-icon-caret-up:before { content: "2"; } .ca-gov-icon-carousel-next:before { content: "\e667"; } .ca-gov-icon-carousel-pause:before { content: "\e66c"; } .ca-gov-icon-carousel-play:before { content: "\e907"; } .ca-gov-icon-carousel-prev:before { content: "\e666"; } .ca-gov-icon-casino:before { content: "\e9b6"; } .ca-gov-icon-cc-copyright:before { content: "\e656"; } .ca-gov-icon-cellphone-touch:before { content: "\ea08"; } .ca-gov-icon-certificate:before { content: "\e910"; } .ca-gov-icon-certificate-check:before { content: "\e911"; } .ca-gov-icon-certificate-click:before { content: "\ea03"; } .ca-gov-icon-charge:before { content: "\e912"; } .ca-gov-icon-charge-cycle:before { content: "\e913"; } .ca-gov-icon-charge-units:before { content: "\e914"; } .ca-gov-icon-chat:before { content: "\e605"; } .ca-gov-icon-chat-bubble:before { content: "\e66f"; } .ca-gov-icon-chat-bubbles:before { content: "\e640"; } .ca-gov-icon-check-fill:before { content: "\e052"; } .ca-gov-icon-check-line:before { content: "R"; } .ca-gov-icon-check-list:before { content: "\e651"; } .ca-gov-icon-check-mark:before { content: "N"; } .ca-gov-icon-chemical-hazard:before { content: "\e956"; } .ca-gov-icon-chrome:before { content: "\e97d"; } .ca-gov-icon-church:before { content: "\e9e9"; } .ca-gov-icon-city:before { content: "\e915"; } .ca-gov-icon-clipboard:before { content: "\e653"; } .ca-gov-icon-clock:before { content: "\e916"; } .ca-gov-icon-close-fill:before { content: "\e051"; } .ca-gov-icon-close-line:before { content: "Q"; } .ca-gov-icon-close-mark:before { content: "M"; } .ca-gov-icon-cloud-download:before { content: "\e62e"; } .ca-gov-icon-cloud-gear:before { content: "\e917"; } .ca-gov-icon-cloud-services:before { content: "\e91a"; } .ca-gov-icon-cloud-sync:before { content: "\e91b"; } .ca-gov-icon-cloud-upload:before { content: "\e62f"; } .ca-gov-icon-code:before { content: "\e91c"; } .ca-gov-icon-coffee:before { content: "\e9b7"; } .ca-gov-icon-collapse-all:before { content: "\e970"; } .ca-gov-icon-collapse:before { content: "X"; } .ca-gov-icon-compass:before { content: "\e633"; } .ca-gov-icon-computer:before { content: "\e621"; } .ca-gov-icon-construction:before { content: "\e628"; } .ca-gov-icon-contact-us:before { content: "\e66e"; } .ca-gov-icon-contacts:before { content: "\e087"; } .ca-gov-icon-coronavirus:before { content: "\e996"; } .ca-gov-icon-coughing:before { content: "\e997"; } .ca-gov-icon-cover:before { content: "\e998"; } .ca-gov-icon-cruise-ship:before { content: "\e9b8"; } .ca-gov-icon-cubes:before { content: "\e999"; } .ca-gov-icon-currency:before { content: "\e0f3"; } .ca-gov-icon-dam:before { content: "\e96b"; } .ca-gov-icon-danger:before { content: "\e957"; } .ca-gov-icon-desktop-checklist:before { content: "\ea05"; } .ca-gov-icon-desktop-video-module:before { content: "\ea10"; } .ca-gov-icon-dice:before { content: "\e9b9"; } .ca-gov-icon-digging:before { content: "\e989"; } .ca-gov-icon-directions:before { content: "\e9ba"; } .ca-gov-icon-discovercard:before { content: "\e97b"; } .ca-gov-icon-distance:before { content: "\e995"; } .ca-gov-icon-do-not-sign:before { content: "\e958"; } .ca-gov-icon-document:before { content: "\e652"; } .ca-gov-icon-down:before { content: "\e9ea"; } .ca-gov-icon-down-left:before { content: "\e9eb"; } .ca-gov-icon-down-right:before { content: "\e9ec"; } .ca-gov-icon-download:before { content: "\e62d"; } .ca-gov-icon-download-cloud:before { content: "\e96c"; } .ca-gov-icon-drag:before { content: "\e972"; } .ca-gov-icon-drawer:before { content: "\e084"; } .ca-gov-icon-drive:before { content: "\e0e5"; } .ca-gov-icon-ear:before { content: "\e91d"; } .ca-gov-icon-ear-slash:before { content: "\e91e"; } .ca-gov-icon-earthquake:before { content: "\e959"; } .ca-gov-icon-electricity-hazard:before { content: "\e95c"; } .ca-gov-icon-email:before { content: "\e609"; } .ca-gov-icon-entertainment:before { content: "\e9bb"; } .ca-gov-icon-envelope-checklist:before { content: "\ea13"; } .ca-gov-icon-excel:before { content: "\e612"; } .ca-gov-icon-expand-all:before { content: "\e991"; } .ca-gov-icon-expand:before { content: "Y"; } .ca-gov-icon-external-link:before { content: "\e9ed"; } .ca-gov-icon-eye:before { content: "\e91f"; } .ca-gov-icon-eye-slash:before { content: "\e920"; } .ca-gov-icon-facebook:before { content: "\e616"; } .ca-gov-icon-family:before { content: "\e9bc"; } .ca-gov-icon-family-alt:before { content: "\e9bd"; } .ca-gov-icon-fastfood:before { content: "\e9be"; } .ca-gov-icon-favorite:before { content: "\e659"; } .ca-gov-icon-features:before { content: "\e993"; } .ca-gov-icon-ferry:before { content: "\e9bf"; } .ca-gov-icon-file:before { content: "\e921"; } .ca-gov-icon-file-audio:before { content: "\e922"; } .ca-gov-icon-file-certificate:before { content: "\e923"; } .ca-gov-icon-file-check:before { content: "\e924"; } .ca-gov-icon-file-code:before { content: "\e925"; } .ca-gov-icon-file-csv:before { content: "\e926"; } .ca-gov-icon-file-download:before { content: "\e927"; } .ca-gov-icon-file-excel:before { content: "\e928"; } .ca-gov-icon-file-export:before { content: "\e929"; } .ca-gov-icon-file-import:before { content: "\e92a"; } .ca-gov-icon-file-invoice:before { content: "\e92b"; } .ca-gov-icon-file-medical:before { content: "\e92c"; } .ca-gov-icon-file-medical-alt:before { content: "\e92d"; } .ca-gov-icon-file-pdf:before { content: "\e92e"; } .ca-gov-icon-file-powerpoint:before { content: "\e92f"; } .ca-gov-icon-file-prescription:before { content: "\e930"; } .ca-gov-icon-file-upload:before { content: "\e931"; } .ca-gov-icon-file-video:before { content: "\e932"; } .ca-gov-icon-file-word:before { content: "\e933"; } .ca-gov-icon-file-zip:before { content: "\e934"; } .ca-gov-icon-film:before { content: "\e024"; } .ca-gov-icon-filter:before { content: "\e90a"; } .ca-gov-icon-filter-solid:before { content: "\e935"; } .ca-gov-icon-fingerprint:before { content: "\e936"; } .ca-gov-icon-fingerprint-check:before { content: "\e937"; } .ca-gov-icon-fire:before { content: "\e631"; } .ca-gov-icon-firefox:before { content: "\e97e"; } .ca-gov-icon-fitness:before { content: "\e9c0"; } .ca-gov-icon-fitness-alt:before { content: "\e9c1"; } .ca-gov-icon-flickr:before { content: "\e61d"; } .ca-gov-icon-flood:before { content: "\e95d"; } .ca-gov-icon-flowchart:before { content: "\e0df"; } .ca-gov-icon-folder:before { content: "\e05c"; } .ca-gov-icon-football:before { content: "\e9ee"; } .ca-gov-icon-gas-pump:before { content: "\e98a"; } .ca-gov-icon-gear:before { content: "\e64d"; } .ca-gov-icon-gears:before { content: "\e900"; } .ca-gov-icon-glass:before { content: "\e987"; } .ca-gov-icon-globe:before { content: "\e0e3"; } .ca-gov-icon-golf:before { content: "\e9ef"; } .ca-gov-icon-google:before { content: "\ea0e"; } .ca-gov-icon-google-plus:before { content: "\e66d"; } .ca-gov-icon-graduate:before { content: "\e903"; } .ca-gov-icon-graduate-pointer:before { content: "\ea0f"; } .ca-gov-icon-graph:before { content: "\e62b"; } .ca-gov-icon-green:before { content: "\e638"; } .ca-gov-icon-grid:before { content: "\e08c"; } .ca-gov-icon-hair:before { content: "\e9c2"; } .ca-gov-icon-hair-salon:before { content: "\e9c3"; } .ca-gov-icon-hand:before { content: "\e938"; } .ca-gov-icon-hand-heart:before { content: "\e99a"; } .ca-gov-icon-hand-money:before { content: "\e939"; } .ca-gov-icon-hand-water:before { content: "\e99b"; } .ca-gov-icon-handshake:before { content: "\e93a"; } .ca-gov-icon-happy:before { content: "\e976"; } .ca-gov-icon-hazard:before { content: "\e95e"; } .ca-gov-icon-heart:before { content: "\e988"; } .ca-gov-icon-highway:before { content: "\e9c4"; } .ca-gov-icon-home:before { content: "\e601"; } .ca-gov-icon-home-education:before { content: "\ea07"; } .ca-gov-icon-home-graduate:before { content: "\ea09"; } .ca-gov-icon-hourglass:before { content: "\e0e1"; } .ca-gov-icon-hours:before { content: "\e90c"; } .ca-gov-icon-hours-security:before { content: "\e90d"; } .ca-gov-icon-house:before { content: "\e64c"; } .ca-gov-icon-hurricane:before { content: "\e95f"; } .ca-gov-icon-idea:before { content: "\e902"; } .ca-gov-icon-idea-alt:before { content: "\e98b"; } .ca-gov-icon-ie:before { content: "\e97f"; } .ca-gov-icon-image:before { content: "\e64b"; } .ca-gov-icon-images:before { content: "\e904"; } .ca-gov-icon-important:before { content: "\e63f"; } .ca-gov-icon-important-line:before { content: "\e906"; } .ca-gov-icon-info:before { content: "\e661"; } .ca-gov-icon-info-bubble:before { content: "\e670"; } .ca-gov-icon-info-line:before { content: "\e905"; } .ca-gov-icon-instagram:before { content: "\e9dd"; } .ca-gov-icon-institute:before { content: "\e93b"; } .ca-gov-icon-justice-legal:before { content: "\e60d"; } .ca-gov-icon-key:before { content: "\e65f"; } .ca-gov-icon-lab-tests:before { content: "\e99c"; } .ca-gov-icon-law-enforcement:before { content: "\e60c"; } .ca-gov-icon-left:before { content: "\e9f0"; } .ca-gov-icon-lightbulb:before { content: "\e072"; } .ca-gov-icon-link:before { content: "\e65d"; } .ca-gov-icon-linkedin:before { content: "\e617"; } .ca-gov-icon-location:before { content: "\e081"; } .ca-gov-icon-lock:before { content: "\e660"; } .ca-gov-icon-logo:before { content: "\e600"; } .ca-gov-icon-megaphone:before { content: "\e639"; } .ca-gov-icon-magnify-glass:before { content: "\e65e"; } .ca-gov-icon-mail:before { content: "\e64a"; } .ca-gov-icon-malware:before { content: "\e919"; } .ca-gov-icon-map:before { content: "\e083"; } .ca-gov-icon-mask:before { content: "\e99d"; } .ca-gov-icon-mastercard:before { content: "\e978"; } .ca-gov-icon-medal:before { content: "\e98c"; } .ca-gov-icon-medical:before { content: "\e63c"; } .ca-gov-icon-medical-bubble:before { content: "\e93c"; } .ca-gov-icon-medical-care:before { content: "\e93d"; } .ca-gov-icon-medical-case:before { content: "\e93e"; } .ca-gov-icon-medical-clinic:before { content: "\e93f"; } .ca-gov-icon-medical-cross:before { content: "\e940"; } .ca-gov-icon-medical-doctor:before { content: "\e941"; } .ca-gov-icon-medical-heart:before { content: "\e942"; } .ca-gov-icon-medical-pills:before { content: "\e943"; } .ca-gov-icon-menu:before { content: "\e602"; } .ca-gov-icon-menu-toggle-closed:before { content: "\e66a"; } .ca-gov-icon-menu-toggle-open:before { content: "\e66b"; } .ca-gov-icon-mic:before { content: "\e07f"; } .ca-gov-icon-microsoft:before { content: "\e61e"; } .ca-gov-icon-minus-fill:before { content: "\e04f"; } .ca-gov-icon-minus-line:before { content: "O"; } .ca-gov-icon-minus-mark:before { content: "K"; } .ca-gov-icon-mobile:before { content: "\e944"; } .ca-gov-icon-mobile-graduate:before { content: "\ea11"; } .ca-gov-icon-mobile-textbook:before { content: "\ea0a"; } .ca-gov-icon-museum:before { content: "\e9c5"; } .ca-gov-icon-museum-alt:before { content: "\e9c6"; } .ca-gov-icon-music:before { content: "\e08e"; } .ca-gov-icon-nail-polish:before { content: "\e9f1"; } .ca-gov-icon-no-coughing:before { content: "\e99e"; } .ca-gov-icon-no-handshake:before { content: "\e99f"; } .ca-gov-icon-no-smoking:before { content: "\e98e"; } .ca-gov-icon-no-travel:before { content: "\e9c7"; } .ca-gov-icon-no-virus:before { content: "\e9a0"; } .ca-gov-icon-online-education:before { content: "\ea01"; } .ca-gov-icon-online-graduate:before { content: "\e9ff"; } .ca-gov-icon-online-help:before { content: "\ea1e"; } .ca-gov-icon-online-module:before { content: "\ea0b"; } .ca-gov-icon-online-services:before { content: "\e65c"; } .ca-gov-icon-opera:before { content: "\e980"; } .ca-gov-icon-paddle-boat:before { content: "\e9c8"; } .ca-gov-icon-page:before { content: "\e654"; } .ca-gov-icon-palette:before { content: "\e986"; } .ca-gov-icon-party:before { content: "\e9c9"; } .ca-gov-icon-pause:before { content: "\e648"; } .ca-gov-icon-payment-card:before { content: "\e645"; } .ca-gov-icon-paypal:before { content: "\e97c"; } .ca-gov-icon-pdf:before { content: "\e614"; } .ca-gov-icon-pencil:before { content: "j"; } .ca-gov-icon-pencil-edit:before { content: "l"; } .ca-gov-icon-people:before { content: "\e642"; } .ca-gov-icon-person:before { content: "\e643"; } .ca-gov-icon-personal-care:before { content: "\e9f2"; } .ca-gov-icon-phone:before { content: "\e608"; } .ca-gov-icon-pie-chart:before { content: "\e62a"; } .ca-gov-icon-pinterest:before { content: "\e61a"; } .ca-gov-icon-places:before { content: "\e9ca"; } .ca-gov-icon-play:before { content: "\e647"; } .ca-gov-icon-plus-fill:before { content: "\e050"; } .ca-gov-icon-plus-line:before { content: "P"; } .ca-gov-icon-plus-mark:before { content: "L"; } .ca-gov-icon-powerpoint:before { content: "\e611"; } .ca-gov-icon-print:before { content: "\e63b"; } .ca-gov-icon-pro-services:before { content: "\e945"; } .ca-gov-icon-procurement:before { content: "\e9a1"; } .ca-gov-icon-project:before { content: "\e9a2"; } .ca-gov-icon-pushpin:before { content: "\e082"; } .ca-gov-icon-puzzle:before { content: "\e946"; } .ca-gov-icon-puzzle-piece:before { content: "\e947"; } .ca-gov-icon-quake-hazard:before { content: "\e95b"; } .ca-gov-icon-quake-house:before { content: "\e95a"; } .ca-gov-icon-question:before { content: "\e909"; } .ca-gov-icon-question-fill:before { content: "\e064"; } .ca-gov-icon-question-line:before { content: "\e908"; } .ca-gov-icon-quote-fill:before { content: "\e06a"; } .ca-gov-icon-radiation:before { content: "\e955"; } .ca-gov-icon-rail:before { content: "\e9cb"; } .ca-gov-icon-read-book:before { content: "\e655"; } .ca-gov-icon-reader:before { content: "\e985"; } .ca-gov-icon-recycle:before { content: "\e948"; } .ca-gov-icon-responsive:before { content: "\e949"; } .ca-gov-icon-responsive-alt:before { content: "\e94a"; } .ca-gov-icon-restaurant:before { content: "\e9cc"; } .ca-gov-icon-right:before { content: "\e9f3"; } .ca-gov-icon-road:before { content: "\e9cd"; } .ca-gov-icon-road-pin:before { content: "\e65b"; } .ca-gov-icon-roadways:before { content: "\e624"; } .ca-gov-icon-rss:before { content: "\e65a"; } .ca-gov-icon-rv:before { content: "\e9ce"; } .ca-gov-icon-safari:before { content: "\e981"; } .ca-gov-icon-sail-ship:before { content: "\e9cf"; } .ca-gov-icon-science:before { content: "\e00a"; } .ca-gov-icon-scooter:before { content: "\e9d0"; } .ca-gov-icon-sea-level-rise:before { content: "\e960"; } .ca-gov-icon-sea-level-rise-alt:before { content: "\e96e"; } .ca-gov-icon-search:before { content: "\e604"; } .ca-gov-icon-search-right:before { content: "U"; } .ca-gov-icon-searching:before { content: "\e0f7"; } .ca-gov-icon-security-network:before { content: "\e94b"; } .ca-gov-icon-security-system:before { content: "\e94c"; } .ca-gov-icon-server:before { content: "\e62c"; } .ca-gov-icon-severe-weather:before { content: "\e961"; } .ca-gov-icon-share:before { content: "\e615"; } .ca-gov-icon-share-instagram:before { content: "\e9f9"; } .ca-gov-icon-share-button:before { content: "\e671"; } .ca-gov-icon-share-email:before { content: "\e673"; } .ca-gov-icon-share-facebook:before { content: "\e672"; } .ca-gov-icon-share-flickr:before { content: "\e674"; } .ca-gov-icon-share-googleplus:before { content: "\e677"; } .ca-gov-icon-share-linkedin:before { content: "\e676"; } .ca-gov-icon-share-pinterest:before { content: "\e679"; } .ca-gov-icon-share-snapchat:before { content: "\e98f"; } .ca-gov-icon-share-twitter:before { content: "\e675"; } .ca-gov-icon-share-vimeo:before { content: "\e67a"; } .ca-gov-icon-share-youtube:before { content: "\e67b"; } .ca-gov-icon-shield:before { content: "\e630"; } .ca-gov-icon-shield-check:before { content: "\e94d"; } .ca-gov-icon-ship:before { content: "\e9d1"; } .ca-gov-icon-shopping-cart:before { content: "\e635"; } .ca-gov-icon-sign-language:before { content: "\e971"; } .ca-gov-icon-skip-backwards:before { content: "\e646"; } .ca-gov-icon-skip-forward:before { content: "\e649"; } .ca-gov-icon-smartphone:before { content: "\e623"; } .ca-gov-icon-smoking:before { content: "\e98d"; } .ca-gov-icon-snapchat:before { content: "\e990"; } .ca-gov-icon-soap:before { content: "\e9a3"; } .ca-gov-icon-soccer:before { content: "\e9f4"; } .ca-gov-icon-sos:before { content: "\e634"; } .ca-gov-icon-spartan-helmet:before { content: "\ea14"; } .ca-gov-icon-speech-dialog:before { content: "\ea1f"; } .ca-gov-icon-speedtrain:before { content: "\e9d2"; } .ca-gov-icon-state:before { content: "\e607"; } .ca-gov-icon-stay-home:before { content: "\e9a4"; } .ca-gov-icon-stop-fire:before { content: "\e962"; } .ca-gov-icon-stop-hand:before { content: "\e963"; } .ca-gov-icon-suv:before { content: "\e9d3"; } .ca-gov-icon-table:before { content: "\e025"; } .ca-gov-icon-tablet:before { content: "\e622"; } .ca-gov-icon-tags:before { content: "\e07c"; } .ca-gov-icon-teleworking:before { content: "\e9a5"; } .ca-gov-icon-temple:before { content: "\e9d4"; } .ca-gov-icon-tennis:before { content: "\e9f5"; } .ca-gov-icon-tent:before { content: "\e969"; } .ca-gov-icon-testing:before { content: "\e9a6"; } .ca-gov-icon-testing-alt:before { content: "\e9a7"; } .ca-gov-icon-textbook:before { content: "\ea00"; } .ca-gov-icon-thumb-up:before { content: "\e94e"; } .ca-gov-icon-time:before { content: "\e64f"; } .ca-gov-icon-tool:before { content: "\e64e"; } .ca-gov-icon-tools:before { content: "\e035"; } .ca-gov-icon-tornado:before { content: "\e964"; } .ca-gov-icon-train:before { content: "\e9d5"; } .ca-gov-icon-travel-air:before { content: "\e626"; } .ca-gov-icon-travel-car:before { content: "\e625"; } .ca-gov-icon-triangle-down:before { content: "C"; } .ca-gov-icon-triangle-left:before { content: "D"; } .ca-gov-icon-triangle-line-down:before { content: "G"; } .ca-gov-icon-triangle-line-left:before { content: "H"; } .ca-gov-icon-triangle-line-right:before { content: "I"; } .ca-gov-icon-triangle-line-up:before { content: "F"; } .ca-gov-icon-triangle-right:before { content: "E"; } .ca-gov-icon-triangle-up:before { content: "B"; } .ca-gov-icon-trolleybus:before { content: "\e9d6"; } .ca-gov-icon-trophy:before { content: "\e94f"; } .ca-gov-icon-truck:before { content: "\e9d7"; } .ca-gov-icon-truck-alt:before { content: "\e9d8"; } .ca-gov-icon-truck-delivery:before { content: "\e627"; } .ca-gov-icon-tsunami:before { content: "\e965"; } .ca-gov-icon-tsunami-alt:before { content: "\e96f"; } .ca-gov-icon-twitter:before { content: "\e619"; } .ca-gov-icon-up:before { content: "\e9f6"; } .ca-gov-icon-up-left:before { content: "\e9f7"; } .ca-gov-icon-up-right:before { content: "\e9f8"; } .ca-gov-icon-update:before { content: "\e994"; } .ca-gov-icon-upload-cloud:before { content: "\e96d"; } .ca-gov-icon-user-desk:before { content: "\ea0d"; } .ca-gov-icon-user-desktop-instructor:before { content: "\ea02"; } .ca-gov-icon-user-headphone:before { content: "\ea06"; } .ca-gov-icon-user-id:before { content: "\e644"; } .ca-gov-icon-user-laptop:before { content: "\ea04"; } .ca-gov-icon-users:before { content: "\e950"; } .ca-gov-icon-users-alt:before { content: "\e951"; } .ca-gov-icon-users-check-mark:before { content: "\ea27"; } .ca-gov-icon-users-dialog:before { content: "\e952"; } .ca-gov-icon-users-interaction:before { content: "\e953"; } .ca-gov-icon-users-huddle:before { content: "\ea28"; } .ca-gov-icon-van:before { content: "\e9d9"; } .ca-gov-icon-video:before { content: "\e954"; } .ca-gov-icon-video-camera:before { content: "\e636"; } .ca-gov-icon-vimeo:before { content: "\e61b"; } .ca-gov-icon-virus:before { content: "\e9a8"; } .ca-gov-icon-viruses:before { content: "\e9a9"; } .ca-gov-icon-visa:before { content: "\e977"; } .ca-gov-icon-volcano:before { content: "\e966"; } .ca-gov-icon-volume:before { content: "\e069"; } .ca-gov-icon-wallet:before { content: "\e0d8"; } .ca-gov-icon-warning-circle:before { content: "\e967"; } .ca-gov-icon-warning-fill:before { content: "\e062"; } .ca-gov-icon-warning-square:before { content: "\e968"; } .ca-gov-icon-warning-triangle:before { content: "\e063"; } .ca-gov-icon-wash:before { content: "\e9aa"; } .ca-gov-icon-word:before { content: "\e613"; } .ca-gov-icon-yacht:before { content: "\e9da"; } .ca-gov-icon-youtube:before { content: "\e618"; } .ca-gov-icon-zipped-file:before { content: "\e610"; } .ca-gov-icon-zoo:before { content: "\e9db"; } .ca-gov-icon-zoo-alt:before { content: "\e9dc"; } .ca-gov-icon-zoom-in:before { content: "\e63e"; } .ca-gov-icon-zoom-out:before { content: "\e63d"; } /* ----------------------------------------- TYPE STYLES - /source/scss/cagov/type.scss ----------------------------------------- */ /* latin-ext */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 200; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-extralight.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 200; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-extralight.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-light.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 300; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-light.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-regular.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 400; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-regular.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-medium.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-medium.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-semibold.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-semibold.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-bold.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 700; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-bold.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-extrabold.woff2") format("woff2"); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: "Public Sans"; font-style: normal; font-weight: 800; font-display: swap; src: url("https://www.mbc.ca.gov/fonts/publicsans-extrabold.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } body { font-family: "Public Sans", sans-serif; font-size: 1.125rem; line-height: 1.5; color: #3b3a48; overflow-y: scroll; } @media (min-width: 576px) { body { font-size: calc(1.125rem + 0.1vw); } } a { color: #046b99; } a:hover { color: #02374e; } /* Solution for links that are behind fixed Header */ #main-content a, #main-content button { scroll-margin-top: 140px !important; } .featured-narrative { border-bottom: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; padding: 10px 10px 0 10px; margin-bottom: 12px; margin-left: 20px; } p { margin-bottom: 0.7rem; } @media (min-width: 576px) { p { margin-bottom: calc(0.7rem + 0.1vw); } } .lead { font-size: 1.4375rem; margin-bottom: 1rem; font-weight: 500; } @media (min-width: 576px) { .lead { font-size: calc(1.4375rem + 0.1vw); margin-bottom: calc(1rem + 0.1vw); } } .small { font-size: 1rem; margin-bottom: 0.65rem; } @media (min-width: 576px) { .small { font-size: calc(1rem + 0.1vw); margin-bottom: calc(0.65rem + 0.1vw); } } .btn { font-size: 1rem; } @media (min-width: 576px) { .btn { font-size: calc(1rem + 0.1vw); } } .btn-lg, .btn-group-lg > .btn { font-size: 1.125rem; } @media (min-width: 576px) { .btn-lg, .btn-group-lg > .btn { font-size: calc(1.125rem + 0.1vw); } } .btn-sm, .btn-group-sm > .btn { font-size: 0.9rem; } @media (min-width: 576px) { .btn-sm, .btn-group-sm > .btn { font-size: calc(0.9rem + 0.1vw); } } .ie9 p + h1, .ie9 p + .h1, .ie9 p + h2, .ie9 p + .h2, .ie9 p + h3, .ie9 p + .h3, .ie9 p + h4, .ie9 p + .h4 { padding-top: 10px; } h1 span[class^=ca-gov-icon-]:first-child, .h1 span[class^=ca-gov-icon-]:first-child { display: none; } h1, .h1 { font-size: 2.9375rem; margin-top: 3rem; margin-bottom: 1.6rem; font-weight: 700; line-height: 1.25; font-family: "Public Sans", sans-serif; } @media (min-width: 576px) { h1, .h1 { font-size: calc(2.9375rem + 0.1vw); margin-top: calc(3rem + 0.1vw); margin-bottom: calc(1.6rem + 0.1vw); } } h2, .h2 { font-size: 2.3175rem; margin-top: 2.7rem; margin-bottom: 1.4rem; font-weight: 700; line-height: 1.375; font-family: "Public Sans", sans-serif; } @media (min-width: 576px) { h2, .h2 { font-size: calc(2.3175rem + 0.1vw); margin-top: calc(2.7rem + 0.1vw); margin-bottom: calc(1.4rem + 0.1vw); } } h3, .h3 { font-size: 1.8125rem; margin-top: 2.4rem; margin-bottom: 1.2rem; font-weight: 700; line-height: 1.5; font-family: "Public Sans", sans-serif; } @media (min-width: 576px) { h3, .h3 { font-size: calc(1.8125rem + 0.1vw); margin-top: calc(2.4rem + 0.1vw); margin-bottom: calc(1.2rem + 0.1vw); } } h4, .h4 { font-size: 1.4375rem; margin-top: 2rem; margin-bottom: 1rem; font-weight: 700; line-height: 1.625; font-family: "Public Sans", sans-serif; } @media (min-width: 576px) { h4, .h4 { font-size: calc(1.4375rem + 0.1vw); margin-top: calc(2rem + 0.1vw); margin-bottom: calc(1rem + 0.1vw); } } h5, .h5 { font-size: 1.125rem; margin-top: 1.7rem; margin-bottom: 0.8rem; font-weight: 700; line-height: 1.75; font-family: "Public Sans", sans-serif; } @media (min-width: 576px) { h5, .h5 { font-size: calc(1.125rem + 0.1vw); margin-top: calc(1.7rem + 0.1vw); margin-bottom: calc(0.8rem + 0.1vw); } } h6, .h6 { font-size: 0.875rem; margin-top: 1.4rem; margin-bottom: 0.6rem; font-weight: 700; line-height: 1.75; font-family: "Public Sans", sans-serif; } @media (min-width: 576px) { h6, .h6 { font-size: calc(0.875rem + 0.1vw); margin-top: calc(1.4rem + 0.1vw); margin-bottom: calc(0.6rem + 0.1vw); } } .subtitle { font-size: 1.4375rem; margin-bottom: 3rem; font-weight: 600; color: #5e5e6a; } @media (min-width: 576px) { .subtitle { font-size: calc(1.4375rem + 0.1vw); margin-bottom: calc(3rem + 0.1vw); } } [class*=icon-].big { font-size: 1.94rem; } [class*=icon-].bigger { font-size: 2.4rem; } [class*=icon-].biggest { font-size: 3.5rem; } .serif { font-family: "Merriweather", serif !important; } .monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .heading { font-family: "Public Sans", sans-serif !important; } code { color: #d11a6c; } .wrap { white-space: normal !important; } .main-content a:not(.btn) { text-decoration: underline; } .tab-group .nav-tabs li > a, .main-content .btn, .panel-title, .panel-heading a, .btn-more, .accordion .panel-heading a, .panel-group .panel-heading .panel-title a, .accordion .panel-heading .panel-title a, .panel-group .panel-heading .panel-title a, .service-tile-content .panel-heading .panel-title a, .service-tile-content .panel-heading a, .accordion .panel-heading a, .icon-link, .social a, .main-content a[role=button], .main-content a[role=tab], .gallery-item, .news-link, .news-icon, .socialsharer-container a, .thumbnail a, .explore-invite a { text-decoration: none !important; background-image: none !important; } .no-underline { text-decoration: none !important; background-image: none !important; } .list-group { padding-left: 0 !important; margin-bottom: 0 !important; } .list-group-item { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; margin-top: 0 !important; background-image: none !important; text-decoration: none !important; } a.list-group-item { margin-bottom: 0px !important; } .tab.list-group-item { margin-bottom: -1px !important; } .text-highlight, .text-highlight-primary, .text-highlight-warning, .text-highlight-dark { display: inline-block; padding: 0.35em 0.65em; font-weight: 600; line-height: 1; font-size: 95%; color: #000; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #ededef; } /* external link */ /* External link icon */ .external-link-icon { display: inline-block; padding: 0; position: relative; text-decoration: none; } .external-link-icon::after { content: "\e9ed"; font-family: "CaGov" !important; font-size: 75%; margin-left: 3px; } .icon-abs-right .external-link-icon { position: absolute; right: 1.5rem; } /* external link exeptions */ .cagov-card .external-link-icon, .wp-block-button__link .external-link-icon, .footer-social-links a .external-link-icon, img ~ .external-link-icon, svg ~ .external-link-icon, *[class*=ca-gov-icon-] .external-link-icon, [class*=ca-gov-icon-] ~ .external-link-icon, .pdf-link-icon ~ .external-link-icon { display: none; } /* ----------------------------------------- SOCIAL SHARE WIDGET /source/scss/cagov/socialsharer.scss SocialSharer module Version Dec 09, 2014 ----------------------------------------- */ .socialsharer-container { float: left; } .socialsharer-container::after { display: block; clear: both; content: ""; } .socialsharer-container a { line-height: 1em; font-size: 1.375rem; cursor: pointer; } .socialsharer-container a:hover, .socialsharer-container a:focus { text-decoration: none !important; } /* Facebook */ .ca-gov-icon-share-facebook { color: #3c5a99 !important; } .ca-gov-icon-share-facebook:hover, .ca-gov-icon-share-facebook:focus { color: #2e4474; } /* Twitter */ .ca-gov-icon-share-twitter { color: #2aa9e0 !important; } .ca-gov-icon-share-twitter:hover, .ca-gov-icon-share-twitter:focus { color: #1b8bbc; } /* snapchat */ .ca-gov-icon-share-snapchat { color: #fffc00 !important; } .ca-gov-icon-share-snapchat:hover, .ca-gov-icon-share-snapchat:focus { color: #ccca00; } /* youtube */ .ca-gov-icon-share-youtube { color: #b31217 !important; } .ca-gov-icon-share-youtube:hover, .ca-gov-icon-share-youtube:focus { color: #850d11; } /* GooglePlus */ .ca-gov-icon-share-googleplus { color: #dc4a38 !important; } .ca-gov-icon-share-googleplus:hover, .ca-gov-icon-share-googleplus:focus { color: #bf3322; } /* Flickr */ .ca-gov-icon-share-flickr { color: #0063dc !important; } .ca-gov-icon-share-flickr:hover, .ca-gov-icon-share-flickr:focus { color: #004ca9; } /* linkedin */ .ca-gov-icon-share-linkedin { color: #0976b4 !important; } .ca-gov-icon-share-linkedin:hover, .ca-gov-icon-share-linkedin:focus { color: #075683; } /* instagram */ .ca-gov-icon-share-instagram { color: #c13584 !important; } .ca-gov-icon-share-instagram:hover, .ca-gov-icon-share-instagram:focus { color: #992a69; } /* pinterest */ .ca-gov-icon-share-pinterest { color: #cc2127 !important; } .ca-gov-icon-share-pinterest:hover, .ca-gov-icon-share-pinterest:focus { color: #a01a1f; } /* vimeo */ .ca-gov-icon-share-vimeo { color: #1ab7ea !important; } .ca-gov-icon-share-vimeo:hover, .ca-gov-icon-share-vimeo:focus { color: #1295bf; } /* Email */ .ca-gov-icon-share-email { /* "Blue a v". Licensed under Public domain via Wikimedia Commons - http://commons.wikimedia.org/wiki/File:Blue_a_v.svg#mediaviewer/File:Blue_a_v.svg */ color: #888 !important; } .ca-gov-icon-share-email:hover, .ca-gov-icon-share-email:focus { color: #6f6f6f; } /* ----------------------------------------- LAYOUTS - /source/scss/cagov/layout.scss ----------------------------------------- */ /* Default layout is 1 column */ .main-content { background: #fff; min-height: 400px; } .main-content > .section { padding-bottom: 24px; } /* Two column layout option */ .two-column .main-content { min-height: unset; } @media (min-width: 992px) { .two-column .main-content .main-primary { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } } @media (min-width: 992px) and (min-width: 992px) { .two-column .main-content .main-primary { float: left; width: 66.6666666667%; } } @media (min-width: 992px) { .two-column .main-content .main-secondary { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } } @media (min-width: 992px) and (min-width: 992px) { .two-column .main-content .main-secondary { float: left; width: 33.3333333333%; } } @media (min-width: 768px) { .two-column .main-content .reverse-main .main-primary { left: 33.3333333333%; } } @media (min-width: 768px) { .two-column .main-content .reverse-main .main-secondary { right: 66.6666666667%; } } @media (max-width: 991px) { .two-column .main-content .main-secondary { position: inherit; } } /* Remove the left and right border for mobile */ @media (max-width: 768px) { .main-content { border: none !important; width: 100%; } } /* Allows two column containers used in the sidebar to fill the horizontal space */ @media (max-width: 767px) { .main-secondary .group { padding: 0 !important; } .main-secondary .group .half { padding: 0 !important; } } .decoration-last { display: none; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .hidden-xs, .hidden-sm, .hidden-md, .hidden-lg { display: block !important; } @media (min-width: 0) and (max-width: 767px) { .visible-xs { display: block !important; } .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } .hidden-md { display: none !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } .hidden-lg { display: none !important; } } @media print { .print-p-t { padding-top: 136px !important; } .global-header.fixed { position: absolute !important; top: 0 !important; } } /* ----------------------------------------- GRID - /source/scss/cagov/grid.scss ----------------------------------------- */ /* .container custom width */ .container { width: 100%; margin-right: auto; margin-left: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1176px; } } .group { margin-left: -1rem; margin-right: -1rem; } .group::after { display: block; clear: both; content: ""; } .full-width { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; } .half { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; } @media (min-width: 768px) { .half { float: left; width: 50%; } } .third { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; } @media (min-width: 768px) { .third { float: left; width: 33.3333333333%; } } .two-thirds { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; } @media (min-width: 768px) { .two-thirds { float: left; width: 66.6666666667%; } } .quarter { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } @media (min-width: 992px) { .quarter { float: left; width: 25%; } } .three-quarters { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; } @media (min-width: 768px) { .three-quarters { float: left; width: 75%; } } @media (min-width: 768px) { .offset-quarter { margin-left: 25%; } } @media (min-width: 768px) { .offset-third { margin-left: 33.3333333333%; } } @media (min-width: 768px) { .offset-half { margin-left: 50%; } } @media (min-width: 768px) { .offset-two-thirds { margin-left: 66.6666666667%; } } @media (min-width: 768px) { .offset-three-quarters { margin-left: 75%; } } .main-secondary .group { padding: 0 8px 0 8px; } .main-secondary .group .half { padding: 0 7px 0 7px; } .grid-demo { margin-bottom: 12px; } .grid-demo div { border: 1px solid #777777; } .main-content > .section, .two-column .main-content > .section { width: 100%; margin-right: auto; margin-left: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 576px) { .main-content > .section, .two-column .main-content > .section { max-width: 540px; } } @media (min-width: 768px) { .main-content > .section, .two-column .main-content > .section { max-width: 720px; } } @media (min-width: 992px) { .main-content > .section, .two-column .main-content > .section { max-width: 960px; } } @media (min-width: 1200px) { .main-content > .section, .two-column .main-content > .section { max-width: 1176px; } } .grid-columns-auto { grid-template-columns: auto auto; } /* ----------------------------------------- GLOBAL HEADER - /source/scss/cagov/global-header.scss ----------------------------------------- */ #skip-to-content { position: relative; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; z-index: 999; } #skip-to-content a { width: 0; height: 0; text-align: center; position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); clip: unset; background-color: white; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; overflow: hidden; } #skip-to-content a:focus { width: 160px; height: 27px; } .global-header { position: relative; z-index: 1; padding: 0; background: #fff; width: auto; } .global-header .section-default { background-color: #fff; } @media (min-width: 992px) { .global-header .section-default { border-bottom: 1px solid #d4d4d7; } } .global-header .section-default:after { content: ""; border-bottom: 1px solid #d4d4d7; position: absolute; width: 100%; left: 0; } @media (min-width: 992px) { .global-header .section-default:after { border-bottom: none; } } @media (min-width: 992px) { .global-header { border-bottom: 1px solid #d4d4d7; } .global-header .section-default:after { bottom: 55px; z-index: 99; } .global-header .mobile-controls { display: none !important; } } /* ----------------------------------------- SLIDESHOW BANNER /source/scss/cagov/header-banner.scss ----------------------------------------- */ .header-slideshow-banner { display: none; height: 500px; position: relative; } @media (min-width: 768px) { .header-slideshow-banner.enabled { display: block; } } .header-single-banner, .header-large-banner { width: 100%; height: 80vh; overflow: hidden; background-position: center !important; background-size: cover !important; display: block; min-width: 100%; min-height: 100%; position: relative; } @media (max-width: 767px) { .header-single-banner, .header-large-banner { height: unset; padding-top: 70px; padding-bottom: 80px; } } .header-slideshow-banner { position: absolute; top: 0; height: 100%; width: 100%; overflow: hidden; } .carousel-banner, .carousel-banner .owl-stage-outer, .carousel-banner .owl-stage, .carousel-banner .owl-item, .carousel-banner .slide { height: 100%; } @media (max-width: 767px) { .ask-group + .header-primary-banner, .ask-group + .header-large-banner, .ask-group + .header-slideshow-banner { display: none; } .primary .header-large-banner, .primary .header-slideshow-banner { display: none; } } .header-image { width: 100%; height: auto; overflow: hidden; background-position: center; background-size: cover; display: block; min-width: 100%; min-height: 100%; position: relative; color: #fff; padding: 1rem 0 1.5rem 0; } .header-primary-banner { overflow: hidden; background-image: url("data:image/svg+xml,"); background-color: #395567; background-position: center !important; background-size: cover !important; display: block; position: relative; } .header-primary-banner p { font-size: 2.9375rem; color: #ffffff; font-weight: 200; line-height: 3.675rem; margin-bottom: 2rem; } .header-primary-banner p span { font-weight: 600; } /* ----------------------------------------- FIXED-HEADER - /source/scss/cagov/fixed-header.scss ----------------------------------------- */ @media (min-width: 768px) { .ask-group.fixed-hide { visibility: hidden; opacity: 0; } #head-search.fixed-hide:not(.active) { visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } /* full width nav search box in fixed nav*/ .full-width-nav #head-search.fixed-hide:not(.active) { visibility: visible; opacity: 1; margin-top: 14px; } .full-width-nav #head-search.fixed-hide:not(.active) .search-textfield { height: 44px !important; } .full-width-nav #head-search.fixed-hide:not(.active) .gsc-search-button { height: 44px !important; top: -3px !important; } .no-js .ask-group.fade { visibility: visible; opacity: 1; } .no-js #head-search.fade { visibility: visible; opacity: 1; } } .global-header.fixed { transition: all 0.3s ease; position: sticky; top: 0; width: 100%; z-index: 3; } @media (min-width: 992px) { .global-header.fixed { z-index: 7; position: sticky; } } .is-hidden, .scrolled { top: -40px !important; } h2, .h2 { scroll-margin-top: 75px; } @media (min-width: 992px) { h2, .h2 { scroll-margin-top: 150px; } } /* ----------------------------------------- SITE HEADER - /source/scss/cagov/site-header.scss (branding) ----------------------------------------- */ .branding { width: 100%; margin-right: auto; margin-left: auto; padding-left: 1rem; padding-right: 1rem; padding-left: 0; padding-right: 0; position: relative; } @media (min-width: 576px) { .branding { max-width: 540px; } } @media (min-width: 768px) { .branding { max-width: 720px; } } @media (min-width: 992px) { .branding { max-width: 960px; } } @media (min-width: 1200px) { .branding { max-width: 1176px; } } @media (min-width: 992px) { .branding { position: unset; } } .branding .header-organization-banner { -webkit-transition: all 0.3s; transition: all 0.3s; padding:0.5rem 0 0.5rem 1rem; } @media (max-width: 991px) { .branding .header-organization-banner { position: relative; max-width: 400px; margin-left: 1rem; margin-right: 20%; padding-top: 0.5rem; padding-left: 0; padding-bottom: 0.5rem; display: flex; align-content: center; } } .branding .header-organization-banner img { max-width: 300px; max-height: 55px; object-fit: contain !important; object-position: left; } @media (max-width: 992px) and (min-width: 768px) { .branding .header-organization-banner img { max-width: 225px; } } @media (max-width: 991px) { .branding .header-organization-banner img { max-height: 44px; } } .branding .header-organization-banner a { position: relative; text-decoration: none; color: black; background-image: none; display: inline-block; min-width: 100%; } .branding .header-organization-banner a:focus { outline: solid 2px #2ea3f2 !important; } .branding .header-organization-banner a .logo-assets { display: flex; flex-flow: wrap; min-height: 4rem; align-items: center; } .branding .header-organization-banner a .logo-assets .logo-img { max-width: 100%; min-height: auto; height: 4rem; display: inline-block; transition: all 0.3s; } .branding .header-organization-banner a .logo-assets .logo-text { padding-left: 5px; } .branding .header-organization-banner a .logo-assets .logo-text .logo-state { font-size: 1rem; font-family: "Public Sans", sans-serif; margin: 0; padding: 0; color: #3b3a48; height: 20px; line-height: 1.2em; transition: all 0.3s; display: block; } @media (max-width: 991px) { .branding .header-organization-banner a .logo-assets .logo-text .logo-state { font-size: 0.78125rem; } } .branding .header-organization-banner a .logo-assets .logo-text .logo-dept { font-size: 1.75rem; font-family: "Public Sans", sans-serif; font-weight: 700; margin: 0; padding: 0; color: #323a45; height: 24px; line-height: 1.2em; transition: all 0.3s; display: block; } @media (max-width: 991px) { .branding .header-organization-banner a .logo-assets .logo-text .logo-dept { font-size: 1rem; } } @media (max-width: 991px) { .branding .header-organization-banner a .logo-assets { min-height: auto; } } .fixed.compact .branding .header-organization-banner .logo-assets .logo-text .logo-state { font-size: 0.8rem; line-height: 1em; height: 16px; min-width: 200px; } .fixed.compact .branding .header-organization-banner .logo-assets .logo-text .logo-dept { font-size: 1.2rem; line-height: 1em; min-width: 200px; } @media (min-width: 768px) { .fixed.compact .header-organization-banner { height: 55px; max-height: 45px; } .fixed.compact .header-organization-banner a { max-width: 225px; } } /* ----------------------------------------- EXPLORE BANNER /source/scss/cagov/explore-banner.scss ----------------------------------------- */ .explore-invite { position: absolute; bottom: 0; width: 100%; padding: 15px; background: #000; background-color: rgba(0, 0, 0, 0.5); } .explore-invite .explore-title { font-family: "Public Sans", sans-serif; font-size: 1.7rem; } .explore-invite [class^=ca-gov-icon-] { display: block; font-size: 3rem; } .explore-invite a { color: #fff; cursor: pointer; display: block; } .explore-invite a:hover { text-decoration: none; } /* ----------------------------------------- FOOTER - /source/scss/cagov/global-footer.scss ----------------------------------------- */ .global-footer { background-color: #fafafa; border-top: 1px solid #d4d4d7; padding-top: 1rem; } .global-footer .container .d-flex { flex-direction: column; } .global-footer .cagov-logo { margin-right: 1.5rem; } .global-footer .cagov-logo img { height: 1.7rem; } .global-footer .cagov-logo .ca-gov-logo-svg { height: 1.7rem; width: auto; } .global-footer .footer-links { padding-left: 0; margin-top: 1rem; } .global-footer .socialsharer-container { padding-left: 0; margin-top: 1rem; } .global-footer .socialsharer-container li { display: inline-block; } .global-footer ul { list-style: none; margin-left: -5px; margin: 5px 0; } .global-footer ul > li { padding-left: 5px; padding-right: 5px; } .global-footer ul .list-inline-item { display: inline-block; } .global-footer ul .list-inline-item:not(:last-child) { margin-right: 5px; } .global-footer .footer-links { font-size: 1.125rem; line-height: 1.6rem; } .global-footer .footer-links li { margin-right: 20px; } .global-footer .footer-links li a { color: #000; text-decoration: none; } .global-footer .footer-links li a:hover { color: #4a4958; } .global-footer .copyright { font-size: 1rem; padding: 5px 0 24px; } @media (min-width: 992px) { .global-footer .container .d-flex { flex-direction: row; } .global-footer .footer-links { margin-right: auto; margin-top: 5px; } .global-footer .socialsharer-container { margin-top: 5px; } .global-footer ul > li { display: inline-block; } } .sticky-footer { display: flex; flex-direction: column; height: 100vh; } /* ----------------------------------------- SITE SEARCH - /source/scss/cagov/search.scss ----------------------------------------- */ .search-container, .featured-search.active { overflow: hidden; z-index: 7; position: relative; display: block; top: 0; left: 0; padding: 0 15%; width: 100%; max-height: 0; border: none; } @media (min-width: 992px) { .search-container, .featured-search.active { position: absolute; top: 96px; } } .search-container::after, .featured-search.active::after { display: block; clear: both; content: ""; } .search-container .search-textfield, .featured-search.active .search-textfield { font-size: 1.1rem; width: 100%; max-height: 38px; border: 1px solid; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0 10px; -webkit-transition: border 0.4s; transition: border 0.4s; } .search-container .search-textfield::placeholder, .featured-search.active .search-textfield::placeholder { color: #000; opacity: 1; } .search-container .search-textfield::-ms-input-placeholder, .featured-search.active .search-textfield::-ms-input-placeholder { color: #000; } .search-container .search-textfield:focus, .featured-search.active .search-textfield:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .search-container .submit-container, .featured-search.active .submit-container { float: left; height: auto; height: 40px; -webkit-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; } .search-container .submit-container::after, .featured-search.active .submit-container::after { display: block; clear: both; content: ""; } .search-container .submit-container button, .featured-search.active .submit-container button { float: left; -webkit-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; background: none; border-color: white; border-width: 3px 3px 3px 0px; border-style: solid; width: 46px; height: 100%; font-size: 1.5rem; line-height: 0.9375rem; padding: 0; -webkit-appearance: none; } .search-container .submit-container button::after, .featured-search.active .submit-container button::after { display: block; clear: both; content: ""; } .search-container .submit-container button > span, .featured-search.active .submit-container button > span { position: relative; top: 0; font-size: 1.87rem; line-height: 1.875rem; } @media (max-width: 991px) { .search-container .submit-container button, .featured-search.active .submit-container button { font-size: 2rem; line-height: 1em; padding-top: 0; } } .search-container .textfield-container, .featured-search.active .textfield-container { float: left; width: 100%; } .search-container .close-search, .featured-search.active .close-search { display: none; position: absolute; right: -10px; cursor: pointer; } .search-container .close-search .sr-only, .featured-search.active .close-search .sr-only { height: unset !important; width: unset !important; position: relative !important; clip: unset !important; background: none !important; margin: 0 !important; font-size: 1.125rem !important; } @media (max-width: 991px) { .search-container .close-search, .featured-search.active .close-search { right: 0; display: none; } } .search-textfield { padding-left: 10px; } input[type=search].search-textfield { -webkit-appearance: none; background-color: canvas; } .search-container.active { max-height: 300px; padding: 20px 15%; /* Active on mobile // 991px // */ } @media (max-width: 991px) { .search-container.active { padding-top: 1.125rem; padding-bottom: 1.125rem; } } .search-container.active .close-search { display: block; } @media (max-width: 991px) { .search-container.active .close-search { display: none; } } #local_form { position: relative; } .cse .gsc-control-cse, .gsc-control-cse { padding: 0 !important; } /* Large Search Animation and Styling */ @media (min-width: 992px) { .featured-search { display: block; position: absolute; top: 240px; padding: 0; max-height: 100%; border-radius: 0; width: 60%; left: 20%; } .flexbox .featured-search { left: 0px; right: 0px; margin: 0 auto; width: 60%; max-width: 630px; } .featured-search.play-animation { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: pulse; animation-name: pulse; } .featured-search .search-textfield { padding: 14px; font-size: 1.1rem; height: 38px; } .featured-search .submit-container { height: 55px; width: 55px; -webkit-transition: all 0.4s; transition: all 0.4s; } .featured-search .submit-container button { -webkit-transition: all 0.4s; transition: all 0.4s; font-size: 2.5rem; width: 60px; -webkit-appearance: none; } .featured-search .submit-container button > span { font-size: 2.8125rem; line-height: 2.8125rem; } .featured-search.active { position: relative; visibility: visible; opacity: 1; -webkit-transition: top 0.4s, left 0.2s 0.4s, width 0.2s 0.4s, background-color 0.6s, border 0.4s, padding 0.2s 0.4s; transition: top 0.4s, left 0.2s 0.4s, width 0.2s 0.4s, background-color 0.6s, border 0.4s, padding 0.2s 0.4s; top: 96px; left: 0; padding: 20px 0; width: 100%; border-radius: 0; padding-right: 15%; padding-left: 15%; border-bottom: none; width: 100%; max-width: 100%; } } @media (min-width: 992px) and (min-width: 992px) { .featured-search.active { position: absolute; } } @media (min-width: 992px) { .featured-search.active .close-search { display: none; } } @media (min-width: 992px) { .featured-search.active .search-textfield { font-size: 1.1rem; height: 40px; width: 100%; border-radius: 0; border: 3px solid transparent; padding: 0 4px; -webkit-transition: border 0.4s; transition: border 0.4s; } } @media (max-width: 991px) { .search-container.featured-search { padding-right: 1rem; padding-left: 1rem; max-height: 100%; } } /* Resize search bar to look better on tablet size screens */ @media (min-width: 768px) and (max-width: 992px) { .featured-search { left: 10%; width: 80%; } .flexbox .featured-search { left: 0; width: 100%; } .featured-search.active { width: 100%; } } .agency-form { margin-top: 1rem !important; margin-bottom: 1rem !important; } .agency-form::after { display: block; clear: both; content: ""; } .agency-form .textfield-container { float: left; padding-right: 44px; margin-right: -44px; width: 100%; } .agency-form .search-textfield { width: 100%; } .agency-form .submit-container { float: left; height: 40px; } .agency-form .submit-container::after { display: block; clear: both; content: ""; } .agency-form .submit-container button { color: #fff; border: none; width: 44px; height: 100%; float: left; font-size: 1.5rem; line-height: 0.9375rem; padding: 0; -webkit-appearance: none; } .agency-form .submit-container button > span { position: relative; top: 0; font-size: 1.87rem; line-height: 1.875rem; } @media (max-width: 991px) { .agency-form .submit-container button { font-size: 2rem; line-height: 1em; padding-top: 0; } } .agency-form input, .agency-form button { height: 40px; line-height: 2.5rem; } .agency-form button { background: #777777; } .agency-form button > span { top: 0; font-size: 1.8rem; } .search-container .textfield-container, .search-container.featured-search.active .textfield-container { /* Desktop Search Button Padding */ margin-right: -80px; padding-right: 80px; /* Mobile Search button padding */ } @media (max-width: 991px) { .search-container .textfield-container, .search-container.featured-search.active .textfield-container { margin-right: -48px; padding-right: 44px; } } .search-container .submit-container, .search-container.featured-search.active .submit-container { width: auto; } .search-container .search-locator, .search-container.featured-search.active .search-locator { color: #3b3a48; float: left; text-align: center; width: 100px; position: relative; display: none; line-height: inherit !important; cursor: pointer; /* Active on mobile */ } .search-container .search-locator [class^=ca-gov-icon-], .search-container.featured-search.active .search-locator [class^=ca-gov-icon-] { font-size: 1.4rem; padding: 0 !important; position: absolute; top: 0; width: 100%; left: 0; } .search-container .search-locator small, .search-container .search-locator .small, .search-container.featured-search.active .search-locator small { position: absolute; top: 1.7em; left: 0; width: 100%; text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 991px) { .search-container .search-locator, .search-container.featured-search.active .search-locator { width: 75px; margin-left: 5px; } } .search-container.active .search-locator, .search-container.featured-search.active.active .search-locator { display: block; } .featured-search .textfield-container { padding-right: 60px; margin-right: -60px; } .featured-search.active .search-locator { display: block; } .search-container.featured-search { background: none; } .search-container.featured-search:hover, .search-container.featured-search:focus { background: none; } .search-container.featured-search.active { background-color: #ededef; border-top: 1px solid #bcbbc1; } @media (min-width: 992px) { .fixed.compact .search-container { opacity: 0; } .active-search .fixed.compact .search-container, .fixed.compact .search-container.active { opacity: 1; top: 55px; } } /*full width navigation search container*/ @media (min-width: 992px) { .nav-full-width + .search-container, .nav-full-width + .featured-search.active { top: 35px; } .active-search .fixed.compact .nav-full-width + .search-container, .fixed.compact .nav-full-width + .search-container.active { opacity: 1; top: 35px; } } @media (min-width: 992px) and (max-width: 1200px) { .nav-full-width + .search-container, .nav-full-width + .featured-search.active { top: 32px; } .active-search .fixed.compact .nav-full-width + .search-container, .fixed.compact .nav-full-width + .search-container.active { opacity: 1; top: 32px; } } /* Search Button */ button.gsc-search-button { cursor: pointer; border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding: 0px 12px 0px 12px; border: 1px solid; min-height: 38px; margin-left: -1px; } /* ------------- Custom search box (not google) --------------*/ .search-container #Search { display: flex; } .search-container #Search .gsc-search-button { right: 50px; } .search-container #Search .close-search-btn { display: block; } .search-container #Search .close-search { display: block; right: 0; } @media (max-width: 991px) { .search-container #Search .close-search { display: block; cursor: pointer; min-height: 38px; } .search-container #Search .close-search .sr-only { height: unset !important; width: unset !important; position: relative !important; clip: unset !important; background: none !important; margin: 0 !important; font-size: 1.125rem !important; } } .featured-search .container { padding: 0 !important; } .featured-search .container #Search .gsc-search-button { right: 0; outline-offset: -2px; } .featured-search .container #Search .close-search-btn { display: none; } .featured-search.active .container #Search .gsc-search-button { right: 50px; outline-offset: -2px; } .featured-search.active .container #Search .close-search-btn { display: block; } /* ----------------------------------------- GOOGLE CUSTOM SEARCH CUSTOMIZATION OVERRIDES /source/scss/cagov/search.scss ----------------------------------------- */ .gsc-control-searchbox-only form.gsc-search-box { margin-bottom: 0; } .gsc-control-searchbox-only table.gsc-search-box { margin-bottom: 0; } .gsc-control-searchbox-only table.gsc-search-box td.gsc-input { padding-right: 0 !important; width: 100% !important; } .gsc-control-searchbox-only .gsc-input-box { border: none !important; background: transparent !important; height: 100%; } .gsc-control-searchbox-only input.gsc-input { background-color: rgb(255, 255, 255); border-radius: 0; border: 3px solid transparent; transition: border 0.4s; font-size: 1.1rem; height: 55px !important; padding: 14px !important; opacity: 1 !important; width: 100%; background-position-x: 7px !important; } .gsc-control-searchbox-only input.gsc-search-button, .gsc-control-searchbox-only button.gsc-search-button { opacity: 0; width: 55px; height: 51px; position: absolute; right: 2px; top: 2px; z-index: 55; } .gsc-control-searchbox-only td.gsc-clear-button { width: 1px !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; position: relative; } .gsc-control-searchbox-only td.gsc-search-button { width: 0px !important; margin-right: 0 !important; margin-left: 0 !important; padding-right: 0 !important; padding-left: 0 !important; position: relative; } .gsc-control-searchbox-only div.gsc-clear-button { padding-left: 0 !important; display: block !important; background-image: none !important; margin-left: 0; margin-right: 0; width: 40px; display: block !important; } .gsc-control-searchbox-only div.gsc-clear-button:before { content: "M"; font-family: cagov; font-size: 2rem; width: 100%; color: #d6d6d6; display: block; margin-top: 12px; margin-left: 2px; } .search-icon { font-size: 2.4rem; width: 0; color: #666; display: block; position: relative; top: 0; right: 49px; } .search-container.active div.gsc-clear-button { width: 40px; } .search-container.active div.gsc-clear-button:before { content: "M"; font-family: cagov; font-size: 2rem; width: 100%; color: #d6d6d6; display: block; margin-top: 12px; margin-left: 2px; } .featured-search div.gsc-clear-button { width: 0px; } .featured-search div.gsc-clear-button:before { display: none; } .search-results-header .gsc-control-searchbox-only { margin-bottom: 20px; } .search-results-header .gsc-control-searchbox-only td.gsc-clear-button { display: none; } table.gsc-search-box table td div { padding: 0 !important; } .gsc-input-box-focus, .gsc-input-box-hover { box-shadow: none !important; border: none !important; } table.gsc-search-box td { padding: 0 !important; } .gsc-search-box-tools .gsc-clear-button { display: block !important; } .search-container.active div.gsc-clear-button { width: 40px; } .gsc-input-box table td:nth-child(2), .gsib_b { display: none !important; } /* Full Width navigation search */ @media (min-width: 992px) { .full-width-nav .featured-search { top: -60px !important; right: 15px; left: unset !important; width: 32%; } .full-width-nav .featured-search input.search-textfield { border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0 8px 0 8px; } /* full width featured search hack for IE */ } @media (min-width: 992px) and (-ms-high-contrast: none) { .full-width-nav .featured-search { width: 100%; max-width: 100%; padding-right: 15px; } .full-width-nav .featured-search .container { width: 40%; float: right; } *::-ms-backdrop, .full-width-nav .featured-search { width: 100%; max-width: 100%; padding-right: 15px; } *::-ms-backdrop .container, .full-width-nav .featured-search .container { width: 40%; float: right; } } @media (min-width: 992px) and (max-width: 1200px) { /* full width featured search hack for IE */ } @media (min-width: 992px) and (max-width: 1200px) and (-ms-high-contrast: none) { .full-width-nav .featured-search { width: 100%; max-width: 100%; padding-right: 15px; } .full-width-nav .featured-search .container { width: 40%; float: right; } *::-ms-backdrop, .full-width-nav .featured-search { width: 100%; max-width: 100%; padding-right: 15px; } *::-ms-backdrop .container, .full-width-nav .featured-search .container { width: 40%; float: right; } } /* search box icons for mobile */ @media (max-width: 991px) { .search-container #Search .close-search { padding-left: 10px; } } /* clears the 'X' from Internet Explorer */ input[type=search]::-ms-clear { display: none; width: 0; height: 0; } input[type=search]::-ms-reveal { display: none; width: 0; height: 0; } /* clears the 'X' from Chrome */ input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { display: none; } /* ----------------------------------------- SITE SEARCH RESULTS - /source/scss/cagov/search-results.scss ----------------------------------------- */ .search-results-container { position: relative; z-index: 5; top: 0; visibility: collapse; -webkit-transition: opacity 0.5s 0.7s; transition: opacity 0.5s 0.7s; opacity: 0; } @media (min-width: 768px) { .search-results-container { /* position results container below search box */ z-index: 6; position: absolute; top: 155px; width: 100%; } } .search-results-container.visible { visibility: visible; opacity: 1; } .search-results-container .container { position: relative; } .search-results-container .container .close { font-size: 59px; position: absolute; top: 0; right: 5px; line-height: 16px; font-size: 59px; display: none; } .search-results-container .search-results { position: absolute; right: 0; left: 0; overflow: hidden; margin-right: auto; margin-left: auto; background: #fff; } .search-results-container .search-results .search-results-header { padding-top: 80px; } .search-results-container .search-results .search-tabs .btn { margin: 0 10px; } .search-results-container .search-results .tab-content .button-list .btn { margin: 0 5px; } .search-results-container .results-list { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .compact + .search-results-container .search-results .search-results-header { padding-top: 50px; } /* ----------------------------------------- GOOGLE CSE RESULTS /source/scss/cagov/search-google-cse.scss ----------------------------------------- */ .google_results { padding-left: 0; list-style: none; } .google_result { margin-bottom: 12px; } .google_url { color: #555555; } .google_result_thumbnail { height: 68px; width: 89px; float: left; margin-right: 0.75rem; } .gs-result a.gs-title, .gs-result a.gs-title b { color: #046b99 !important; } .gs-result .gsc-url-top .gs-visibleUrl-breadcrumb span { color: #72717c !important; } .gs-result .gs-snippet { color: #3b3a48 !important; } .gsc-cursor-box .gsc-cursor .gsc-cursor-page { color: #323a45 !important; } .gsc-cursor-box .gsc-cursor .gsc-cursor-current-page { color: #323a45 !important; } .gcsc-find-more-on-google { color: #046b99 !important; } /* ----------------------------------------- GLOBAL NAVIGATION - /source/scss/cagov/navigation.scss ----------------------------------------- */ .navigation-search { border: none; position: relative; padding-left: 0; padding-right: 0; z-index: 26; } @media (max-width: 991px) { .navigation-search { position: fixed; top: 0; right: -100%; max-width: 85%; margin-right: 0; padding: 0; transition: right 0.5s ease-in-out; height: 100%; overflow-y: auto; } .navigation-search.visible { opacity: 1; right: 0; } } .main-navigation { width: 100%; margin-right: auto; margin-left: auto; padding-left: 1rem; padding-right: 1rem; position: relative; margin-top: -82px; padding-left: 80px; } @media (min-width: 576px) { .main-navigation { max-width: 540px; } } @media (min-width: 768px) { .main-navigation { max-width: 720px; } } @media (min-width: 992px) { .main-navigation { max-width: 960px; } } @media (min-width: 1200px) { .main-navigation { max-width: 1176px; } } @media (max-width: 767px) { .main-navigation { max-width: 100%; } } .top-level-nav { list-style: none; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: all 0.3s; } .top-level-nav .nav-item { position: relative; font-size: 1rem; } @media (min-width: 576px) { .top-level-nav .nav-item { font-size: calc(1rem + 0.1vw); } } .nav-item .sub-nav.open { display: block; overflow: hidden; opacity: 1; max-height: 1000px !important; } @media (max-width: 991px) { .nav-item .sub-nav.open { max-height: 1000px; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; } } .nav-item .sub-nav { display: block; opacity: 0; } .nav-item .sub-nav-decoration { display: none; } #navigation .nav-item .sub-nav { max-height: 0; } .second-level-nav { list-style: none; margin: 0; padding: 0; } .second-level-nav a { text-decoration: none; } .second-level-nav a:focus { outline-offset: -2px; } .second-level-nav [class^=unit] .second-level-link { display: block; } @media (min-width: 992px) { .first-level-link, .first-level-btn { display: block; padding: 5px 16px 12px 16px; position: relative; text-align: center; text-decoration: none; } .first-level-link:focus, .first-level-btn:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .first-level-link > span[class^=ca-gov-icon]:not(.carrot), .first-level-btn > span[class^=ca-gov-icon]:not(.carrot) { display: block; font-size: 32px; } .first-level-link .carrot, .first-level-btn .carrot { font-size: 1rem; } .logo-nav { display: none; } } .full-width-nav .nav-item:hover, .full-width-nav .nav-item:focus { background-color: transparent; } .full-width-nav .nav-item .first-level-link, .full-width-nav .nav-item .first-level-btn { display: block; padding: 0.85rem 1rem 0.9rem 1rem; font-family: "Public Sans", sans-serif; font-weight: 400; position: relative; text-align: left; z-index: 1; height: 100%; } .full-width-nav .nav-item .first-level-link:hover, .full-width-nav .nav-item .first-level-link:focus, .full-width-nav .nav-item .first-level-btn:hover, .full-width-nav .nav-item .first-level-btn:focus { background-color: #fafafa; } .full-width-nav .nav-item .first-level-link.active, .full-width-nav .nav-item .first-level-btn.active { background-color: #fafafa; position: relative; color: #000; } .full-width-nav .nav-item .first-level-link.active:hover, .full-width-nav .nav-item .first-level-link.active:focus, .full-width-nav .nav-item .first-level-btn.active:hover, .full-width-nav .nav-item .first-level-btn.active:focus { color: #4a4958; background-color: #ededef; } .full-width-nav .nav-item .first-level-link.active::before, .full-width-nav .nav-item .first-level-btn.active::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; border-left: 1px solid #d4d4d7; } .full-width-nav .nav-item .first-level-link.active::after, .full-width-nav .nav-item .first-level-btn.active::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; border-left: 1px solid #d4d4d7; } .full-width-nav .nav-item .first-level-link.has-sub, .full-width-nav .nav-item .first-level-btn.has-sub { padding-right: 2.3rem; } .full-width-nav .nav-item .first-level-link:focus, .full-width-nav .nav-item .first-level-btn:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .full-width-nav .nav-item .first-level-link .carrot, .full-width-nav .nav-item .first-level-btn .carrot { font-size: 1.7rem; position: absolute; display: inline-block; } @media (min-width: 992px) { .full-width-nav .nav-item .first-level-link > span[class^=ca-gov-icon]:not(.carrot), .full-width-nav .nav-item .first-level-btn > span[class^=ca-gov-icon]:not(.carrot) { /* Navigation icons */ display: inline; font-size: inherit; color: inherit; } } .full-width-nav .nav-item.active .first-level-link, .full-width-nav .nav-item.active .first-level-btn { background-color: #fafafa; position: relative; color: #000; } .full-width-nav .nav-item.active .first-level-link:hover, .full-width-nav .nav-item.active .first-level-link:focus, .full-width-nav .nav-item.active .first-level-btn:hover, .full-width-nav .nav-item.active .first-level-btn:focus { color: #4a4958; background-color: #ededef; } .full-width-nav .nav-item.active .first-level-link::before, .full-width-nav .nav-item.active .first-level-btn::before { content: ""; position: absolute; top: 0; left: 0; height: 100%; border-left: 1px solid #d4d4d7; } .full-width-nav .nav-item.active .first-level-link::after, .full-width-nav .nav-item.active .first-level-btn::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; border-left: 1px solid #d4d4d7; } @media (min-width: 992px) { .main-navigation { z-index: 25; min-height: 85px; padding-left: 350px; } .top-level-nav { display: table; table-layout: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .top-level-nav .nav-item { padding: 0; margin-top: 0; background: none; width: auto; display: table-cell; display: block; -webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .noflex .top-level-nav .nav-item, .oldie .top-level-nav .nav-item { display: table-cell; } .top-level-nav .nav-item .sub-nav { top: 100%; border: solid 1px #ccc; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); } .top-level-nav .nav-item > a { text-align: center; text-decoration: none; } .top-level-nav #nav-item-search button.first-level-link { background: none; text-align: center; border: none; padding: 5px 16px 12px 16px; width: 100%; } .top-level-nav .main-navigation.dropdown .nav-arrow-down { left: auto; margin-left: auto; } .nav-item .sub-nav { position: absolute; } /* sub-navigation panel open state */ .main-navigation.dropdown .dropdown .nav-item:hover .sub-nav, .no-js .main-navigation.dropdown .nav-item:hover .sub-nav, .no-js .main-navigation.megadropdown .nav-item:hover .sub-nav { display: block; } .touch .main-navigation.dropdown .dropdown .nav-item:hover .sub-nav, .touch .no-js .main-navigation.dropdown .nav-item:hover .sub-nav, .touch .no-js .main-navigation.megadropdown .nav-item:hover .sub-nav { display: none; } .no-icons .top-level-nav .nav-item > a { min-height: 86px; padding-top: 2rem; } .first-level-btn { text-align: center; border: none; background: none; width: 100%; } .home-link { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* FIXED */ .fixed.compact .no-icons .top-level-nav .nav-item > a { padding-top: 12px; } .fixed.compact .top-level-nav .nav-item .first-level-link .carrot, .fixed.compact .top-level-nav .nav-item .first-level-btn .carrot { bottom: 0; } .fixed.compact .main-navigation { margin-top: -55px; min-height: 55px; } .fixed.compact .first-level-link [class^=ca-gov-icon-], .fixed.compact .first-level-btn [class^=ca-gov-icon-]:not(.carrot) { display: none; } } /* MOBILE NAVIGATION */ @media (max-width: 991px) { .logo-nav { display: block; } #navigation { clear: both; width: 100%; } .nav-item [aria-hidden=true].sub-nav { max-height: 0; } .main-navigation #nav-item-search button.first-level-link { background: none; border: none; width: 99.5%; text-align: left; outline-offset: -2px; } .full-width-nav #nav-item-search button.first-level-link { background: none; border: none; width: 99.5%; text-align: left; } .mobile-closed { max-height: 0; } .subnav-closed { max-height: 0; overflow-y: hidden; } .top-level-nav .nav-item { margin-top: 0; border-bottom: 1px solid #d4d4d7; } .top-level-nav .nav-item:first-child { border-top: 1px solid #d4d4d7; } .top-level-nav .nav-item .first-level-link, .top-level-nav .nav-item .first-level-btn { color: #fff; display: block; padding: 1rem 0 1rem 1rem; margin-right: 2px; margin-left: 2px; text-decoration: none; } .top-level-nav .nav-item .first-level-link span[class^=ca-gov-icon]:not(.carrot), .top-level-nav .nav-item .first-level-btn span[class^=ca-gov-icon]:not(.carrot) { font-size: 1.5rem; display: inline-block; vertical-align: -2px; } .top-level-nav .nav-item .first-level-link.has-sub, .top-level-nav .nav-item .first-level-btn.has-sub { padding-right: 82px; } .top-level-nav .nav-item .sub-nav { display: block; -webkit-transition: max-height 0.5s ease-in-out; -moz-transition: max-height 0.5s ease-in-out; -o-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; border-left: none; border-right: none; } .nav-item .sub-nav.secondary-open { display: block; } .nav-item.focus .sub-nav { display: block; } .nav-item.focus:active .sub-nav, .nav-item.focus.clickedFocus .sub-nav { display: none; } .oc-outer { position: relative; overflow: hidden; width: 100%; height: 100%; } .oc-outer.scroll-menu-only.oc-menu-open { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .header-decoration { display: none; } } .main-navigation.dropdown .nav-arrow-down { width: 100%; } @media (min-width: 1200px) { .main-navigation { padding-left: 350px; } } @media (max-width: 1200px) and (min-width: 992px) { .main-navigation { padding-left: 250px; } .main-navigation .top-level-nav .nav-item { font-size: 1rem; } } @media (min-width: 1280px) { .main-navigation { padding-left: 350px; } } .nav-item .toggle-sub-nav.closed .ca-gov-icon-menu-toggle-open { display: none; } .nav-item .toggle-sub-nav.open .ca-gov-icon-menu-toggle-closed { display: none; } @media (min-width: 992px) { .nav-item .toggle-sub-nav { display: none; } } /* Need a little extra specificity for IE to override display: table-cell */ .oldie .home-link { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } /* FULL WIDTH MENU WITH REGULAR UTILITY BAR */ @media (min-width: 992px) { .full-width-nav .main-navigation { padding-left: 0px; margin-top: 0px; min-height: 55px; } .full-width-nav .main-navigation .top-level-nav .first-level-btn.has-sub .carrot { position: absolute; right: 0.75rem; top: 0.35rem; transition: all 0.5s cubic-bezier(0.57, 0.2, 0.21, 0.89); } .full-width-nav .main-navigation .top-level-nav .first-level-btn[aria-expanded=true] .carrot { transform: rotate(180deg); top: 0.6rem; } .full-width-nav .main-navigation .top-level-nav #nav-item-search button.first-level-link { background: none; text-align: center; border: none; width: 100%; } .fixed.compact .full-width-nav .main-navigation .nav-item .first-level-link { padding-top: 17px; } .fixed.compact .full-width-nav .main-navigation .nav-item .first-level-btn { padding-top: 10px; } .fixed.compact .full-width-nav .main-navigation .nav-item #nav-item-search button.first-level-link { padding-top: 17px; padding-bottom: 8px; } .fixed.compact .full-width-nav .main-navigation { margin-top: 0; } .fixed.compact .full-width-nav .main-navigation #nav-item-search button.first-level-link { padding-top: 9px; padding-bottom: 8px; } } /* Side nav */ .accordion-list.list-group .list-group-item { cursor: pointer; } .accordion-list.list-group .list-group-item:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; background-color: whitesmoke; } .accordion-list.list-group .list-group-item:hover { background-color: whitesmoke; } .accordion-list.list-group .list-group-item.open { background-color: whitesmoke; } .accordion-list.list-group .list-group-item.open .rotate { -moz-transform: rotate(90deg) !important; -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; } .accordion-list.list-group .list-group-item .rotate { position: absolute; right: 0; top: 0; font-size: 1.3rem; line-height: 3rem; text-align: center; width: 3rem; height: 3rem; border: none; display: block !important; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; transition: all 0.2s ease !important; } /* v6 Nav Button */ .first-level-btn > * { pointer-events: none; } /* Navigation button mobile */ @media (max-width: 991px) { .top-level-nav { width: 100%; } .first-level-btn { border: none; background: none; width: 99.5%; text-align: left; } .first-level-btn:focus { outline-offset: -2px; } .first-level-btn .carrot { display: none !important; } /* Some weird bug in mobile */ .no-js .megadropdown .top-level-nav .nav-item:hover .sub-nav, .megadropdown .top-level-nav .nav-item:hover .sub-nav { position: relative !important; } } @media (max-width: 991px) { .nav-item .first-level-link.has-sub .carrot { display: none !important; } } @media (max-width: 991px) { /*button carrot*/ .first-level-btn[aria-expanded=false] .rotate { display: block; position: absolute; top: 0; right: 0; font-size: 1.5rem !important; line-height: 3.2rem !important; width: 55px !important; height: 55px !important; text-align: center; cursor: pointer; border: none; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; transition: all 0.2s ease !important; color: #fff !important; } .first-level-btn[aria-expanded=true] .rotate { -moz-transform: rotate(90deg) !important; -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; position: absolute; width: 55px !important; height: 55px !important; line-height: 3rem !important; font-size: 1.5rem !important; top: 0; right: 0; text-align: center; -moz-transition: all 0.2s ease !important; -webkit-transition: all 0.2s ease !important; transition: all 0.2s ease !important; color: #fff !important; } } /* ----------------------------------------- MEGA MENU /source/scss/cagov/nav-megamenu.scss ----------------------------------------- */ @media (max-width: 991px) { .main-navigation { margin-top: 0; padding: 0; } } .megadropdown .top-level-nav .nav-item { position: static; } @media (max-width: 991px) { .megadropdown .top-level-nav .nav-item { position: relative; } } .no-js .megadropdown .top-level-nav .nav-item:hover .sub-nav { position: absolute; display: block; } .main-navigation.dropdown .sub-nav { max-width: 250px; min-width: 250px; left: initial; right: initial; } @media (max-width: 991px) { .main-navigation.dropdown .sub-nav { max-width: 100%; } } @media (min-width: 991px) { /* Dynamic Element appended to each .sub-nav */ .nav-arrow-container { display: block; position: absolute; top: 0; left: 0; right: 0; } /* Dynamic element contained in .nav-arrow-container */ .megadropdown .nav-arrow-down { position: absolute; top: -5px; left: 50%; height: 5px; width: 100px; margin-left: -65px; } .dropdown .nav-arrow-down { height: 5px; left: 0; margin-left: 0; position: absolute; top: -5px; } } .sub-nav { left: 0.75rem; right: 0.75rem; overflow: hidden; } @media (max-width: 767px) { .sub-nav { border: none; } } .sub-nav .half, .sub-nav .third, .sub-nav .quarter, .sub-nav .two-thirds, .sub-nav .three-quarters { padding: 0; } .dropdown .second-level-nav > li { border-right: 0; } .dropdown .sub-nav { border-bottom: none; } .second-level-nav { list-style: none; padding: 0; } @media (min-width: 992px) { .half .second-level-nav, .two-thirds .second-level-nav { -moz-column-count: 2; -ms-column-count: 2; -webkit-column-count: 2; -moz-column-gap: 0; -ms-column-gap: 0; -webkit-column-gap: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .three-quarters .second-level-nav { -moz-column-count: 3; -ms-column-count: 3; -webkit-column-count: 3; -moz-column-gap: 0; -ms-column-gap: 0; -webkit-column-gap: 0; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } } .second-level-nav.oldie::after { display: block; clear: both; content: ""; } .second-level-nav [class^=unit] { -webkit-column-break-inside: avoid; /* for Safari, Chrome, Opera */ page-break-inside: avoid; /* for Firefox */ break-inside: avoid; /* for IE 10+ */ background: none; } .second-level-nav [class^=unit] a, .second-level-nav [class^=unit] .link-description { -webkit-column-break-inside: avoid; /* for Safari, Chrome, Opera */ page-break-inside: avoid; /* for Firefox */ break-inside: avoid; /* for IE 10+ */ } .oldie .second-level-nav [class^=unit] { width: 33.3333%; float: left; } a.second-level-link { font-size: 1.125rem; padding: 10px; } @media (min-width: 576px) { a.second-level-link { font-size: calc(1.125rem + 0.1vw); } } a.second-level-link:hover, a.second-level-link:focus { text-decoration: underline; text-decoration-thickness: from-font; } a.second-level-link [class^=ca-gov-icon-] { display: inline-block; font-size: 1.375rem; vertical-align: -2px; margin-right: 3px; } @media (max-width: 991px) { a.second-level-link { padding: 0.5rem 1rem 0.75rem 2rem !important; color: #fff; } a.second-level-link:hover, a.second-level-link:focus { color: #fff; } } .link-description { display: block; font-size: 1rem; } @media (min-width: 576px) { .link-description { font-size: calc(1rem + 0.1vw); } } @media (min-width: 992px) { .unit1 { min-height: 65px; } .unit2 { height: 130px; overflow: hidden; } .unit3 { height: 195px; overflow: hidden; } .unit4 { height: 260px; overflow: hidden; } .unit5 { height: 325px; overflow: hidden; } .unit6 { height: 390px; overflow: hidden; } } /* Megamenu State Template v4 */ @media (min-width: 992px) { .main-navigation.megadropdown.original .second-level-nav { -moz-column-count: 3; -ms-column-count: 3; -webkit-column-count: 3; -moz-column-gap: 20px; -ms-column-gap: 20px; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } .main-navigation.megadropdown.original .sub-nav { padding: 16px; } .main-navigation.megadropdown.original .sub-nav[class*=with-image-sm-] .sub-nav-decoration { width: 33.3333%; } .main-navigation.megadropdown.original .sub-nav[class*=with-image-sm-] > ul { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; column-count: 2; -moz-column-gap: 20px; -ms-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .main-navigation.megadropdown.original .sub-nav[class*=with-image-md-] .sub-nav-decoration { width: 50%; } .main-navigation.megadropdown.original .sub-nav[class*=with-image-md-] > ul { -moz-column-count: 1; -ms-column-count: 1; -webkit-column-count: 1; -moz-column-gap: 20px; -ms-column-gap: 20px; -webkit-column-gap: 20px; column-count: 1; column-gap: 20px; } .main-navigation.megadropdown.original .sub-nav[class*=with-image-] > ul > li { padding-right: 16px !important; } .main-navigation.megadropdown.original .sub-nav .sub-nav-decoration { display: block; position: absolute; top: 0; right: 0; bottom: 0; overflow: hidden; background-position: 50% 50% !important; background-size: cover !important; } .main-navigation.megadropdown.original .sub-nav.with-image-sm-right > ul { float: left; width: 66.6667%; } .main-navigation.megadropdown.original .sub-nav.with-image-sm-left > ul { float: right; width: 66.6667%; } .main-navigation.megadropdown.original .sub-nav.with-image-md-right > ul { float: left; width: 50%; } .main-navigation.megadropdown.original .sub-nav.with-image-md-left > ul { float: right; width: 50%; } .main-navigation.megadropdown.original .sub-nav[class*=-left] .sub-nav-decoration { right: auto; left: 0; } } .main-navigation.megadropdown.original .link-description { font-size: 0.8em; } .main-navigation.megadropdown.original a.second-level-link { padding: 0 !important; } .main-navigation.megadropdown.original .second-level-nav > li { padding: 0.3em 0.7rem 0.4em 1rem; border: none; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } .nav-item { display: inline-block; } .sub-nav.open { display: block; max-height: 1000px; overflow: auto; } .main-navigation.active { max-height: 5000px; } .mobile-controls .toggle-menu { border: none; background: none; } .mobile-controls .toggle-menu:focus { outline: #2ea3f2 solid 2px; } @media (max-width: 991px) { .main-navigation { overflow: hidden; } .sub-nav { display: block; top: 0; left: 0; position: relative; } .nav-item { display: block; } .nav-item .toggle-sub-nav { display: block; } .second-level-nav > li { border: none; } } @media (min-width: 992px) { .sub-nav { border-top: none; } .main-navigation { margin-top: -82px; } } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-left { padding-right: 10px; } /* Flex Sub Nav */ @media (min-width: 992px) { .second-level-nav.flex { display: flex; text-align: center; padding: 0 40px 0 40px; } .second-level-nav.flex a { flex: 1; border: none; padding: 20px 15px 15px 15px; margin-top: 15px; margin-bottom: 15px; width: 100%; height: auto; } .second-level-nav.flex a:hover { background: #fff; } .second-level-nav.flex .sub-nav-link { display: block; margin: 0; } .second-level-nav.flex.with-border a { border-top: 2px dotted #ccc; border-right: 2px dotted #ccc; border-bottom: 2px dotted #ccc; } .second-level-nav.flex.with-border a:first-child { border-left: 2px dotted #ccc; } } @media (max-width: 991px) { .second-level-nav.flex { display: block; text-align: left; padding: 0; } .second-level-nav.flex a { display: block; border-bottom: 1px solid #ccc; padding: 0; margin-top: 0; margin-bottom: 0; width: 100%; height: auto; } .second-level-nav.flex a:hover { background: #fff; } .second-level-nav.flex .sub-nav-link { display: inline-block; margin: 0 !important; } .second-level-nav.flex .image-icon { width: 4rem; margin-bottom: 5px !important; } } /* ----------------------------------------- MEDIA IN MAIN NAVIGATION /source/scss/cagov/nav-media.scss ----------------------------------------- */ .nav-media { background-position: 50% 50% !important; background-size: cover !important; } .nav-media .media { padding: 15px; margin: 0; } .nav-media .title { font-size: 1.2rem; } .nav-media .subtitle { font-weight: bold; } .with-image-right { position: absolute; top: 0; bottom: 0; right: 0; } .with-image-right .nav-media { background-repeat: no-repeat; background-position: 50% 50% !important; background-size: cover !important; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } @media (max-width: 767px) { .with-image-right .nav-media { background-image: none !important; } } .with-image-left { position: absolute; top: 0; bottom: 0; left: 0; } .with-image-left .nav-media { background-repeat: no-repeat; background-position: 50% 50% !important; background-size: cover !important; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } @media (max-width: 767px) { .with-image-left .nav-media { background-image: none !important; } } /* Edgecase where navigation was under image */ @media (min-width: 768px) and (max-width: 991px) { .sub-nav .three-quarters { left: 0; } } /* ----------------------------------------- MOBILE CONTROLS /source/scss/cagov/nav-mobile-controls.scss ----------------------------------------- */ header::after { content: ""; position: absolute; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.48); top: 0; left: 0; opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out; } header.nav-overlay::after { opacity: 1; visibility: visible; } .nav-drawer { display: flex; padding: 0.5rem 1rem 1rem 1rem; } .nav-drawer .toggle-menu { margin-top: 0; width: 2.75rem; height: 2.75rem; background-color: transparent; border: none; } .nav-drawer .toggle-menu span { background-color: #fff; width: 30px; } .nav-drawer .toggle-menu span:nth-child(2), .nav-drawer .toggle-menu span:nth-child(3) { top: 20px; } .nav-drawer .toggle-menu[aria-expanded=false] span:nth-child(1) { top: 15px; } .nav-drawer .toggle-menu[aria-expanded=false] span:nth-child(2), .nav-drawer .toggle-menu[aria-expanded=false] span:nth-child(3) { top: 25px; } .nav-drawer .toggle-menu[aria-expanded=false] span:nth-child(4) { top: 35px; } @media (min-width: 992px) { .nav-drawer { display: none; } } .navigation-search .settings-links { padding: 1rem; } .navigation-search .settings-links a { position: relative; color: #fff; margin-left: 1rem; margin-right: 1rem; font-size: 1rem; } .navigation-search .settings-links a:before { content: ""; color: #fff; border: none; margin: 0 0.75rem; font-size: 1.125rem; font-weight: 200; position: absolute; border-left: 1px solid #d4d4d7; height: 70%; top: 5px; left: -1.95rem; } .navigation-search .settings-links a:first-child:before { display: none; } .toggle-menu { padding: 16px 8px; display: flex; flex-direction: column; align-items: center; cursor: pointer; color: #fff; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; color: #fff; min-width: 2.5rem; min-height: 2.5rem; margin-top: 1.3rem; margin-left: auto; } .toggle-menu span { height: 2px; width: 20px; display: block; position: absolute; border-radius: 5px; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; } .toggle-menu span:nth-child(1) { top: 2px; } .toggle-menu span:nth-child(2), .toggle-menu span:nth-child(3) { top: 9px; } .toggle-menu span:nth-child(4) { top: 16px; } .toggle-menu[aria-expanded=true] span:nth-child(1) { top: 12px; width: 0%; } .toggle-menu[aria-expanded=true] span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .toggle-menu[aria-expanded=true] span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .toggle-menu[aria-expanded=true] span:nth-child(4) { top: 12px; width: 0%; } .mobile-controls { text-align: right; position: relative; color: #72717c; background: #fff; top: 0; padding-right: 0; height: 0; width: 100%; margin-right: auto; margin-left: auto; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 576px) { .mobile-controls { max-width: 540px; } } @media (min-width: 768px) { .mobile-controls { max-width: 720px; } } @media (min-width: 992px) { .mobile-controls { max-width: 960px; } } @media (min-width: 1200px) { .mobile-controls { max-width: 1176px; } } .mobile-controls .ca-gov-icon-menu-toggle-open, .mobile-controls .ca-gov-icon-menu-toggle-closed { padding-left: 16px; padding-right: 16px; line-height: 2.75rem; } .mobile-controls .toggle-search { padding: 0; border: none; background: none; cursor: pointer; position: relative; margin-left: auto; margin-right: 1rem; text-align: center; z-index: 99; display: flex; flex-direction: column; } .mobile-controls .toggle-search span.ca-gov-icon-search { position: relative; font-size: 1.4rem; display: block; margin: 0 auto; } .mobile-controls .toggle-search:focus { outline: solid 2px #2ea3f2 !important; } .main-navigation .mobile-controls { text-align: left; background-color: #fff; } .mobile-control.toggle-sub-nav { position: absolute; top: 0; right: 2px; font-size: 1.5rem; width: 80px; text-align: center; cursor: pointer; padding-left: 7px; border: none; height: 100%; } .mobile-control.toggle-sub-nav:active .rotate { position: absolute; top: 20px; left: 30px; } .main-nav-icons { display: flex; justify-content: flex-end; align-items: center; z-index: 1; position: relative; top: -3.75rem; width: 20%; margin-left: auto; } /* mobile controls hack for IE because IE never dies */ @media all and (-ms-high-contrast: none) { .mobile-controls .toggle-search { position: absolute; right: 70px; top: 10px; } /* IE10 */ *::-ms-backdrop, .mobile-controls .toggle-search { position: absolute; right: 70px; top: 10px; } /* IE11 */ } /* ----------------------------------------- TOP NAVIGATION /source/scss/cagov/utility-header.scss ----------------------------------------- */ .utility-header { top: 0; width: 100%; min-height: 42px; transition: all 0.3s ease; } .utility-header .half { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; padding-top: 0; padding-left: 15px; } @media (min-width: 768px) { .utility-header .half { float: left; width: 50%; } } @media (max-width: 767px) { .utility-header .half { padding-top: 2px; float: left; } .utility-header .half:first-child { padding-left: 15px; padding-right: 0 !important; width: 50%; } .utility-header .half:nth-child(2) { padding-left: 0 !important; width: 50%; } } .utility-header a { display: inline-block; padding: 0; text-decoration: underline; } .utility-header a:hover, .utility-header a:focus, .utility-header a.hovered { text-decoration: none; } .utility-header ul { padding-left: 0; list-style: none; margin-left: -5px; margin-bottom: 0; } .utility-header ul > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .utility-header ul .list-inline-item { display: inline-block; } .utility-header ul .list-inline-item:not(:last-child) { margin-right: 5px; } .utility-header ul li { padding: 0 8px; } .utility-header ul li button { font-size: 100%; outline: none !important; position: relative; top: -1px; background-color: transparent; border: none; } .utility-header ul li button span { font-size: 100% !important; } .utility-header ul li button:hover, .utility-header ul li button:focus { color: #4a4958; background-color: transparent; border: none; } .utility-header .settings-links { font-size: 1rem; text-align: right; } @media (min-width: 576px) { .utility-header .settings-links { font-size: calc(1rem + 0.1vw); } } @media (min-width: 992px) { .utility-header .settings-links { padding-right: 5px; } } .utility-header [class^=ca-gov-icon-] { font-size: 1.1rem; vertical-align: -2px; display: inline-block; text-decoration: none; padding-right: 4px; } .utility-header .located-city-name { margin-left: 5px; } .utility-header .geo-zip-input { margin-left: 5px; width: 50%; vertical-align: initial; line-height: 120%; background: white; color: #000; } .header-cagov-logo svg { left: 27px; height: 1.7rem; } @media (max-width: 1199px) { .header-cagov-logo svg { left: 5px; } } .utility-header .flex-row { display: flex; } .utility-header .flex-row .social-media-links { display: flex; flex-direction: row; justify-content: flex-start; min-height: 38px; align-items: center; } .utility-header .flex-row .social-media-links .header-cagov-logo { margin-right: 0.5rem; } .utility-header .flex-row .social-media-links .header-cagov-logo img { left: 0; height: 24px; vertical-align: top; margin-top: 6px; vertical-align: middle; } .utility-header .flex-row .social-media-links .header-cagov-logo .ca-gov-logo-svg { vertical-align: middle; } .utility-header .flex-row .social-media-links .header-cagov-logo a { margin: 0; padding-top: 0; } .utility-header .flex-row .social-media-links .official-tag { margin: 0; margin-right: 1rem; font-size: 0.95rem; } @media (max-width: 767px) { .utility-header .flex-row .social-media-links .official-tag { margin-right: 0; } .utility-header .flex-row .social-media-links .official-tag .desktop-only { display: none; } } .utility-header .flex-row .social-media-links a { margin: 0px 10px 0 10px; } .utility-header .flex-row .settings-links { display: flex; flex-wrap: wrap; margin-left: auto; align-items: center; justify-content: flex-end; min-height: 38px; } .utility-header .flex-row .settings-links a { margin: 0 10px 0 10px; font-size: 0.95rem; } .utility-header .flex-row .settings-links button { margin: 0; padding-right: 0; font-size: 0.95rem; } .utility-header .flex-row .settings-links button:hover, .utility-header .flex-row .settings-links button:focus { text-decoration: none; } /* Hide utilities in mobile */ @media (max-width: 991px) { button[aria-controls=siteSettings] { display: none; } } /* ----------------------------------------- SECTIONS /source/scss/cagov/sections.scss ----------------------------------------- */ .section { padding-top: 25px; padding-bottom: 25px; background: #fff; position: relative; overflow: hidden; /* Section extensions */ } @media (max-width: 767px) { .section { padding-top: 24px; padding-bottom: 24px; } } .section.collapsed { padding-top: 0; padding-bottom: 0; } .section .container > h1, .section .container > .h1, .section .container > h2, .section .container > .h2, .section .container > h3, .section .container > .h3, .section .container > h4, .section .container > .h4 { margin-top: 0; } .five { width: 115px; } .four { width: 145px; } .three { width: 200px; } .two { width: 307px; } pre { word-break: break-all; word-wrap: break-word; background-color: whitesmoke; border: 1px solid #d6d6d6; padding: 1rem; } textarea.sourcecode { font-family: var(--bs-font-monospace); width: 100%; height: 300px; font-size: 0.875em; white-space: pre; } .parallax-bg { position: relative; background-attachment: fixed; background-position: center 0; background-repeat: no-repeat; background-size: cover; height: 100vh; overflow: hidden; } /* ----------------------------------------- ASK Group /source/scss/cagov/ask-group.scss ----------------------------------------- */ @media (min-width: 992px) { .ask-group { position: relative; width: 60%; left: 20%; -webkit-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; z-index: 5; visibility: visible; font-family: "Public Sans", sans-serif; /* 3rd and beyond positions panel on right of button */ /* first two panels positioned on left of button */ } .flexbox .ask-group { left: 0px; right: 0px; margin: auto; max-width: 630px; } .ask-group.fade-out { opacity: 0; } .ask-group .panel-group { position: absolute; top: 230px; } .flexbox .ask-group .panel-group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } @media (min-width: 992px) and (max-width: 991px) { .ask-group { position: static; } } @media (min-width: 992px) { .ask-group .panel { display: inline; background: none; position: relative; } .flexbox .ask-group .panel { margin-top: 0; overflow: visible; } } @media (min-width: 992px) { .flexbox .ask-group .panel-group .panel + .panel { margin-top: 0; } } @media (min-width: 992px) { .ask-group .ask-panel { position: absolute; width: 100%; width: 380px; } } @media (min-width: 992px) { .ask-group .panel:nth-child(n+4) .ask-panel { right: 0; } } @media (min-width: 992px) { .ask-group .panel:nth-child(-n+3) .ask-panel { left: 0; } } @media (min-width: 992px) { .ask-button.btn-primary { background-color: #000; background-color: rgba(0, 0, 0, 0.65); color: #fff; border: none; border-radius: 0; } .ask-button.btn-primary:hover { background-color: rgba(0, 0, 0, 0.8); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; outline: none; } .ask-button.btn-primary:focus { background-color: rgba(0, 0, 0, 0.8); border-bottom-left-radius: 0; border-bottom-right-radius: 0; box-shadow: none; outline: solid 2px #2ea3f2 !important; } } /* Optimize ask group position for tablets 992 and 1140 */ @media (min-width: 992px) and (max-width: 1200px) { .ask-group { left: 10%; width: 90%; } .flexbox .ask-group { width: 80%; left: 0; } } .ask-button { overflow: hidden; position: relative; line-height: 2.75rem; font-size: 1.25rem; } .ask-button > span { font-size: 1.5rem; padding-right: 5px; vertical-align: middle; color: rgba(255, 255, 255, 0.8); } .ask-options { padding: 0; } .ask-options > ul { padding-left: 0; list-style: none; } .ask-options li a { display: block; padding: 3px 15px 3px 15px; margin: 0; line-height: 2.5rem; color: #fff; background: rgba(0, 0, 0, 0.8); } .ask-options li a:hover { background: rgba(0, 0, 0, 0.9); } .ask-options li a:hover .more { background: rgba(0, 0, 0, 0.8); color: #fff; } @media (max-width: 991px) { .header-single-banner { display: none; } .ask-group { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; padding-top: 24px; float: none; padding-bottom: 1px; } .ask-group .panel { border: none; background: rgba(0, 0, 0, 0.65); } .ask-group .panel-group .panel + .panel { margin-top: 10px; } .ask-group a.btn { display: block; width: 100%; background-color: transparent; border: none; color: #fff; } .ask-group a.btn:hover, .ask-group a.btn:focus, .ask-group a.btn:active { color: #fff; background-color: rgba(0, 0, 0, 0.25); } .ask-group a.btn:after { content: "C"; font-family: "CaGov"; position: absolute; right: 10px; top: 50%; margin-top: -20px; } .ask-group a.btn.collapsed:after { content: "E"; } .ask-group a.btn [class^=ca-gov-icon-] { padding-right: 10px; font-size: 1.75rem; } } .fixed + .ask-group { z-index: 5; position: fixed; } .fade.in { opacity: 1; } /* ----------------------------------------- SPACING Converted from Scss http://v4-alpha.getbootstrap.com/components/utilities/ /source/scss/cagov/spacing.scss ----------------------------------------- */ .m-a-0 { margin: 0 !important; } .m-t-0 { margin-top: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-l-0 { margin-left: 0 !important; } .m-x-0 { margin-right: 0 !important; margin-left: 0 !important; } .m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .m-a { margin: 1rem !important; } .m-t { margin-top: 1rem !important; } .m-r { margin-right: 1rem !important; } .m-b { margin-bottom: 1rem !important; } .m-l { margin-left: 1rem !important; } .m-x { margin-right: 1rem !important; margin-left: 1rem !important; } .m-y { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-x-auto { margin-right: auto !important; margin-left: auto !important; } .m-a-sm { margin: 0.5rem !important; } .m-t-sm { margin-top: 0.5rem !important; } .m-r-sm { margin-right: 0.5rem !important; } .m-b-sm { margin-bottom: 0.5rem !important; } .m-l-sm { margin-left: 0.5rem !important; } .m-x-sm { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .m-y-sm { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-a-md { margin: 1.5rem !important; } .m-t-md { margin-top: 1.5rem !important; } .m-r-md { margin-right: 1.5rem !important; } .m-b-md { margin-bottom: 1.5rem !important; } .m-l-md { margin-left: 1.5rem !important; } .m-x-md { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .m-y-md { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .m-a-lg { margin: 3rem !important; } .m-t-lg { margin-top: 3rem !important; } .m-r-lg { margin-right: 3rem !important; } .m-b-lg { margin-bottom: 3rem !important; } .m-l-lg { margin-left: 3rem !important; } .m-x-lg { margin-right: 3rem !important; margin-left: 3rem !important; } .m-y-lg { margin-top: 3rem !important; margin-bottom: 3rem !important; } .m-t-60 { margin-top: 4rem !important; } .m-t-80 { margin-top: 5rem !important; } .m-t-100 { margin-top: 6rem !important; } .m-b-60 { margin-bottom: 4rem !important; } .m-b-80 { margin-bottom: 5rem !important; } .m-b-100 { margin-bottom: 6rem !important; } .p-a-0 { padding: 0 !important; } .p-t-0 { padding-top: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-l-0 { padding-left: 0 !important; } .p-x-0 { padding-right: 0 !important; padding-left: 0 !important; } .p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .p-a { padding: 1rem !important; } .p-t { padding-top: 1rem !important; } .p-r { padding-right: 1rem !important; } .p-b { padding-bottom: 1rem !important; } .p-l { padding-left: 1rem !important; } .p-x { padding-right: 1rem !important; padding-left: 1rem !important; } .p-y { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-a-sm { padding: 0.5rem !important; } .p-t-sm { padding-top: 0.5rem !important; } .p-r-sm { padding-right: 0.5rem !important; } .p-b-sm { padding-bottom: 0.5rem !important; } .p-l-sm { padding-left: 0.5rem !important; } .p-x-sm { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .p-y-sm { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-a-md { padding: 1.5rem !important; } .p-t-md { padding-top: 1.5rem !important; } .p-r-md { padding-right: 1.5rem !important; } .p-b-md { padding-bottom: 1.5rem !important; } .p-l-md { padding-left: 1.5rem !important; } .p-x-md { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .p-y-md { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .p-a-lg { padding: 3rem !important; } .p-t-lg { padding-top: 3rem !important; } .p-r-lg { padding-right: 3rem !important; } .p-b-lg { padding-bottom: 3rem !important; } .p-l-lg { padding-left: 3rem !important; } .p-x-lg { padding-right: 3rem !important; padding-left: 3rem !important; } .p-y-lg { padding-top: 3rem !important; padding-bottom: 3rem !important; } .p-t-60 { padding-top: 4rem !important; } .p-t-80 { padding-top: 5rem !important; } .p-t-100 { padding-top: 6rem !important; } .p-b-60 { padding-bottom: 4rem !important; } .p-b-80 { padding-bottom: 5rem !important; } .p-b-100 { padding-bottom: 6rem !important; } .p-y-80 { padding-top: 5.71429rem !important; padding-bottom: 5.71429rem !important; } .left-0 { left: 0 !important; } .left-sm { left: 0.5rem !important; } .left-n { left: 1rem !important; } .left-md { left: 1.5rem !important; } .left-lg { left: 3rem !important; } .left-minus-sm { left: -0.5rem !important; } .left-minus-n { left: -1rem !important; } .left-minus-md { left: -1.5rem !important; } .left-minus-lg { left: -3rem !important; } .right-0 { right: 0 !important; } .right-sm { right: 0.5rem !important; } .right-n { right: 1rem !important; } .right-md { right: 1.5rem !important; } .right-lg { right: 3rem !important; } .right-minus-sm { right: -0.5rem !important; } .right-minus-n { right: -1rem !important; } .right-minus-md { right: -1.5rem !important; } .right-minus-lg { right: -3rem !important; } .top-minus-5 { top: -5px !important; } .top-minus-3 { top: -3px !important; } .top-minus-2 { top: -2px !important; } .top-minus-1 { top: -1px !important; } .top-0 { top: 0 !important; } .top-sm { top: 0.5rem !important; } .top-n { top: 1rem !important; } .top-md { top: 1.5rem !important; } .top-lg { top: 3rem !important; } .top-5pct { top: 5% !important; } .top-10pct { top: 10% !important; } .top-15pct { top: 15% !important; } .top-20pct { top: 20% !important; } .top-30pct { top: 30% !important; } .top-40pct { top: 40% !important; } .top-50pct { top: 50% !important; } .top-60pct { top: 60% !important; } .top-70pct { top: 70% !important; } .top-80pct { top: 80% !important; } .top-90pct { top: 90% !important; } .top-100pct { top: 100% !important; } .bottom-minus-1 { bottom: -1px; } .bottom-minus-2 { bottom: -2px; } .bottom-minus-3 { bottom: -3px; } .bottom-minus-5 { bottom: -5px; } .bottom-0 { bottom: 0; } .bottom-sm { bottom: 0.5rem; } .bottom-n { bottom: 1rem; } .bottom-md { bottom: 1.5rem; } .bottom-lg { bottom: 3rem; } .bottom-5pct { bottom: 5% !important; } .bottom-10pct { bottom: 10% !important; } .bottom-15pct { bottom: 15% !important; } .bottom-20pct { bottom: 20% !important; } .bottom-30pct { bottom: 30% !important; } .bottom-40pct { bottom: 40% !important; } .bottom-50pct { bottom: 50% !important; } .bottom-60pct { bottom: 60% !important; } .bottom-70pct { bottom: 70% !important; } .bottom-80pct { bottom: 80% !important; } .bottom-90pct { bottom: 90% !important; } .bottom-100pct { bottom: 100% !important; } .pull-right { float: right !important; } .pull-left { float: left !important; } /* ----------------------------------------- RETURN TO TOP /source/scss/cagov/return-top.scss ----------------------------------------- */ html { -ms-overflow-style: scrollbar; } .return-top { position: fixed; z-index: 99999; right: -100px; bottom: 90px; padding: 5px 10px 10px 10px; border: 1px solid; border-top-left-radius: 5px; border-bottom-left-radius: 5px; opacity: 0; visibility: hidden; background: #fff; font-size: 1.125rem; text-align: center; text-decoration: none; cursor: pointer; transition: all 0.5s ease; } .return-top:before { content: "2"; font-family: "CaGov"; font-weight: 900; padding-right: 3px; font-size: 1.3rem; } .return-top.is-visible { opacity: 1; visibility: visible; display: inline; background-color: #fff; bottom: 90px; right: 0; } .return-top.is-visible:hover { background-color: #ededef; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); } @media (min-width: 992px) { .return-top .sr-only { position: relative !important; width: unset !important; height: unset !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; clip: unset !important; } } /* ----------------------------------------- ALERT BANNER /source/scss/cagov/alert-banner.scss ----------------------------------------- */ .alert-banner { margin-bottom: 0; padding: 0.6rem 0 0.5rem 0; border-radius: 0; -webkit-column-rule: rgba(255, 255, 255, 0.8); -moz-column-rule: rgba(255, 255, 255, 0.8); column-rule: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.2s; transition: all 0.2s; } .alert-banner .alert-icon { font-size: 1.6rem; position: absolute; top: 5px; } .alert-banner .alert-icon ~ .alert-text { margin-left: 2.5rem; } .alert-banner img, .alert-banner .alert-img { max-width: 28px; max-height: 28px; margin-right: 0.5rem; margin-top: -3px; } .alert-banner .close { position: absolute; top: 5px; right: 5px; padding: 0 10px; text-shadow: none; float: right; font-size: 1.5rem; font-weight: 700; border: none; background: none; } .alert-banner .container { font-size: 1rem; min-height: 30px; } .alert-banner .container:after { content: " "; display: table; clear: both; } .alert-banner .alert-text { position: relative; } .alert-banner .btn { position: relative; top: -1px; } .alert-level { display: inline-block; font-weight: bold; padding: 0 5px; margin: 0 5px; font-size: 0.87rem; } .alert-level [class^=ca-gov-icon-] { margin-right: 3px; } .alert-link { line-height: 1.2em; float: right !important; font-weight: 400; } .alert-severe { background: #fdb81e; } .alert-severe .close { color: #000; } .alert-severe .alert-level { color: #000; background: rgba(0, 0, 0, 0.15); } .alert-severe .alert-text { color: #000; } .global-header.compact .alert-banner { display: none; } /* ----------------------------------------- TABS - /source/scss/cagov/tabs.scss ----------------------------------------- */ .tab-group { position: relative; border: none; } @media (max-width: 767px) { .tab-group { border: none; } } .tab-group > [class^=ca-gov-icon-] { display: none !important; } .tab-group .nav-tabs { border-radius: 0; border-bottom: none; } .tab-group .nav-tabs li:first-child a, .tab-group .nav-tabs li:first-child a:hover, .tab-group .nav-tabs li:first-child a:focus, .tab-group .nav-tabs li:first-child a:active { border-left: 0 !important; } .tab-group .nav-tabs li.active { border-top: 0; } .tab-group .nav-tabs li > a { padding: 0.5rem 1rem; border: none; border-radius: 0; position: relative; display: block; color: #046b99; font-weight: 600; } .tab-group .nav-tabs li > a, .tab-group .nav-tabs li > a:hover { border: none; border-top: none !important; text-decoration: none; border-bottom: none; } .tab-group .tab-pane { padding: 0.75rem; } .tab-group .tab-content { border: 1px solid #d4d4d7; } @media (max-width: 767px) { .tab-group .tab-content { border: none; } } /* Bottom Tabs */ .tabs-bottom .tab-content { padding-bottom: 30px; } .tabs-bottom .nav-tabs { position: absolute; bottom: 0; width: 100%; border-bottom: none; margin-bottom: 0; } .tabs-bottom .nav-tabs > li { margin-bottom: 0; display: block; } .panel-group.responsive { margin-bottom: 0; } /* Responsive tabs bootstrap 4 fix */ @media (max-width: 575.98px) { .panel-group.responsive.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 768px) { .panel-group.responsive.hidden-xs.hidden-sm { display: block !important; } } @media (max-width: 575.98px) { .panel-group.responsive.visible-xs.visible-sm { display: block !important; } } @media (min-width: 768px) { .panel-group.responsive.visible-xs.visible-sm { display: none !important; } } .nav-tabs > li { margin-bottom: -1px; margin-left: 1px; } .nav-tabs > li:first-child { margin-left: 0; } .nav-tabs > li > a.active { background-color: transparent !important; border: none !important; cursor: default; color: #3b3a48 !important; position: relative; } .nav-tabs > li > a.active:hover { color: #5e5e6a !important; } .nav-tabs > li > a.active::after { left: 0; bottom: 0; position: absolute; content: ""; width: 100%; border-bottom: 3px solid; } .nav-tabs > li > a:hover { color: #035376; } .nav-tabs > li > a:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .nav-tabs > li > a.active:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .nav-tabs .nav-item { margin-left: 2px; } .nav-tabs .nav-item:hover { background-color: transparent; } .nav-tabs .nav-item:first-child { margin-left: 0; } .nav-tabs .nav-item::after { display: none; } /* Responsive tabs */ .responsive .nav-tabs { display: none; } /* Responsive desctop view */ @media (min-width: 768px) { .responsive .nav-tabs { display: flex; background-color: transparent !important; } .responsive.tab-group .card { border: none; padding: 0; margin-bottom: 0; background-color: transparent; } .responsive.tab-group .card .card-header { display: none; } .responsive.tab-group .card .collapse { display: block; } .tabs.responsive .card-header { display: none; } .tabs.responsive .collapse { display: block; } } /* Responsive tabs mobile view */ @media (max-width: 767px) { .responsive .tab-pane { display: block !important; opacity: 1 !important; padding: 0 !important; margin-bottom: 0.75rem; } .responsive .tab-pane .card-header { padding: 0; background: none; } .responsive .tab-pane .card-header a { display: block; width: 100%; padding: 0.5rem 1rem; font-size: 1.25rem; font-weight: 600; background-color: #fafafa; text-decoration: none; position: relative; } .responsive .tab-pane .card-header a:hover, .responsive .tab-pane .card-header a:focus { background-color: #ededef; } .responsive .tab-pane .card-header a:focus { outline: solid 2 #2ea3f2 !important; outline-offset: -2px; } .responsive .tab-pane .card-header a::after { content: ""; position: absolute; top: 1.125rem; right: 1rem; border-right: 2px solid black; border-top: 2px solid black; border-radius: 3px; width: 10px; height: 10px; transform: rotate(45deg); transition: all 0.2s ease; } .responsive .tab-pane .card-header a[aria-expanded=true] { color: #000; } .responsive .tab-pane .card-header a[aria-expanded=true]:hover, .responsive .tab-pane .card-header a[aria-expanded=true]:focus { color: #4a4958; } .responsive .tab-pane .card-header a[aria-expanded=true]::before { content: ""; border-left: 3px solid; position: absolute; top: 0; left: 0; height: 100%; } .responsive .tab-pane .card-header a[aria-expanded=true]::after { transform: rotate(135deg); } } /* ACCESSIBLE tabs*/ .tabs { position: relative; } .tabs [role=tablist] { padding: 0; margin-bottom: 0; } .tabs [role=tablist] li, .tabs [role=tablist] a { display: inline-block; } .tabs [role=tablist] a { text-decoration: none; padding: 7px 15px; margin: 0; font-weight: 600; } .tabs [role=tablist] a:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .tabs [role=tablist] [aria-selected] { border: none; position: relative; margin: 0 0; color: #000; } .tabs [role=tablist] [aria-selected]::after { left: 0; bottom: 0; position: absolute; content: ""; width: 100%; border-bottom: 3px solid; } .tabs [role=tabpanel] { border: 1px solid var(--bs-border-color); padding: 1.1rem; margin-top: -2px; } .tabs [role=tabpanel] a:focus { outline: solid 2px #2ea3f2 !important; } .tabs [role=tabpanel]:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } @media (max-width: 767px) { .tabs.responsive [role=tabpanel] { border: none; } } /* ----------------------------------------- ACCORDIONS /source/scss/cagov/accordion.scss ----------------------------------------- */ /* accordion component specific classes */ /* initial styles */ cagov-accordion details { margin-bottom: 0; min-height: 3rem; margin-top: 1rem; overflow: visible; } cagov-accordion details summary { cursor: pointer; padding: 0.5rem 3rem 0.5rem 3.75rem; background-color: #fafafa; position: relative; line-height: 2rem; margin: 0; color: #4a4958; font-size: 1.125rem; font-weight: bold; border: 1px solid #d4d4d7; } cagov-accordion details summary:before { position: absolute; height: 100%; width: 2.75rem; border-right: 1px solid #d4d4d7; top: 0; left: 0; background-color: #fafafa; border-radius: 3px 0 0 3px; content: ""; } cagov-accordion details summary:after { content: ""; position: absolute; top: 0; left: 0; background: transparent; height: 100%; width: 100%; border-radius: 3px 3px 3px 3px; } cagov-accordion details summary .cagov-open-indicator { position: absolute; left: 0.5rem; top: 0.4rem; width: 0; height: 0; transition-property: transform; transition: transform 0.2s; } cagov-accordion details summary .cagov-open-indicator::before { font-family: "CaGov"; content: "5"; position: absolute; font-size: 1.6rem; transition-property: transform, left; transition: transform 0.2s, 0.2s; } cagov-accordion details summary:hover { color: black; } cagov-accordion details summary:hover:before { background-color: #ededef; } cagov-accordion details .accordion-body { padding: 1rem; border: none; border-radius: 0 0 4px 4px; border: 1px solid #d4d4d7; border-top: none; } /* styles applied after custom element javascript runs */ cagov-accordion:defined { /* let it be open initially if details has open attribute */ } cagov-accordion:defined details { transition: height 0.2s; height: 3rem; overflow: visible; } cagov-accordion:defined summary::-webkit-details-marker { display: none; } cagov-accordion:defined details summary { list-style: none; /* hide default expansion triangle after js executes */ border-radius: 4px 4px 4px 4px; } cagov-accordion:defined details summary:focus:before { background-color: #ededef; } cagov-accordion:defined details summary:focus:after { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } cagov-accordion:defined details[open] { height: auto; } cagov-accordion:defined details[open] .cagov-open-indicator::before { transform: rotate(90deg) translateY(-0.2rem); } cagov-accordion:defined details[open] summary { border-radius: 4px 4px 0 0; } cagov-accordion:defined details[open] summary:before { border-radius: 3px 0 0 0; background-color: #ededef; } cagov-accordion:defined details[open] summary:focus::after { border-radius: 3px 3px 0 0; } /* ----------------------------------------- ACCORDIONS LIST /source/scss/cagov/accordion-list.scss ----------------------------------------- */ /** * Accordion list container element */ .accordion { list-style: none; margin: 0; padding: 0; } .accordion > li { margin: 0; } /** * Add zero-width space. needed to ensure Safari + VO respect list semantics. * Set the before content to position absolute to negate any visible space * the before content could add to the document. */ .accordion > li:before { content: "​"; position: absolute; } /** * Accordion Heading */ .accordion__heading { padding: 0; font-size: inherit; margin-top: 0.5rem; margin-bottom: 0.5rem; padding-bottom: 0; font-family: "Public Sans", sans-serif; } .accordion__trigger { color: #046b99; text-decoration: underline; text-decoration-style: dotted; text-decoration-thickness: from-font; font-weight: 700; -webkit-appearance: none; background: none; border: none; border-radius: 0; box-shadow: none; cursor: pointer; display: block; font-size: inherit; margin: 0; padding: 0 0 0 1em; position: relative; text-align: left; width: 100%; z-index: 2; } .accordion__trigger:hover { color: #02374e; } .accordion__trigger:before { border-left: 0.3em solid transparent; border-right: 0.3em solid transparent; border-top: 0.3em solid #222; bottom: 0; content: ""; height: 0; margin: auto; position: absolute; left: 0; top: 0; transition: transform 0.2s ease-in-out; transform-origin: center center; transform: rotate(-90deg); width: 0; } .accordion__trigger[aria-expanded=true]:before { transform: rotate(0deg); } /** * This is needed to allow a double tap iOS 11 * Safari + VO to function correctly, if there * are multiple elements (wrapper spans) to layout * text nodes within the accordion button. -- This is not needed if a button only contains text and no other child nodes wrapping the text -- .accordion__trigger > * { pointer-events: none; } */ .accordion__trigger:focus { outline: solid 2px #2ea3f2 !important; } .accordion__panel { background-color: inherit; max-height: 0vh; overflow: hidden; padding: 0; position: relative; visibility: hidden; z-index: 1; } .accordion__panel--transition { transition: max-height 0.2s ease-in-out, padding-top 0.2s ease-in-out, padding-bottom 0.2s ease-in-out; } .accordion__panel > :last-child { margin-bottom: 0; } .accordion__panel[aria-hidden=false] { max-height: 1000px; padding-left: 1em; padding-right: 1em; padding-bottom: 1.5rem; overflow: auto; visibility: visible; } /* ----------------------------------------- ACCORDIONS SIDE NAV /source/scss/cagov/accordion-side-nav.scss ----------------------------------------- */ .side-nav .accordion { position: relative; } .side-nav .accordion .list-group-item { border-radius: 0; } .side-nav .accordion .list-group-item:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .side-nav .accordion .accordion__heading { padding: 0 !important; } .side-nav .accordion .accordion__heading .accordion__trigger { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; color: #212529; text-decoration: none; font-weight: 500; } .side-nav .accordion .accordion__heading .accordion__trigger:hover, .side-nav .accordion .accordion__heading .accordion__trigger:focus { background-color: #f8f9fa; } .side-nav .accordion .accordion__heading .accordion__trigger::before { display: none; } .side-nav .accordion .accordion__heading .accordion__trigger:after { position: absolute; font-family: "CaGov" !important; content: "5"; right: 15px; transition: transform 0.2s ease-in-out; } .side-nav .accordion .accordion__heading .accordion__trigger[aria-expanded=true]:after { transform: rotate(90deg); } .side-nav .accordion .accordion__heading.active .accordion__trigger { color: #fff !important; } cagov-accordion.sidenav details { border: none; min-height: 2rem; margin-top: 0; } cagov-accordion.sidenav details summary { border: none; background: #fff; padding-left: 1rem; padding: 0.7rem 2rem 0.7rem 1rem; font-size: calc(1rem + 0.1vw); font-weight: 400; text-decoration: none; border-bottom: 1px solid #ededef; } cagov-accordion.sidenav details summary:before { border: none !important; width: 3px; background-color: transparent !important; } cagov-accordion.sidenav details summary::after { display: none; } cagov-accordion.sidenav details summary:hover, cagov-accordion.sidenav details summary:focus { text-decoration: none; background-color: #fafafa; } cagov-accordion.sidenav details summary:hover:before, cagov-accordion.sidenav details summary:focus:before { border: none; background-color: transparent; } cagov-accordion.sidenav details summary:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } cagov-accordion.sidenav details summary.active { color: #000 !important; text-decoration: none; background-color: #f3f3f4; font-weight: 400; } cagov-accordion.sidenav details summary.active:before { border: none; width: 3px; border-radius: 0; } cagov-accordion.sidenav details summary.active:hover, cagov-accordion.sidenav details summary.active:focus { color: #5e5e6a !important; text-decoration: none; background-color: #ededef; } cagov-accordion.sidenav details summary.active:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } cagov-accordion.sidenav details summary[open] summary { color: #000; } cagov-accordion.sidenav details summary[open] summary::after { display: none; } cagov-accordion.sidenav details summary .cagov-open-indicator { left: unset !important; right: 2.7rem; top: 0.6rem !important; } cagov-accordion.sidenav details summary .cagov-open-indicator::before { font-size: 2.4rem; } cagov-accordion.sidenav details .cagov-open-indicator { left: unset; right: 2.7rem; top: 0.6rem !important; } cagov-accordion.sidenav details .accordion-body { padding: 0; border: none; outline: none; } cagov-accordion.sidenav details .accordion-body .side-subnav { margin-bottom: 0; margin-left: 0; } cagov-accordion.sidenav details .accordion-body .side-subnav li:first-child { margin-top: 0; } cagov-accordion.sidenav details .accordion-body .side-subnav li:last-child { margin-bottom: 0; } .side-subnav { padding-left: 0; } .side-subnav li { margin: 0; padding-left: 0; list-style: none; font-size: 1.125rem; } .side-subnav li a { position: relative; display: block; padding-top: 0.7rem; padding-bottom: 0.7rem; padding-left: 2.5rem; text-decoration: none !important; border-bottom: 1px solid #ededef; } .side-subnav li a:hover, .side-subnav li a:focus { text-decoration: none; color: #000; background-color: #fafafa; } .side-subnav li a:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .side-subnav li a.active { color: #5e5e6a; text-decoration: none; background-color: #f3f3f4; } .side-subnav li a.active:before { content: ""; border-left: 3px solid; position: absolute; top: 0; left: 0; width: 3px; height: 100%; border-radius: 0; } .side-subnav li a.active:hover, .side-subnav li a.active:focus { color: #000; text-decoration: none; background-color: #ededef; } /* ----------------------------------------- BREADCRUMBS - /source/scss/cagov/breadcrumbs.scss ----------------------------------------- */ .breadcrumbs ol, .breadcrumbs ul, .breadcrumb { padding: 0.5em 1rem; padding-left: 0; margin-bottom: 2rem; display: flex; flex-wrap: wrap; list-style: none; font-size: 0.85rem; } @media (min-width: 576px) { .breadcrumbs ol, .breadcrumbs ul, .breadcrumb { font-size: calc(0.85rem + 0.1vw); } } .breadcrumbs ol li, .breadcrumbs ul li, .breadcrumb li { position: relative; padding-left: 0.75rem; padding-right: 0.75rem; } .breadcrumbs ol li:first-child, .breadcrumbs ul li:first-child, .breadcrumb li:first-child { padding-left: 0; } .breadcrumbs ol li:after, .breadcrumbs ul li:after, .breadcrumb li:after { content: ""; color: #bcbbc1; border: none; margin: 0 0.75rem; font-size: 1.125rem; font-weight: 200; position: absolute; border-left: 1px solid #3b3a48; height: 70%; top: 5px; right: -12px; transform: rotate(15deg); } .breadcrumbs ol li:last-child:after, .breadcrumbs ul li:last-child:after, .breadcrumb li:last-child:after { content: ""; border-left: none; margin: 0 0; } .breadcrumb > li + li:before { padding: 0; } /* ----------------------------------------- KEYWORDS - /source/scss/cagov/keywords.scss ----------------------------------------- */ .keywords ul, .keywords ol { padding-left: 0; list-style: none; margin-left: -5px; } .keywords ul > li, .keywords ol > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .keywords ul .list-inline-item, .keywords ol .list-inline-item { display: inline-block; } .keywords ul .list-inline-item:not(:last-child), .keywords ol .list-inline-item:not(:last-child) { margin-right: 5px; } .keywords ul li, .keywords ol li { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; background-color: #ccc; color: #3b3a48; margin-left: 5px; margin-right: 5px; } a .keywords ul li:hover, a .keywords ul li:focus, a .keywords ol li:hover, a .keywords ol li:focus { color: #fff; text-decoration: none; cursor: pointer; } .keywords ul li:empty, .keywords ol li:empty { display: none; } .btn .keywords ul li, .btn .keywords ol li { position: relative; top: -1px; } .keywords ul li[href]:hover, .keywords ul li[href]:focus, .keywords ol li[href]:hover, .keywords ol li[href]:focus { background-color: #b3b3b3; } .keywords ul a, .keywords ol a { color: #3b3a48; } /* ----------------------------------------- HORIZONTAL RULES - /source/scss/cagov/horizontal-rules.scss ----------------------------------------- */ hr.hr-understated { border: none; border-bottom-style: dotted; border-bottom-width: 2px; border-bottom-color: #d6d6d6; } hr.hr-light { border: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #eee; } /* ----------------------------------------- PROFILE - /source/scss/cagov/profiles.scss ----------------------------------------- */ .executive-profile { display: flex; flex-direction: row; align-items: center; padding: 1rem; margin: 0; font-size: 1rem; border: none; } .executive-profile img { max-width: 100px; max-height: 100px; border-radius: 50%; margin-right: 1rem; position: relative; } .executive-profile .executive-profile-body { padding-left: 1rem; border-left: 1px solid #3b3a48; } .executive-profile p, .executive-profile .executive-name { margin-top: 4px; margin-bottom: 4px; } .executive-profile .executive-name { font-size: 1.4375rem; } /* ----------------------------------------- MEDIA /source/scss/cagov/media.scss ----------------------------------------- */ figure { border: 1px solid #ddd; margin-bottom: 15px; } figure img { width: 100%; } figcaption { font-size: 0.8rem; padding: 10px; } .img-left { float: left !important; margin-right: 0.75rem; margin-top: 4px; } .img-right { float: right !important; margin-left: 0.75rem; margin-top: 4px; } .img-circle { border-radius: 50%; } .img-rounded { border-radius: 5px; } .media .media-top { text-align: center; } .media .media-top img, .media .media-top span { display: inherit; margin-bottom: 24px; } .img-responsive { max-width: 100%; height: auto; display: inline-block; } .img-fluid { display: inline-block; } .progress { font-size: 1rem; height: unset; min-height: 1.25rem; border-radius: 0; } /* ----------------------------------------- YouTube Video Player /source/scss/cagov/youtube.scss ----------------------------------------- */ .video-player { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-player iframe, .video-player object, .video-player embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* ----------------------------------------- NEWS - /source/scss/cagov/news.scss ----------------------------------------- */ .news-item { clear: both; margin-left: -1rem; margin-right: -1rem; margin-bottom: 24px; padding: 0 0.75rem; } .news-item::after { display: block; clear: both; content: ""; } .news-item .published { font-style: italic; } .news-item .thumbnail { margin-left: -0.75rem; position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; padding-bottom: 0.75rem; } @media (min-width: 768px) { .news-item .thumbnail { float: left; width: 25%; } } @media (min-width: 992px) { .news-item .thumbnail { float: left; width: 25%; } } @media (min-width: 1200px) { .news-item .thumbnail { float: left; width: 25%; } } .two-column .news-item .thumbnail { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } @media (min-width: 992px) { .two-column .news-item .thumbnail { float: left; width: 25%; } } .news-item .thumbnail img { display: block; max-width: 100%; height: auto; position: relative; top: 0.5rem; } .news-item .description p { margin-bottom: 0.2rem; } .news-detail h1, .news-detail .h1 { margin-bottom: 0; float: left; } .news-detail .published { margin-bottom: 24px; clear: both; } .news-detail .keywords { margin-top: 24px; } /* NEWS BLOCKS */ .shadow { -webkit-box-shadow: 0 2px 5px #eee; -moz-box-box-shadow: 0 2px 5px #eee; box-shadow: 0 2px 5px #eee; } .shadow figure { border: none; } .img-fluid { height: auto; max-width: 100%; vertical-align: middle; } .news-icon { width: 1.64286rem; height: 1.64286rem; font-size: 0.92857rem; display: inline-block; position: relative; text-align: center; background-color: #e8e8e8; -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .news-icon:hover { color: #fff; text-decoration: none; } .news-icon > i { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } /* NEWS IMAGE */ .block-hover { position: relative; max-width: 100%; margin: 0; overflow: hidden; color: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); } .block-hover:hover .block-hover_zoom { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } [class*=block-hover], [class*=block-hover]::before, [class*=block-hover]::after { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .block-hover_zoom { -webkit-transform: scale(1.01); } .bg-overlay { position: relative; margin-bottom: 0; } .bg-overlay::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bg-overlay::after { content: ""; position: absolute; top: 0.7rem; right: 0.7rem; bottom: 0.7rem; left: 0.7rem; background-color: rgba(0, 0, 0, 0.7) !important; } .news-link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; outline-offset: -2px; } /* ----------------------------------------- EVENTS /source/scss/cagov/events.scss ----------------------------------------- */ .event-item { padding-left: 20px; margin-bottom: 24px; } .event-item .title { list-style: none; position: relative; } .event-item .title::before { content: "\e046"; font-family: "CaGov"; background: none !important; position: absolute; left: -22px; font-size: 12px; top: 4px; } .main-secondary .event-item .title { background: none; } .event-item h1, .event-item .h1, .event-item h2, .event-item .h2, .event-item h3, .event-item .h3, .event-item h4, .event-item .h4, .event-item h5, .event-item .h5, .event-item h6, .event-item .h6 { margin: 0 0 4px 0; font-size: 1.2rem; } .event-item::after { display: block; clear: both; content: ""; } .event-item > .thumbnail { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; padding: 0; } @media (min-width: 768px) { .event-item > .thumbnail { float: left; width: 25%; } } @media (min-width: 992px) { .event-item > .thumbnail { float: left; width: 16.6666666667%; } } .event-item > .thumbnail img { display: block; max-width: 100%; height: auto; } .event-item .thumbnail + .info { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } @media (min-width: 768px) { .event-item .thumbnail + .info { float: left; width: 75%; } } @media (min-width: 992px) { .event-item .thumbnail + .info { float: left; width: 83.3333333333%; } } .event-item .thumbnail + .info .title { background: none; } .event-item .thumbnail + .info .title::before { content: ""; background: none !important; position: absolute; } .event-detail .presenter { padding: 12px 0; } .event-detail .presenter::after { display: block; clear: both; content: ""; } .event-detail .description::after { display: block; clear: both; content: ""; } /* ----------------------------------------- EXAMS - /source/scss/exams.scss ----------------------------------------- */ .exam-item { background: #f2f2f2; padding: 0.75rem; margin-bottom: 0.75rem; position: relative; } .exam-item::after { display: block; clear: both; content: ""; } .exam-item .header { margin-bottom: 0; } .exam-item .header::after { display: block; clear: both; content: ""; } .exam-item .header .title { float: left; margin-right: 0.75rem; font-size: 1.5rem; font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; font-stretch: condensed; } .exam-item .header .filing-date { float: right; } .exam-item .header .start-date { float: left; margin-top: 8px; } .exam-item .footer { position: relative; clear: both; } .exam-item .footer::after { display: block; clear: both; content: ""; } .exam-item .footer a.btn { float: right; margin-top: 12px; padding: 1px 5px; font-size: 0.8rem; line-height: 1.5; border-radius: 3px; } @media (max-width: 992px) { .exam-item .footer a.btn { float: left; } } .exam-item .footer .published { float: left; margin-top: 10px; font-style: italic; } .exam-item .thumbnail img { position: absolute; } @media (max-width: 767px) { .exam-item .exam-item .title, .exam-item .exam-item .filing-date, .exam-item .exam-item .start-date, .exam-item .exam-item .published, .exam-item .exam-item a.btn, .exam-item .job-item .title, .exam-item .job-item .filing-date, .exam-item .job-item .start-date, .exam-item .job-item .published, .exam-item .job-item a.btn, .exam-item .profile-item .title, .exam-item .profile-item .filing-date, .exam-item .profile-item .start-date, .exam-item .profile-item .published, .exam-item .profile-item a.btn, .exam-item .course-item .title, .exam-item .course-item .filing-date, .exam-item .course-item .start-date, .exam-item .course-item .published, .exam-item .course-item a.btn { float: none !important; } } .exam-item .footer a.btn { float: right; } @media (max-width: 767px) { .exam-item .title, .exam-item .filing-date, .exam-item .published, .exam-item a.btn { float: none !important; } } .exam-detail .location { float: right !important; } /* ----------------------------------------- COURSES - /source/scss/cagov/courses.scss ----------------------------------------- */ .course-item { background: #f2f2f2; padding: 0.75rem; margin-bottom: 0.75rem; position: relative; } .course-item::after { display: block; clear: both; content: ""; } .course-item .header { margin-bottom: 0; } .course-item .header::after { display: block; clear: both; content: ""; } .course-item .header .title { float: left; margin-right: 0.75rem; font-size: 1.5rem; font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; font-stretch: condensed; } .course-item .header .filing-date { float: right; } .course-item .header .start-date { float: left; margin-top: 8px; } .course-item .footer { position: relative; clear: both; } .course-item .footer::after { display: block; clear: both; content: ""; } .course-item .footer a.btn { float: right; margin-top: 12px; padding: 1px 5px; font-size: 0.8rem; line-height: 1.5; border-radius: 3px; } @media (max-width: 992px) { .course-item .footer a.btn { float: left; } } .course-item .footer .published { float: left; margin-top: 10px; font-style: italic; } .course-item .thumbnail img { position: absolute; } @media (max-width: 767px) { .course-item .exam-item .title, .course-item .exam-item .filing-date, .course-item .exam-item .start-date, .course-item .exam-item .published, .course-item .exam-item a.btn, .course-item .job-item .title, .course-item .job-item .filing-date, .course-item .job-item .start-date, .course-item .job-item .published, .course-item .job-item a.btn, .course-item .profile-item .title, .course-item .profile-item .filing-date, .course-item .profile-item .start-date, .course-item .profile-item .published, .course-item .profile-item a.btn, .course-item .course-item .title, .course-item .course-item .filing-date, .course-item .course-item .start-date, .course-item .course-item .published, .course-item .course-item a.btn { float: none !important; } } .course-item .thumbnail ~ .header, .course-item .thumbnail ~ .body { margin-left: 5.125rem; } .course-item .datetime { clear: both; } /* ----------------------------------------- FORMS - /source/scss/cagov/forms.scss ----------------------------------------- */ .form-control, .custom-file-label, .custom-select { border-radius: 0; border-color: #ccc; font-size: 1.375rem; } label { font-weight: 600; font-size: 1.125rem; margin-bottom: 0.5rem; } .input-group-text { border-radius: 0; } .input-group-text.is-valid { color: #32852e; border-color: #32852e; background-color: #74cd6f; } .input-group-text.is-invalid { color: #cd402d; border-color: #cd402d; background-color: #f5d5d1; } .custom-file-label:after { color: #fff; border-radius: 0; font-weight: 500; } .custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .required-label { color: #cd402d; } .form-inline-columns .form-group { margin: 0 0.75rem; } .input-group { display: flex; position: relative; width: 100%; } .input-group .form-control { display: flex; flex-direction: column; justify-content: center; -moz-box-flex: 1; -webkit-flex: 1; flex: 1 1 auto; } .input-group-addon { min-width: 38px; background-color: transparent; border: 1px solid; border-color: #ccc; transition: border-color 0.15s ease-in-out 0s; -moz-box-align: center; align-items: center; text-align: center; vertical-align: middle; white-space: nowrap; } .input-group-addon i { margin: 0 auto; } .input-group-addon:first-child { border-right: none; } .input-group-addon:last-child { border-left: none; } .has-error .feedback { color: #c03c2a; } .has-error .input-group-addon { color: #cd402d; border-color: #cd402d; background-color: #f5d5d1; } .has-error .form-control { border-color: #cd402d; } .has-success .feedback { color: #1a4518; } .has-success .input-group-addon { color: #32852e; border-color: #32852e; background-color: #74cd6f; } .has-success .form-control { border-color: #32852e; } .file-attach input[type=file] { cursor: pointer; height: 150%; left: -25%; opacity: 0; position: absolute; top: -25%; width: 150%; z-index: 10; } .form-check-inline { display: inline-block; position: relative; cursor: pointer; } .form-check { position: relative; cursor: pointer; } .check-icon-radio { backface-visibility: hidden; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; font-size: 12px; border: 1px solid; border-radius: 50%; } .check-icon-radio i { border-radius: 50%; height: 10px; width: 10px; display: block; backface-visibility: hidden; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .check-icon-radio i::before { content: attr(data-uncheck-icon); left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .check-icon-checkbox { backface-visibility: hidden; position: absolute; left: 0; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; font-size: 12px; color: #fff; border: 1px solid; } .check-icon-checkbox i { display: block; height: 100%; left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .check-icon-checkbox i::before { content: "N"; left: 50%; top: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } input[type=checkbox]:checked + i, input[type=radio]:checked + i, input[type=checkbox]:checked + * i, input[type=radio]:checked + * i { color: #fff; } .form-select { background-image: url("data:image/svg+xml,"); background-size: 20px 20px; } .select { border: 1px solid #ccc; overflow: hidden; height: 40px; width: 100%; position: relative; display: block; } .select select { height: 40px; border: 0; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 10px; } .select::after { content: "C"; font-family: "CaGov"; border-left: 1px solid #ccc; padding: 8px 0px; position: absolute; right: 0; top: 0; background: #fff; z-index: 3; text-align: center; width: 30px; height: 100%; pointer-events: none; } .form-control::-ms-clear { display: none !important; } input[type=text]::-ms-clear { display: none; } .check { position: relative; cursor: pointer; border: 1px solid #ccc; min-width: 100px; } /* White Color */ input[type=checkbox]:checked + .color-white--checked, input[type=radio]:checked + .color-white--checked, input[type=checkbox]:checked + * .color-white--checked, input[type=radio]:checked + * .color-white--checked { color: #fff !important; } input[type=checkbox]:focus + .btn, input[type=radio]:focus + .btn { outline: solid 2px #2ea3f2 !important; } .custom-checkbox .custom-control-label::before { border-radius: 0; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { border-radius: 0; } .valid-feedback { color: #32852e; } /* Accessibilty focus */ input:focus, textarea:focus, button:focus, select:focus { outline: solid 2px #2ea3f2 !important; } /* bootstrap 4.4.1 adjustments */ .input-group > .form-control { flex: 1 1 0% !important; } .form-group { margin-bottom: 1rem; } .invalid-feedback { font-size: 0.75em; } /* ----------------------------------------- PUBLICATIONS /source/scss/cagov/publications.scss ----------------------------------------- */ .pub-item { margin-bottom: 12px; } .pub-item::after { display: block; clear: both; content: ""; } .pub-item.odd { background: #fafafa; } .pub-item.even { background: #f0f0f0; } .pub-item .thumbnail { float: left; margin-right: 15px; } .pub-item .thumbnail img { display: block; max-width: 100%; height: auto; } .pub-body { padding: 12px 0.75rem !important; } .pub-language, .pub-revision-date, .pub-tags { color: #555555; } /* ----------------------------------------- LOCATION - /source/scss/cagov/location.scss ----------------------------------------- */ .location .contact .title { font-weight: bold; } .location .contact [class^=ca-gov-icon] { font-size: 1.5rem; position: relative; color: #555555; } .location .contact a { position: relative; left: 0px; } .location .summary .title { font-weight: bold; } .location.banner { padding: 0.75rem 0; background: whitesmoke; margin-bottom: 12px; } .location.banner::after { display: block; clear: both; content: ""; } .location.banner .thumbnail { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .location.banner .thumbnail { float: left; width: 33.3333333333%; } } @media (min-width: 992px) { .location.banner .thumbnail { float: left; width: 25%; } } @media (min-width: 1200px) { .location.banner .thumbnail { float: left; width: 16.6666666667%; } } .location.banner .thumbnail img { display: block; max-width: 100%; height: auto; } .location.banner .contact { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; position: relative; } @media (min-width: 768px) { .location.banner .contact { float: left; width: 66.6666666667%; } } @media (min-width: 992px) { .location.banner .contact { float: left; width: 25%; } } @media (min-width: 1200px) { .location.banner .contact { float: left; width: 25%; } } .location.banner .summary { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; } @media (min-width: 768px) { .location.banner .summary { float: left; width: 100%; } } @media (min-width: 992px) { .location.banner .summary { float: left; width: 50%; } } @media (min-width: 1200px) { .location.banner .summary { float: left; width: 58.3333333333%; } } @media (max-width: 991px) { .location.banner .summary { margin-top: 12px; } } .location.contact { margin-bottom: 24px; position: relative; } .location.contact::after { display: block; clear: both; content: ""; } .main-secondary > .location.contact { margin-top: 24px; } .location.contact [class^=ca-gov-icon-] { font-size: 3.5rem; color: #555555; float: left; width: 20%; min-width: 60px; max-width: 60px; position: relative; top: -0.3em; } .location.contact .contact { float: left; width: 70%; } .location.contact .contact a { margin-left: 0; } .location.mini { position: relative; margin-bottom: 24px; } .location.mini::after { display: block; clear: both; content: ""; } .location.mini [class^=ca-gov-icon] { padding: 5px; line-height: 1; font-size: 2rem; position: absolute; } .location.mini .contact { margin-left: 60px; } .location.mini .contact .title { font-weight: normal; } .location.mini .contact a { position: relative; left: 0px; } .location.full .photo { height: 100%; width: 100%; } @media (max-width: 991px) { .location.full .photo { margin-bottom: 12px; } } .location.full .map iframe { width: 100%; border: 0; } .location.full .contact { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; margin-top: 24px; } @media (min-width: 768px) { .location.full .contact { float: left; width: 25%; } } .location.full .contact [class^=ca-gov-icon] { font-size: 2.2rem; position: absolute; } .location.full .contact a { position: relative; left: 40px; } .location.full .summary { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; margin-top: 24px; } @media (min-width: 768px) { .location.full .summary { float: left; width: 75%; } } /* ----------------------------------------- LIGHTBOX GALLERY - /source/scss/cagov/gallery.scss ----------------------------------------- */ .gallery { margin-left: -1rem; margin-right: -1rem; } .gallery::after { display: block; clear: both; content: ""; } .gallery .item { float: left; position: relative; text-align: center; margin-bottom: 24px; padding-bottom: 8px; padding-left: 0.75rem; padding-right: 0.75rem; } @media (max-width: 576px) { .gallery .item { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; } } .gallery a.gallery-item { display: block; position: relative; text-decoration: none; /* Use pseudo selectors to add the background */ /* Transition in the color panel */ /* Use pseudo selectors to add the icon */ /* Transition the icon up */ } .gallery a.gallery-item:before { content: ""; background-color: #fff; opacity: 0; position: absolute; bottom: 0; z-index: 100; height: 100%; width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .gallery a.gallery-item:hover:before { height: 100%; overflow: visible; opacity: 0.7; } .gallery a.gallery-item:after { content: ""; position: absolute; top: 60%; left: 50%; margin-left: -1rem; margin-top: -1.5rem; z-index: 101; font-family: "CaGov"; font-size: 2rem; -webkit-transition: all 0.5s; transition: all 0.5s; } .gallery a.gallery-item:hover:after { content: "\e65e"; font-family: "CaGov"; font-size: 2rem; color: #1b79c0; top: 50%; } .gallery img { display: block; max-width: 100%; height: auto; bottom: 0; display: inline-block; position: relative; max-height: 140px; } .ie8 .gallery img { width: auto !important; } .gallery.three-up .item { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } @media (min-width: 768px) { .gallery.three-up .item { float: left; width: 50%; } } @media (min-width: 992px) { .gallery.three-up .item { float: left; width: 33.3333333333%; } } .gallery.four-up .item { position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } @media (min-width: 768px) { .gallery.four-up .item { float: left; width: 50%; } } @media (min-width: 992px) { .gallery.four-up .item { float: left; width: 25%; } } .gallery.gallery-small .item { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; } @media (min-width: 992px) { .gallery.gallery-small .item { float: left; width: 33.3333333333%; } } .gallery.gallery-small img { width: auto; height: auto; } /* ----------------------------------------- CARDS - /source/scss/cagov/cards.scss ----------------------------------------- */ .card-block { padding: 1rem; } .card-subtitle { margin-top: -0.25rem; margin-bottom: 0; } .card-text:last-child { margin-bottom: 0; } .card-link:hover { text-decoration: none; } .card-link + .card-link { margin-left: 1rem; } .card-header { padding: 1rem 1rem; } .card-header:first-child { border-radius: 0 0 0 0; } .card-footer { padding: 1rem 1rem; } .card-footer:last-child { border-radius: 0 0 0 0; } .card-img-top { border-radius: 0 0 0 0; } .card-img-bottom { border-radius: 0 0 0 0; } /* Old panel styles */ .panel, .card { border-width: 1px; border-style: solid; overflow: hidden; box-shadow: none; margin-bottom: 22px; } .panel .panel-heading::after, .panel .card-heading::after, .panel .card-header::after, .card .panel-heading::after, .card .card-heading::after, .card .card-header::after { display: block; clear: both; content: ""; } .panel .panel-heading h2, .panel .panel-heading .h2, .panel .panel-heading h3, .panel .panel-heading .h3, .panel .panel-heading h4, .panel .panel-heading .h4, .panel .panel-heading h5, .panel .panel-heading .h5, .panel .card-heading h2, .panel .card-heading .h2, .panel .card-heading h3, .panel .card-heading .h3, .panel .card-heading h4, .panel .card-heading .h4, .panel .card-heading h5, .panel .card-heading .h5, .panel .card-header h2, .panel .card-header .h2, .panel .card-header h3, .panel .card-header .h3, .panel .card-header h4, .panel .card-header .h4, .panel .card-header h5, .panel .card-header .h5, .card .panel-heading h2, .card .panel-heading .h2, .card .panel-heading h3, .card .panel-heading .h3, .card .panel-heading h4, .card .panel-heading .h4, .card .panel-heading h5, .card .panel-heading .h5, .card .card-heading h2, .card .card-heading .h2, .card .card-heading h3, .card .card-heading .h3, .card .card-heading h4, .card .card-heading .h4, .card .card-heading h5, .card .card-heading .h5, .card .card-header h2, .card .card-header .h2, .card .card-header h3, .card .card-header .h3, .card .card-header h4, .card .card-header .h4, .card .card-header h5, .card .card-header .h5 { font-family: "Public Sans", sans-serif; font-weight: 500; line-height: 1.5; color: inherit; font-size: 1.25rem; font-weight: normal; border: none; display: inline-block; margin: -8px 0 0 0; } .panel .panel-heading h2 small, .panel .panel-heading .h2 small, .panel .panel-heading h2 .small, .panel .panel-heading .h2 .small, .panel .panel-heading h2 .small, .panel .panel-heading .h2 .small, .panel .panel-heading h3 small, .panel .panel-heading .h3 small, .panel .panel-heading h3 .small, .panel .panel-heading .h3 .small, .panel .panel-heading h3 .small, .panel .panel-heading .h3 .small, .panel .panel-heading h4 small, .panel .panel-heading .h4 small, .panel .panel-heading h4 .small, .panel .panel-heading .h4 .small, .panel .panel-heading h4 .small, .panel .panel-heading .h4 .small, .panel .panel-heading h5 small, .panel .panel-heading .h5 small, .panel .panel-heading h5 .small, .panel .panel-heading .h5 .small, .panel .panel-heading h5 .small, .panel .panel-heading .h5 .small, .panel .card-heading h2 small, .panel .card-heading .h2 small, .panel .card-heading h2 .small, .panel .card-heading .h2 .small, .panel .card-heading h2 .small, .panel .card-heading .h2 .small, .panel .card-heading h3 small, .panel .card-heading .h3 small, .panel .card-heading h3 .small, .panel .card-heading .h3 .small, .panel .card-heading h3 .small, .panel .card-heading .h3 .small, .panel .card-heading h4 small, .panel .card-heading .h4 small, .panel .card-heading h4 .small, .panel .card-heading .h4 .small, .panel .card-heading h4 .small, .panel .card-heading .h4 .small, .panel .card-heading h5 small, .panel .card-heading .h5 small, .panel .card-heading h5 .small, .panel .card-heading .h5 .small, .panel .card-heading h5 .small, .panel .card-heading .h5 .small, .panel .card-header h2 small, .panel .card-header .h2 small, .panel .card-header h2 .small, .panel .card-header .h2 .small, .panel .card-header h2 .small, .panel .card-header .h2 .small, .panel .card-header h3 small, .panel .card-header .h3 small, .panel .card-header h3 .small, .panel .card-header .h3 .small, .panel .card-header h3 .small, .panel .card-header .h3 .small, .panel .card-header h4 small, .panel .card-header .h4 small, .panel .card-header h4 .small, .panel .card-header .h4 .small, .panel .card-header h4 .small, .panel .card-header .h4 .small, .panel .card-header h5 small, .panel .card-header .h5 small, .panel .card-header h5 .small, .panel .card-header .h5 .small, .panel .card-header h5 .small, .panel .card-header .h5 .small, .card .panel-heading h2 small, .card .panel-heading .h2 small, .card .panel-heading h2 .small, .card .panel-heading .h2 .small, .card .panel-heading h2 .small, .card .panel-heading .h2 .small, .card .panel-heading h3 small, .card .panel-heading .h3 small, .card .panel-heading h3 .small, .card .panel-heading .h3 .small, .card .panel-heading h3 .small, .card .panel-heading .h3 .small, .card .panel-heading h4 small, .card .panel-heading .h4 small, .card .panel-heading h4 .small, .card .panel-heading .h4 .small, .card .panel-heading h4 .small, .card .panel-heading .h4 .small, .card .panel-heading h5 small, .card .panel-heading .h5 small, .card .panel-heading h5 .small, .card .panel-heading .h5 .small, .card .panel-heading h5 .small, .card .panel-heading .h5 .small, .card .card-heading h2 small, .card .card-heading .h2 small, .card .card-heading h2 .small, .card .card-heading .h2 .small, .card .card-heading h2 .small, .card .card-heading .h2 .small, .card .card-heading h3 small, .card .card-heading .h3 small, .card .card-heading h3 .small, .card .card-heading .h3 .small, .card .card-heading h3 .small, .card .card-heading .h3 .small, .card .card-heading h4 small, .card .card-heading .h4 small, .card .card-heading h4 .small, .card .card-heading .h4 .small, .card .card-heading h4 .small, .card .card-heading .h4 .small, .card .card-heading h5 small, .card .card-heading .h5 small, .card .card-heading h5 .small, .card .card-heading .h5 .small, .card .card-heading h5 .small, .card .card-heading .h5 .small, .card .card-header h2 small, .card .card-header .h2 small, .card .card-header h2 .small, .card .card-header .h2 .small, .card .card-header h2 .small, .card .card-header .h2 .small, .card .card-header h3 small, .card .card-header .h3 small, .card .card-header h3 .small, .card .card-header .h3 .small, .card .card-header h3 .small, .card .card-header .h3 .small, .card .card-header h4 small, .card .card-header .h4 small, .card .card-header h4 .small, .card .card-header .h4 .small, .card .card-header h4 .small, .card .card-header .h4 .small, .card .card-header h5 small, .card .card-header .h5 small, .card .card-header h5 .small, .card .card-header .h5 .small, .card .card-header h5 .small, .card .card-header .h5 .small { font-weight: normal; line-height: 1; color: #555555; font-size: 75%; } .panel .panel-heading h2 span[class^=ca-gov-icon-], .panel .panel-heading .h2 span[class^=ca-gov-icon-], .panel .panel-heading h3 span[class^=ca-gov-icon-], .panel .panel-heading .h3 span[class^=ca-gov-icon-], .panel .panel-heading h4 span[class^=ca-gov-icon-], .panel .panel-heading .h4 span[class^=ca-gov-icon-], .panel .panel-heading h5 span[class^=ca-gov-icon-], .panel .panel-heading .h5 span[class^=ca-gov-icon-], .panel .card-heading h2 span[class^=ca-gov-icon-], .panel .card-heading .h2 span[class^=ca-gov-icon-], .panel .card-heading h3 span[class^=ca-gov-icon-], .panel .card-heading .h3 span[class^=ca-gov-icon-], .panel .card-heading h4 span[class^=ca-gov-icon-], .panel .card-heading .h4 span[class^=ca-gov-icon-], .panel .card-heading h5 span[class^=ca-gov-icon-], .panel .card-heading .h5 span[class^=ca-gov-icon-], .panel .card-header h2 span[class^=ca-gov-icon-], .panel .card-header .h2 span[class^=ca-gov-icon-], .panel .card-header h3 span[class^=ca-gov-icon-], .panel .card-header .h3 span[class^=ca-gov-icon-], .panel .card-header h4 span[class^=ca-gov-icon-], .panel .card-header .h4 span[class^=ca-gov-icon-], .panel .card-header h5 span[class^=ca-gov-icon-], .panel .card-header .h5 span[class^=ca-gov-icon-], .card .panel-heading h2 span[class^=ca-gov-icon-], .card .panel-heading .h2 span[class^=ca-gov-icon-], .card .panel-heading h3 span[class^=ca-gov-icon-], .card .panel-heading .h3 span[class^=ca-gov-icon-], .card .panel-heading h4 span[class^=ca-gov-icon-], .card .panel-heading .h4 span[class^=ca-gov-icon-], .card .panel-heading h5 span[class^=ca-gov-icon-], .card .panel-heading .h5 span[class^=ca-gov-icon-], .card .card-heading h2 span[class^=ca-gov-icon-], .card .card-heading .h2 span[class^=ca-gov-icon-], .card .card-heading h3 span[class^=ca-gov-icon-], .card .card-heading .h3 span[class^=ca-gov-icon-], .card .card-heading h4 span[class^=ca-gov-icon-], .card .card-heading .h4 span[class^=ca-gov-icon-], .card .card-heading h5 span[class^=ca-gov-icon-], .card .card-heading .h5 span[class^=ca-gov-icon-], .card .card-header h2 span[class^=ca-gov-icon-], .card .card-header .h2 span[class^=ca-gov-icon-], .card .card-header h3 span[class^=ca-gov-icon-], .card .card-header .h3 span[class^=ca-gov-icon-], .card .card-header h4 span[class^=ca-gov-icon-], .card .card-header .h4 span[class^=ca-gov-icon-], .card .card-header h5 span[class^=ca-gov-icon-], .card .card-header .h5 span[class^=ca-gov-icon-] { font-size: 2rem; position: relative; top: 4px; } .panel .panel-heading .options, .panel .card-heading .options, .panel .card-header .options, .card .panel-heading .options, .card .card-heading .options, .card .card-header .options { display: inline-block; float: right; } .panel .panel-heading .options .btn, .panel .card-heading .options .btn, .panel .card-header .options .btn, .card .panel-heading .options .btn, .card .card-heading .options .btn, .card .card-header .options .btn { padding: 5px 10px; font-size: 0.85rem; line-height: 1.5; border-radius: 3px; } .panel.photo-left, .panel.photo-right, .card.photo-left, .card.photo-right { position: relative; } .panel.photo-left .panel-body, .panel.photo-left .card-body, .panel.photo-right .panel-body, .panel.photo-right .card-body, .card.photo-left .panel-body, .card.photo-left .card-body, .card.photo-right .panel-body, .card.photo-right .card-body { position: relative; } .panel.photo-left .panel-body, .panel.photo-left .card-body, .card.photo-left .panel-body, .card.photo-left .card-body { padding-left: 27%; } .panel.photo-left .panel-body .photo, .panel.photo-left .card-body .photo, .card.photo-left .panel-body .photo, .card.photo-left .card-body .photo { left: 0; } .panel.photo-right .panel-body, .panel.photo-right .card-body, .card.photo-right .panel-body, .card.photo-right .card-body { padding-right: 27%; } .panel.photo-right .panel-body .photo, .panel.photo-right .card-body .photo, .card.photo-right .panel-body .photo, .card.photo-right .card-body .photo { right: 0; } .panel .photo, .card .photo { background-position: 50% 50%; background-size: cover; height: 100%; overflow: hidden; position: absolute; top: 0; width: 25%; } @media (max-width: 767px) { .panel .panel-body, .panel .card-body, .card .panel-body, .card .card-body { padding: 0.75rem !important; } .panel .photo, .card .photo { background-image: none !important; } } .panel-body h1 span[class^=ca-gov-icon-], .panel-body .h1 span[class^=ca-gov-icon-], .card-body h1 span[class^=ca-gov-icon-], .card-body .h1 span[class^=ca-gov-icon-] { margin-left: 0 !important; } .main-secondary .panel, .main-secondary .card { background: none; box-shadow: none; border-radius: 0; } .main-secondary .panel .panel-heading, .main-secondary .panel .card-heading, .main-secondary .card .panel-heading, .main-secondary .card .card-heading { border-radius: 0; padding: 0; } .main-secondary .panel .panel-heading h2, .main-secondary .panel .panel-heading .h2, .main-secondary .panel .panel-heading h3, .main-secondary .panel .panel-heading .h3, .main-secondary .panel .panel-heading h4, .main-secondary .panel .panel-heading .h4, .main-secondary .panel .panel-heading h5, .main-secondary .panel .panel-heading .h5, .main-secondary .panel .card-heading h2, .main-secondary .panel .card-heading .h2, .main-secondary .panel .card-heading h3, .main-secondary .panel .card-heading .h3, .main-secondary .panel .card-heading h4, .main-secondary .panel .card-heading .h4, .main-secondary .panel .card-heading h5, .main-secondary .panel .card-heading .h5, .main-secondary .card .panel-heading h2, .main-secondary .card .panel-heading .h2, .main-secondary .card .panel-heading h3, .main-secondary .card .panel-heading .h3, .main-secondary .card .panel-heading h4, .main-secondary .card .panel-heading .h4, .main-secondary .card .panel-heading h5, .main-secondary .card .panel-heading .h5, .main-secondary .card .card-heading h2, .main-secondary .card .card-heading .h2, .main-secondary .card .card-heading h3, .main-secondary .card .card-heading .h3, .main-secondary .card .card-heading h4, .main-secondary .card .card-heading .h4, .main-secondary .card .card-heading h5, .main-secondary .card .card-heading .h5 { margin: 0; display: block; text-align: center; padding: 10px 15px 10px 40px; position: relative; } .main-secondary .panel .panel-heading h2 span[class^=ca-gov-icon-], .main-secondary .panel .panel-heading .h2 span[class^=ca-gov-icon-], .main-secondary .panel .panel-heading h3 span[class^=ca-gov-icon-], .main-secondary .panel .panel-heading .h3 span[class^=ca-gov-icon-], .main-secondary .panel .panel-heading h4 span[class^=ca-gov-icon-], .main-secondary .panel .panel-heading .h4 span[class^=ca-gov-icon-], .main-secondary .panel .panel-heading h5 span[class^=ca-gov-icon-], .main-secondary .panel .panel-heading .h5 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading h2 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading .h2 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading h3 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading .h3 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading h4 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading .h4 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading h5 span[class^=ca-gov-icon-], .main-secondary .panel .card-heading .h5 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading h2 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading .h2 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading h3 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading .h3 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading h4 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading .h4 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading h5 span[class^=ca-gov-icon-], .main-secondary .card .panel-heading .h5 span[class^=ca-gov-icon-], .main-secondary .card .card-heading h2 span[class^=ca-gov-icon-], .main-secondary .card .card-heading .h2 span[class^=ca-gov-icon-], .main-secondary .card .card-heading h3 span[class^=ca-gov-icon-], .main-secondary .card .card-heading .h3 span[class^=ca-gov-icon-], .main-secondary .card .card-heading h4 span[class^=ca-gov-icon-], .main-secondary .card .card-heading .h4 span[class^=ca-gov-icon-], .main-secondary .card .card-heading h5 span[class^=ca-gov-icon-], .main-secondary .card .card-heading .h5 span[class^=ca-gov-icon-] { font-size: 1.8rem; position: absolute; left: 10px; } .main-secondary .panel .panel-body, .main-secondary .panel .card-body, .main-secondary .card .panel-body, .main-secondary .card .card-body { background: transparent; } /* NOTE: although any panel could have a triangle, at this time, only .panel-standout has css and an image */ .panel.highlight .panel-heading, .panel.highlight .card-heading, .card.highlight .panel-heading, .card.highlight .card-heading { position: relative; } .panel.highlight .panel-heading .triangle, .panel.highlight .card-heading .triangle, .card.highlight .panel-heading .triangle, .card.highlight .card-heading .triangle { position: absolute; bottom: -16px; height: 12px; left: 50%; margin-left: -12px; width: 24px; } .panel-group .panel + .panel, .card-group .card + .card { margin-top: 24px; } .panel-heading, .card-heading { padding: 10px 1rem; } .panel-body, .card-body { padding: 1rem; } /* DEFAULT CARD */ .card { position: relative; display: block; margin-bottom: 1rem; background-color: #fff; border: none; border-radius: 0; } .card .card-body { padding: 1.5rem; } .card .card-body p { margin-bottom: 0; } .card .btn-block { margin-top: 5px; } .card .toggle-more { display: inline-block; color: #777777; font-family: "CaGov"; font-size: 22px; margin-left: -11px; /* Change icon to minus */ } .card .toggle-more:before { content: "\e050"; } .card .toggle-more.active:before { content: "\e04f"; } .card-title { margin-bottom: 1rem; margin-top: 0; font-size: 1.4375rem; } .card-title a { text-decoration: none !important; } /* ----------------------------------------- HERO INFO - /source/scss/cagov/hero-info.scss ----------------------------------------- */ @media (min-width: 768px) { .p-y-200--md { padding-top: 14.28571rem !important; padding-bottom: 14.28571rem !important; } } .display { font-weight: 300; } .modal-title { margin: 0; } /* ----------------------------------------- ICON BLOCKS - /source/scss/cagov/icon-blocks.scss ----------------------------------------- */ .shadow2 { box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09); transition-property: all; transition-timing-function: ease; transition-delay: 0s; transition-duration: 0.3s; border: 1px solid #f9f9f9; background-color: rgba(255, 255, 255, 0.2); } .shadow2-hover:hover, .shadow2-hover:focus { box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.09); border: 1px solid #f9f9f9; background-color: rgba(255, 255, 255, 0.2); } .bg-blue-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #1b79c0, #046b99); } .icon-block { position: relative; display: inline-block; text-align: center; transition: all 0.2s ease-in-out; color: #fff; -webkit-transform: translateY(-51%); -ms-transform: translateY(-51%); transform: translateY(-51%); font-size: 1.57143rem; height: 3.92857rem; width: 3.92857rem; } .icon-block:hover { text-decoration: none; } .icon-block::before { display: block; } .icon-block > i, .icon-block span > i { position: relative; top: 50%; display: block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .image-icon { width: 7.14286rem; } /* 5 Columns Evenly Spaced */ .fifth { padding-right: 10px; padding-left: 10px; position: relative; min-height: 1px; } @media (min-width: 768px) { .fifth { width: 20%; float: left; } } @media (min-width: 992px) { .fifth { width: 20%; float: left; } } @media (min-width: 1200px) { .fifth { width: 20%; float: left; } } .section-transparent { opacity: 0.9; } .circle-icon { background: #222222; width: 7rem; height: 7rem; text-align: center; line-height: 7rem; padding: 1.5rem; border-radius: 50%; font-size: 3.5rem; text-decoration: none; } .block-icon { display: block; margin-bottom: 0.7rem; margin-top: 1.5rem; } .icon-link { text-decoration: none !important; font-size: 1.25rem; transition: all ease 0.3s; color: #fff !important; } .icon-link:hover, .icon-link:focus { color: #eef8fb !important; } /* ----------------------------------------- JOBS - /source/scss/cagov/jobs.scss ----------------------------------------- */ .job-detail .sub-header { margin-bottom: 24px; } .job-item { background: #f2f2f2; padding: 0.75rem; margin-bottom: 0.75rem; position: relative; } .job-item::after { display: block; clear: both; content: ""; } .job-item .header { margin-bottom: 0; } .job-item .header::after { display: block; clear: both; content: ""; } .job-item .header .title { float: left; margin-right: 0.75rem; font-size: 1.5rem; font-family: "Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif; font-stretch: condensed; } .job-item .header .filing-date { float: right; } .job-item .header .start-date { float: left; margin-top: 8px; } .job-item .footer { position: relative; clear: both; } .job-item .footer::after { display: block; clear: both; content: ""; } .job-item .footer a.btn { float: right; margin-top: 12px; padding: 1px 5px; font-size: 0.8rem; line-height: 1.5; border-radius: 3px; } @media (max-width: 992px) { .job-item .footer a.btn { float: left; } } .job-item .footer .published { float: left; margin-top: 10px; font-style: italic; } .job-item .thumbnail img { position: absolute; } @media (max-width: 767px) { .job-item .exam-item .title, .job-item .exam-item .filing-date, .job-item .exam-item .start-date, .job-item .exam-item .published, .job-item .exam-item a.btn, .job-item .job-item .title, .job-item .job-item .filing-date, .job-item .job-item .start-date, .job-item .job-item .published, .job-item .job-item a.btn, .job-item .profile-item .title, .job-item .profile-item .filing-date, .job-item .profile-item .start-date, .job-item .profile-item .published, .job-item .profile-item a.btn, .job-item .course-item .title, .job-item .course-item .filing-date, .job-item .course-item .start-date, .job-item .course-item .published, .job-item .course-item a.btn { float: none !important; } } /* ----------------------------------------- TABLES - /source/scss/cagov/tables.scss ----------------------------------------- */ /* Adding the explicit classes below so that they are available in Rich Text Editor */ table.table { border-spacing: 0; } table.editor-table-default { width: 100%; max-width: 100%; margin-bottom: 24px; } table.editor-table-default > thead > tr > th, table.editor-table-default > thead > tr > td, table.editor-table-default > tbody > tr > th, table.editor-table-default > tbody > tr > td, table.editor-table-default > tfoot > tr > th, table.editor-table-default > tfoot > tr > td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid var(--bs-border-color); } table.editor-table-default > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid var(--bs-border-color); } table.editor-table-default > caption + thead > tr:first-child > th, table.editor-table-default > caption + thead > tr:first-child > td, table.editor-table-default > colgroup + thead > tr:first-child > th, table.editor-table-default > colgroup + thead > tr:first-child > td, table.editor-table-default > thead:first-child > tr:first-child > th, table.editor-table-default > thead:first-child > tr:first-child > td { border-top: 0; } table.editor-table-default > tbody + tbody { border-top: 2px solid var(--bs-border-color); } table.editor-table-default .table { background-color: #fff; } table.editor-table-default.table-default { border: none; } table.editor-table-default.table-default > thead > tr > th, table.editor-table-default.table-default > thead > tr > td, table.editor-table-default.table-default > tbody > tr > th, table.editor-table-default.table-default > tbody > tr > td, table.editor-table-default.table-default > tfoot > tr > th, table.editor-table-default.table-default > tfoot > tr > td { background: #f2f2f2; border: 2px solid #fff; } table.editor-table-default.table-default > thead > tr > th, table.editor-table-default.table-default > thead > tr > td { background: #d9d9d9; border: 2px solid #fff; } table.editor-table-default > tbody > tr > th, table.editor-table-default > tbody > tr > td, table.editor-table-default > tfoot > tr > th, table.editor-table-default > tfoot > tr > td { background: #f2f2f2; border: 2px solid #fff; } table.editor-table-default > thead > tr > th, table.editor-table-default > thead > tr > td { background: #d9d9d9; border: 2px solid #fff; } table.editor-table-striped { width: 100%; max-width: 100%; margin-bottom: 24px; } table.editor-table-striped > thead > tr > th, table.editor-table-striped > thead > tr > td, table.editor-table-striped > tbody > tr > th, table.editor-table-striped > tbody > tr > td, table.editor-table-striped > tfoot > tr > th, table.editor-table-striped > tfoot > tr > td { padding: 0.75rem; line-height: 1.5; vertical-align: top; border-top: 1px solid var(--bs-border-color); } table.editor-table-striped > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid var(--bs-border-color); } table.editor-table-striped > caption + thead > tr:first-child > th, table.editor-table-striped > caption + thead > tr:first-child > td, table.editor-table-striped > colgroup + thead > tr:first-child > th, table.editor-table-striped > colgroup + thead > tr:first-child > td, table.editor-table-striped > thead:first-child > tr:first-child > th, table.editor-table-striped > thead:first-child > tr:first-child > td { border-top: 0; } table.editor-table-striped > tbody + tbody { border-top: 2px solid var(--bs-border-color); } table.editor-table-striped .table { background-color: #fff; } table.editor-table-striped.table-default { border: none; } table.editor-table-striped.table-default { border: none; } table.editor-table-striped.table-default > thead > tr > th, table.editor-table-striped.table-default > thead > tr > td, table.editor-table-striped.table-default > tbody > tr > th, table.editor-table-striped.table-default > tbody > tr > td, table.editor-table-striped.table-default > tfoot > tr > th, table.editor-table-striped.table-default > tfoot > tr > td { background: #f2f2f2; border: 2px solid #fff; } table.editor-table-striped.table-default > thead > tr > th, table.editor-table-striped.table-default > thead > tr > td { background: #d9d9d9; border: 2px solid #fff; } table.editor-table-striped > tbody > tr:nth-child(odd) > th, table.editor-table-striped > tbody > tr:nth-child(odd) > td { background-color: #f9f9f9; } /* End Rich Text Editor */ .table { color: #3b3a48; } .table.table-default { border: none; } .table.table-default > thead > tr > th, .table.table-default > thead > tr > td, .table.table-default > tbody > tr > th, .table.table-default > tbody > tr > td, .table.table-default > tfoot > tr > th, .table.table-default > tfoot > tr > td { background: #f3f3f4; border: 2px solid #fff; } .table.table-default > thead > tr > th, .table.table-default > thead > tr > td { background: #d9d9d9; border: 2px solid #fff; } .table-striped > tbody > tr:nth-of-type(2n + 1) > * { color: #3b3a48; } /* ----------------------------------------- LIST STYLES /source/scss/cagov/lists.scss ----------------------------------------- */ [class^=list-] { list-style-type: none; margin: 12px 0; padding: 0; } /* Adding the explicit classes below so that they are available in Rich Text Editor */ ul.list-overstated { padding: 0; } ul.list-overstated a { font-weight: bold; } .list-overstated li, .list-understated li { list-style: none; position: relative; padding: 0 0 14px 18px; /* Rotates disc arrow down when used with accordion */ } .list-overstated li::before, .list-understated li::before { content: "\e66a"; font-family: "CaGov"; background: none !important; position: absolute; font-size: 0.7em; top: 3px; left: 0; } .list-overstated li.open::before, .list-understated li.open::before { content: "\e66b"; font-family: "CaGov"; background: none !important; position: absolute; font-size: 0.7em; top: 3px; left: 0; } .list-standout { padding: 0; padding-left: 1.5em; margin: 12px 0 10px 0; line-height: 1.5; } .list-standout ul li:before { content: none; } .list-standout ul.list-standout li:before { content: "5"; } .list-standout li { padding-left: 1.5em; margin: 10px 0 10px 0; } .list-standout li:before { content: "5"; font-family: "CaGov"; width: 1.5em; margin-left: -1.5em; vertical-align: sub; font-size: 1.5em; font-weight: 900; display: inline-block; } .list-standout li.open:before { content: "3"; } .list-primary { padding: 0; padding-left: 0.2em; } .list-primary li { padding-left: 1.5em; } .list-primary li:before { content: "K"; font-family: "CaGov"; width: 1.5em; margin-left: -1.5em; vertical-align: 0.1em; font-size: 0.7em; display: inline-block; color: #046b99; } .list-primary li.open:before { content: "O"; } .accordion-list a { cursor: pointer; } .list-divided { height: 350px; overflow-y: auto; } .list-divided li { border-top: 1px solid #d6d6d6; padding-top: 10px; padding-bottom: 10px; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .list-inline .list-inline-item { display: inline-block; } .list-inline .list-inline-item:not(:last-child) { margin-right: 5px; } /* Removes image bullets from nested lists */ .list-overstated ul li, .list-overstated ol li, .list-understated ul li, .list-understated ol li, .list-standout ul li, .list-standout ol li { background: none; padding-left: 0; } /* ----------------------------------------- TESTIMONIALS /source/scss/cagov/testimonials.scss ----------------------------------------- */ .testimonial { padding: 1.5rem; border: none; } .testimonial { margin-top: 15px; } .testimonial:first-child { margin-top: 0; } .testimonial .thumbnail-img { display: block; } .testimonial .testimonial-body { transform: scale(1); transform-origin: 0 0; overflow: hidden; } .testimonial .thumbnail-right, .testimonial .testimonial > .float-right { display: table-cell; padding-left: 10px; } .testimonial .thumbnail-left, .testimonial .testimonial > .float-left { display: table-cell; padding-right: 10px; } .testimonial .thumbnail-left, .testimonial .img-right, .testimonial .testimonial-body { display: table-cell; vertical-align: top; } .testimonial .thumbnail-top { text-align: center; } .testimonial .thumbnail-top .thumbnail-img { display: inherit; margin-bottom: 24px; } .testimonial .thumbnail-middle { vertical-align: middle; } .testimonial .thumbnail-bottom { vertical-align: bottom; } .testimonial .testimonial-heading { margin-top: 0; margin-bottom: 5px; } /* ----------------------------------------- BLOCKQUOTE /source/scss/cagov/blockquote.scss ----------------------------------------- */ blockquote { font-size: 1.125rem; padding: 11px 22px; margin: 0 0 22px; border-left: 4px solid #d6d6d6; } @media (min-width: 576px) { blockquote { font-size: calc(1.125rem + 0.1vw); } } blockquote::before { content: "\ea29"; font-family: "CaGov"; font-size: 3rem; line-height: 2rem; } blockquote footer { display: block; font-size: 80%; color: #555555; font-weight: 700; margin-top: 1rem; } blockquote footer::before { content: "— "; } blockquote.no-quotation-mark::before { display: none; } blockquote.pull-quote, blockquote.prominent { text-align: center; border-left: none; } blockquote.pull-quote p, blockquote.prominent p { text-align: left; } blockquote.pull-quote footer, blockquote.prominent footer { text-align: left; } blockquote.prominent { border-radius: 1rem; padding: 2rem; } blockquote.blockquote-reverse { padding-right: 15px; padding-left: 0; border-right: 5px solid #d6d6d6; border-left: 0; text-align: right; } blockquote.blockquote-reverse footer:before, blockquote.blockquote-reverse small:before, blockquote.blockquote-reverse .small:before { content: ""; } blockquote.blockquote-reverse footer:after, blockquote.blockquote-reverse small:after, blockquote.blockquote-reverse .small:after { content: " —"; } /* ----------------------------------------- BUTTONS /source/scss/cagov/button.scss ----------------------------------------- */ /* NOTE: This might make more sence later to be moved to the color schemes */ .btn-primary { color: #fff; background-color: #046b99; border-color: #046b99; font-weight: 600; } .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-primary { color: #fff; background-color: #035376; border-color: #035376; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-primary:focus { outline: solid 2px #2ea3f2 !important; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #046b99 !important; border-color: #046b99; } .btn-primary .badge { color: #046b99; background-color: #fff; } .btn-outline-primary { color: #046b99; background-color: #fff; border-color: #046b99; font-weight: 600; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-primary { color: #035376; background-color: #fff; border-color: #035376; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-primary:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-primary { background-image: none; } .btn-outline-primary.disabled, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active, .btn-outline-primary.disabled.active, .btn-outline-primary[disabled], .btn-outline-primary[disabled]:hover, .btn-outline-primary[disabled]:focus, .btn-outline-primary[disabled]:active, .btn-outline-primary[disabled].active, fieldset[disabled] .btn-outline-primary, fieldset[disabled] .btn-outline-primary:hover, fieldset[disabled] .btn-outline-primary:focus, fieldset[disabled] .btn-outline-primary:active, fieldset[disabled] .btn-outline-primary.active { background-color: #fff !important; border-color: #046b99; } .btn-outline-primary .badge { color: #fff; background-color: #046b99; } .btn-default { color: #000; background-color: rgba(255, 255, 255, 0.65); border-color: #000; font-weight: 600; } .btn-default:hover, .btn-default:focus, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .btn-default { color: #000; background-color: rgb(255, 255, 255); border-color: #000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-default:focus { outline: solid 2px #2ea3f2 !important; } .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-default { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: rgba(255, 255, 255, 0.65) !important; border-color: #000; } .btn-default .badge { color: rgba(255, 255, 255, 0.65); background-color: #000; } .btn-standout { color: #fff; background-color: #323a45; border-color: #323a45; font-weight: 600; } .btn-standout:hover, .btn-standout:focus, .btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active, .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-standout { color: #fff; background-color: #232930; border-color: #232930; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-standout:focus { outline: solid 2px #2ea3f2 !important; } .btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-standout { background-image: none; } .btn-standout.disabled, .btn-standout.disabled:hover, .btn-standout.disabled:focus, .btn-standout.disabled:active, .btn-standout.disabled.active, .btn-standout[disabled], .btn-standout[disabled]:hover, .btn-standout[disabled]:focus, .btn-standout[disabled]:active, .btn-standout[disabled].active, fieldset[disabled] .btn-standout, fieldset[disabled] .btn-standout:hover, fieldset[disabled] .btn-standout:focus, fieldset[disabled] .btn-standout:active, fieldset[disabled] .btn-standout.active { background-color: #323a45 !important; border-color: #323a45; } .btn-standout .badge { color: #323a45; background-color: #fff; } .btn-outline-standout { color: #323a45; background-color: #fff; border-color: #323a45; font-weight: 600; } .btn-outline-standout:hover, .btn-outline-standout:focus, .btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active, .btn-outline-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-standout { color: #232930; background-color: #fff; border-color: #232930; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-standout:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-standout { background-image: none; } .btn-outline-standout.disabled, .btn-outline-standout.disabled:hover, .btn-outline-standout.disabled:focus, .btn-outline-standout.disabled:active, .btn-outline-standout.disabled.active, .btn-outline-standout[disabled], .btn-outline-standout[disabled]:hover, .btn-outline-standout[disabled]:focus, .btn-outline-standout[disabled]:active, .btn-outline-standout[disabled].active, fieldset[disabled] .btn-outline-standout, fieldset[disabled] .btn-outline-standout:hover, fieldset[disabled] .btn-outline-standout:focus, fieldset[disabled] .btn-outline-standout:active, fieldset[disabled] .btn-outline-standout.active { background-color: #fff !important; border-color: #323a45; } .btn-outline-standout .badge { color: #fff; background-color: #323a45; } .btn-highlight { color: #3b3a48; background-color: #fdb81e; border-color: #fdb81e; font-weight: 600; } .btn-highlight:hover, .btn-highlight:focus, .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active, .btn-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-highlight { color: #323a45; background-color: #f5aa02; border-color: #f5aa02; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-highlight:focus { outline: solid 2px #2ea3f2 !important; } .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-highlight { background-image: none; } .btn-highlight.disabled, .btn-highlight.disabled:hover, .btn-highlight.disabled:focus, .btn-highlight.disabled:active, .btn-highlight.disabled.active, .btn-highlight[disabled], .btn-highlight[disabled]:hover, .btn-highlight[disabled]:focus, .btn-highlight[disabled]:active, .btn-highlight[disabled].active, fieldset[disabled] .btn-highlight, fieldset[disabled] .btn-highlight:hover, fieldset[disabled] .btn-highlight:focus, fieldset[disabled] .btn-highlight:active, fieldset[disabled] .btn-highlight.active { background-color: #fdb81e !important; border-color: #fdb81e; } .btn-highlight .badge { color: #fdb81e; background-color: #3b3a48; } .btn-outline-highlight { color: #fdc341; background-color: transparent; border-color: #fdc341; font-weight: 600; } .btn-outline-highlight:hover, .btn-outline-highlight:focus, .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active, .btn-outline-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-highlight { color: #fece65; background-color: transparent; border-color: #fece65; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-highlight:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-highlight { background-image: none; } .btn-outline-highlight.disabled, .btn-outline-highlight.disabled:hover, .btn-outline-highlight.disabled:focus, .btn-outline-highlight.disabled:active, .btn-outline-highlight.disabled.active, .btn-outline-highlight[disabled], .btn-outline-highlight[disabled]:hover, .btn-outline-highlight[disabled]:focus, .btn-outline-highlight[disabled]:active, .btn-outline-highlight[disabled].active, fieldset[disabled] .btn-outline-highlight, fieldset[disabled] .btn-outline-highlight:hover, fieldset[disabled] .btn-outline-highlight:focus, fieldset[disabled] .btn-outline-highlight:active, fieldset[disabled] .btn-outline-highlight.active { background-color: transparent !important; border-color: #fdc341; } .btn-outline-highlight .badge { color: transparent; background-color: #fdc341; } .btn-secondary { color: #555555; background-color: whitesmoke; border-color: #555555; font-weight: 600; border-width: 1px; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-secondary { color: #02374e; background-color: #fff; border-color: #000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-secondary:focus { outline: solid 2px #2ea3f2 !important; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-secondary { background-image: none; } .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active { background-color: whitesmoke !important; border-color: #555555; } .btn-secondary .badge { color: whitesmoke; background-color: #555555; } .btn-secondary.active { background: #555555; color: #fff; box-shadow: none; } .btn-outline-secondary { color: #555555; background-color: #fff; border-color: #555555; font-weight: 600; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-secondary { color: #444444; background-color: #fff; border-color: #444444; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-secondary:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-secondary { background-image: none; } .btn-outline-secondary.disabled, .btn-outline-secondary.disabled:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:active, .btn-outline-secondary.disabled.active, .btn-outline-secondary[disabled], .btn-outline-secondary[disabled]:hover, .btn-outline-secondary[disabled]:focus, .btn-outline-secondary[disabled]:active, .btn-outline-secondary[disabled].active, fieldset[disabled] .btn-outline-secondary, fieldset[disabled] .btn-outline-secondary:hover, fieldset[disabled] .btn-outline-secondary:focus, fieldset[disabled] .btn-outline-secondary:active, fieldset[disabled] .btn-outline-secondary.active { background-color: #fff !important; border-color: #555555; } .btn-outline-secondary .badge { color: #fff; background-color: #555555; } .btn-light { color: #5e5e6a; background-color: #fff; border-color: #fff; font-weight: 600; } .btn-light:hover, .btn-light:focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-light { color: #000; background-color: #ededef; border-color: #ededef; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-light:focus { outline: solid 2px #2ea3f2 !important; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-light { background-image: none; } .btn-light.disabled, .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled:active, .btn-light.disabled.active, .btn-light[disabled], .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled]:active, .btn-light[disabled].active, fieldset[disabled] .btn-light, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light:active, fieldset[disabled] .btn-light.active { background-color: #fff !important; border-color: #fff; } .btn-light .badge { color: #fff; background-color: #5e5e6a; } .btn-outline-light { color: #fff; background-color: transparent; border-color: #fff; font-weight: 600; } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-light { color: #ededef; background-color: transparent; border-color: #ededef; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-light:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-light { background-image: none; } .btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active, fieldset[disabled] .btn-outline-light, fieldset[disabled] .btn-outline-light:hover, fieldset[disabled] .btn-outline-light:focus, fieldset[disabled] .btn-outline-light:active, fieldset[disabled] .btn-outline-light.active { background-color: transparent !important; border-color: #fff; } .btn-outline-light .badge { color: transparent; background-color: #fff; } .btn-more { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 1rem; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; width: 100%; background-color: #fff; background: rgba(255, 255, 255, 0.7); font-size: 1.25rem; } .btn-more:focus, .btn-more.focus, .btn-more:active:focus, .btn-more:active.focus, .btn-more.active:focus, .btn-more.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-more:hover, .btn-more:focus, .btn-more.focus { color: #333; text-decoration: none; } .btn-more:active, .btn-more.active { outline: 0; background-image: none; } .btn-more.disabled, .btn-more[disabled], fieldset[disabled] .btn-more { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); } .btn-more .more-title { display: block; } .btn-more .more-icon { font-size: 1.5rem; } .btn-more:focus { outline: #2ea3f2 solid 2px; } .btn-more.inverse { background-color: #000; color: #fff; } .btn-more.inverse:hover, .btn-more.inverse:focus { color: #fdb81e; } @media (max-width: 767px) { [role=group].btn-group { margin-top: 10px; display: table; width: 100%; table-layout: fixed; border-collapse: separate; } [role=group].btn-group > .btn, [role=group].btn-group > .btn-group { float: none; display: table-cell; width: 1%; } [role=group].btn-group > .btn-group .btn { width: 100%; } [role=group].btn-group > .btn-group .dropdown-menu { left: auto; } } @media (max-width: 767px) { .btn-block-xs { display: block !important; width: 100% !important; margin-bottom: 1rem !important; } } @media (max-width: 991px) { .btn-block-sm { display: block !important; width: 100% !important; margin-bottom: 1rem !important; } } .btn-row .btn { margin-right: 0.5rem !important; margin-bottom: 0.5rem !important; } @media (max-width: 767px) { .btn-row .btn { margin-bottom: 0.5rem !important; } } .btn-xs { padding: 0.17rem 0.35rem; font-size: 0.85rem; } /* btn-hover */ .btn-hover { -webkit-transition: color 300ms; transition: color 300ms; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .btn-hover::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition: 300ms ease-out; transition: 300ms ease-out; } .btn-hover:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); } .btn-light.btn-hover:hover { background-color: #fff; overflow: hidden; } .btn-light.btn-hover::before { background: whitesmoke; overflow: hidden; } .btn-light.btn-hover:hover:before { overflow: hidden; } .btn-default.btn-hover:hover { background-color: #fff; overflow: hidden; } .btn-default.btn-hover:before { background: whitesmoke; overflow: hidden; } .btn-primary.btn-hover:hover { background-color: #046b99; overflow: hidden; } .btn-primary.btn-hover:before { background: #035376; overflow: hidden; } .btn-highlight.btn-hover:hover { background-color: #fdb81e; overflow: hidden; } .btn-highlight.btn-hover:before { background: #fdc341; overflow: hidden; } .btn-standout.btn-hover:hover { background-color: #323a45; overflow: hidden; } .btn-standout.btn-hover:before { background: #414b5a; overflow: hidden; } .btn-secondary.btn-hover:hover { background-color: whitesmoke; overflow: hidden; } .btn-secondary.btn-hover:before { background: #fff; overflow: hidden; } .btn-outline-primary.btn-hover:hover { background: inherit; overflow: hidden; } .btn-outline-primary.btn-hover:before { background: #fafafa; overflow: hidden; } .btn-outline-standout.btn-hover:hover { background: inherit; overflow: hidden; } .btn-outline-standout.btn-hover:before { background: #fafafa; overflow: hidden; } .btn-outline-secondary.btn-hover:hover { background: inherit; overflow: hidden; } .btn-outline-secondary.btn-hover:before { background: #fafafa; overflow: hidden; } .btn-outline-highlight.btn-hover:hover { background: inherit; overflow: hidden; } .btn-outline-highlight.btn-hover:before { background: rgba(0, 0, 0, 0.2); overflow: hidden; } .btn-outline-light.btn-hover:hover { background: inherit; overflow: hidden; } .btn-outline-light.btn-hover:before { background: rgba(0, 0, 0, 0.2); overflow: hidden; } /* btn-next, prev */ .btn-next span, .btn-prev span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .btn-next span:after { content: "9"; font-family: "CaGov"; position: absolute; opacity: 0; top: 0; right: -10px; transition: 0.5s; } .btn-next:hover span { padding-right: 25px; } .btn-next:hover span::after { opacity: 1; right: 0; } .btn-prev span:before { content: "8"; font-family: "CaGov"; position: absolute; opacity: 0; top: 0; left: -10px; transition: 0.5s; } .btn-prev:hover span { padding-left: 25px; } .btn-prev:hover span::before { opacity: 1; left: 0; } .btn-block { white-space: normal; } /* ----------------------------------------- SERVICE PROFILE PAGE CONTENT PAGE /source/scss/cagov/service-profile.scss ----------------------------------------- */ .service-icon { font-size: 15rem; text-align: center; color: rgba(255, 255, 255, 0.8); } .service-icon-thumbnail { font-size: 5rem; text-align: center; } /* ----------------------------------------- SERVICE TILES /source/scss/cagov/service-group.scss ----------------------------------------- */ .more-button { position: relative; overflow: hidden; } .more-button .more-content { position: absolute; overflow: hidden; width: 100%; } .more-button .btn-more { position: relative; } .service-tile-panel { /*Selectivly show when requested by user*/ visibility: hidden; position: absolute; } .service-tile-panel .btn.close { position: relative; z-index: 1; font-size: 3.5rem; } /* ----------------------------------------- SERVICE TILE WHEN EXPANDED ----------------------------------------- */ .service-tile-full { clear: both; width: 100%; background: whitesmoke; height: auto; } .service-tile-full.is-open .service-tile-panel { visibility: visible; position: relative; } /* ----------------------------------------- SERVICE TILE ----------------------------------------- */ .service-tile { position: relative; float: unset; width: 100%; min-height: 1px; padding-left: 1rem; padding-right: 1rem; /* Need to keep the two column longer than bootstrap has .make-*-column for */ position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; float: unset; width: 100%; position: relative; min-height: 1px; padding-left: 1rem; padding-right: 1rem; width: 100%; float: unset; position: relative; padding: 0; margin: 0; cursor: pointer; text-align: center; outline: none; min-height: 240px; color: #eef8fb; background: #046b99; background-position: center; background-repeat: no-repeat; background-size: cover; } .service-tile:focus { outline: solid 2px #2ea3f2 !important; } @media (min-width: 450px) { .service-tile { width: 50%; } } @media (min-width: 768px) { .service-tile { float: left; width: 50%; } } @media (min-width: 992px) { .service-tile { float: left; width: 25%; } } @media (min-width: 768px) { .service-tile { min-height: 280px; } } @media (min-width: 992px) { .service-tile { min-height: 240px; } } @media (min-width: 1200px) { .service-tile { min-height: 320px; } } .service-tile .icon-fallback { min-width: 100%; line-height: 1; position: absolute; bottom: 0; left: 0; vertical-align: middle; display: inline-block; height: 100%; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } .service-tile .teaser { position: absolute; bottom: 0; left: 0; width: 100%; background: #12151a; opacity: 1; color: #fff; padding: 10px 0; } .service-tile .teaser .title { margin: 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; } .service-tile .teaser .title:hover { color: #fdb81e; } .service-tile:focus .teaser .title { color: #fdb81e; } .title:after { margin-top: 0.5rem !important; font-family: "CaGov"; display: block; font-weight: normal; } [data-state=closed].service-tile .title:after, [data-state=info].service-tile .title:after { content: "\e050"; } [data-state=open].service-tile .title:after { content: "\e04f"; } [data-state=open].service-tile:after { content: ""; display: block; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid rgba(18, 21, 26, 0.9); position: absolute; left: 50%; margin-left: -15px; bottom: -15px; z-index: 5; } div[data-state=open] .title { color: #fdb81e; } .service-tile-empty { background: #323a45; color: #455060; overflow: hidden; width: 100%; /* Need to keep the two column longer than bootstrap has .make-*-column for */ } .service-tile-empty span { font-size: 17em; line-height: 1; } .service-tile-empty .title:after { content: "\e65d" !important; } .service-tile-empty.half, .service-tile-empty.quarter, .service-tile-empty.third { width: 100%; } @media (min-width: 450px) { .service-tile-empty.full { width: 100%; } .service-tile-empty.third { width: 50%; } .service-tile-empty.half { width: 100%; } .service-tile-empty.quarter { width: 50%; } } @media (min-width: 992px) { .service-tile-empty.full { width: 100%; } .service-tile-empty.third { width: 75%; } .service-tile-empty.half { width: 50%; } .service-tile-empty.quarter { width: 25%; } } /* ----------------------------------------- Number Counter ----------------------------------------- */ .no-js .number-counter { visibility: visible; } .stat-counter { text-align: center; font-size: 3rem; font-family: "Public Sans", sans-serif; } .circles-text { font-size: 2.1875rem !important; font-family: "Public Sans", sans-serif; } /* ----------------------------------------- Countdown ----------------------------------------- */ .countdown div { text-align: center; font-size: 3rem; margin-top: 0px; font-weight: 700; line-height: 1.1; border-left: 3px solid #fff; } .countdown-text { font-size: 1rem; font-weight: 400; } /* ----------------------------------------- CAROUSEL - /source/scss/cagov/carousel.scss ----------------------------------------- */ .carousel .carousel-control-prev:focus, .carousel .carousel-control-next:focus { outline: solid 2px #2ea3f2 !important; } .plotly-chart .plotly-chart--loading { font-size: 150%; text-align: center; display: block; vertical-align: middle; height: 100%; width: 100%; color: #777777; } .plotly-chart .hovertext path { stroke-width: 7px; } .plotly-chart img { width: 100%; } .plotly-chart .plot-container.plotly { min-height: 300px; } .stats-highlight { width: 100%; height: 100%; margin-left: 10px; margin-right: 10px; margin-bottom: -25%; padding-left: 10px; padding-right: 10px; position: relative; } .stats-highlight .half-gauge-chart .donut-background { fill: #777777; } .stats-highlight .half-gauge-chart .donut-halfmark { stroke: #777777; } .stats-highlight .info { display: block; text-align: center; margin: 0 auto; position: relative; } .stats-highlight .small-goal-text, .stats-highlight .percent-detail, .stats-highlight .big-number { display: inline-block; text-align: center; width: 100%; line-height: 0.8; } .stats-highlight .small-goal-text { position: absolute; left: 0; } .stats-highlight .info .small-goal-text + .big-number { margin-top: -0.8; } .stats-highlight .percent-detail { margin-top: 10px; } .stats-highlight .service { display: block; text-align: center; width: 100%; font-size: x-large; height: 50%; padding-top: 10px; line-height: 1.1em; } .stats-highlight .half-gauge-chart { margin: 5px 10px 0; height: 50%; width: 100%; margin: auto; } html:not(.ie8) .stats-highlight img { display: none; } .ie8 .stats-highlight .info, .ie8 .stats-highlight .small-goal-text { display: none; } .ie8 .stats-highlight img { width: 100%; } /* ----------------------------------------- FILTER GROUP /source/scss/cagov/filter-group.scss ----------------------------------------- */ .filter-group:before { content: ""; display: block; margin-bottom: 1rem !important; } .filter-toggle.active { position: relative; z-index: 1; } .filter-toggle.active:before { position: absolute; left: 50%; margin-left: -10px; bottom: -18px; } .filter-toggle.active:after { position: absolute; left: 50%; margin-left: -9px; bottom: -19px; } .section .filter-group:before, .card .filter-group:before { border-top: 1px solid #d6d6d6; } .section .filter-toggle.active:before, .card .filter-toggle.active:before { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d6d6d6; } .section .filter-toggle.active:after, .card .filter-toggle.active:after { content: ""; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #fff; } .section-search .filter-group:before, .card-search .filter-group:before { border-top: 1px solid #bdbdbd; } .section-search .filter-toggle.active:before, .card-search .filter-toggle.active:before { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #bdbdbd; } .section-search .filter-toggle.active:after, .card-search .filter-toggle.active:after { content: ""; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid #d6d6d6; } .section-default .filter-group:before, .card-default .filter-group:before { border-top: 1px solid #d6d6d6; } .section-default .filter-toggle.active:before, .card-default .filter-toggle.active:before { content: ""; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #d6d6d6; } .section-default .filter-toggle.active:after, .card-default .filter-toggle.active:after { content: ""; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 9px solid whitesmoke; } /* ----------------------------------------- PANES - /source/scss/cagov/panes.scss ----------------------------------------- */ .pane { display: flex; flex-direction: column; } .group-left, .group-right { float: none; min-height: 320px; vertical-align: middle; position: relative; margin: 0; padding: 0; justify-content: center; display: flex; } .group-left .pane-img, .group-right .pane-img { display: block; min-height: 320px; width: 100%; background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% 50% !important; } .pane-content { padding: 10px 30px 20px 40px; } .odd .group-right:before, .even .group-left:after { border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; z-index: 2; } .bg-highlight a { color: #3b3a48; text-decoration: underline; } .bg-highlight .btn { text-decoration: none; } @media (min-width: 768px) { .pane { display: flex; flex-direction: row; } .group-left, .group-right { width: 50%; justify-content: center; display: flex; top: 0; } .odd .group-right:before { right: 100%; top: 50%; border-width: 30px; margin-top: -30px; } .even .group-left { order: 1; } .even .group-left:after { left: 100%; top: 50%; border-width: 30px; margin-top: -30px; } .even .group-right { order: 2; } } @media (max-width: 767px) { .even .group-left { order: 2; } .even .group-right { order: 1; } .odd .group-right:before { bottom: 100%; left: 25%; border-width: 20px; margin-left: -20px; } .even .group-left:after { bottom: 100%; left: 25%; border-width: 20px; margin-left: -20px; bottom: 100%; left: 25%; border-width: 20px; margin-left: -20px; } } /* ----------------------------------------- PAGE NAVIGATION - /source/scss/cagov/page-navigation.scss ----------------------------------------- */ .page-navigation { margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 1px solid #d4d4d7; } .page-navigation .label { color: #5e5e6a; font-weight: 700; font-size: 1.125rem; line-height: 1.75; padding: 0; margin: 0; padding-bottom: 0; } .page-navigation ul { margin: 0; text-indent: 0; padding: 0; } .page-navigation ul.columns-2 { columns: 2; } .page-navigation ul.columns-3 { columns: 3; } .page-navigation ul li { list-style: none; padding: 0; margin: 0; margin-bottom: 0.3rem; font-size: calc(0.85rem + 0.1vw); } .page-navigation ul li a { display: inline-block; position: relative; padding-left: 1.5rem; } .page-navigation ul li a::before { content: "\ea33"; font-family: "CaGov"; position: absolute; font-size: 1.5rem; left: 0; top: -0.4rem; } @media (max-width: 575px) { .page-navigation ul.columns-2, .page-navigation ul.columns-3 { columns: 1; } } /* ----------------------------------------- PROGRESS BAR - /source/scss/cagov/progress-bar.scss ----------------------------------------- */ .progress-pointer { position: absolute; bottom: 100%; right: 0; min-width: 46px; white-space: nowrap; padding-left: 5px; padding-right: 5px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); margin-bottom: 5px; background-color: transparent; z-index: 1; } .progress-pointer::after { content: ""; position: absolute; left: 50%; bottom: -5px; margin-left: -5px; border-style: solid; border-color: #046b99 transparent; border-width: 5px 5px 0; } /* ----------------------------------------- PROGRESS BLOCK - /source/scss/cagov/progress-block.scss ----------------------------------------- */ .progress-text { text-align: center; } .dot-line { position: relative; display: block; width: 100%; font-size: 0; } .dot-line::before, .dot-line::after { content: ""; position: absolute; top: 50%; display: block; width: calc(50% + 30px); border-top-width: 1px; border-top-style: solid; margin-top: -1px; } .dot-line::after { right: -30px; } .dot-line::before { left: -30px; } @media (min-width: 576px) { .dot-line::before, .dot-line::after { display: block; } } @media (max-width: 575px) { .progress-text { text-align: left; position: relative; } .progress-text p, .progress-text h2, .progress-text .h2, .progress-text h3, .progress-text .h3, .progress-text h4, .progress-text .h4, .progress-text h5, .progress-text .h5, .progress-text h6, .progress-text .h6 { margin-left: 3rem !important; } .dot-line::before, .dot-line::after { display: none; } .dot-line { position: relative; rotate: 0deg; left: 0.9rem; top: 0; padding-right: 0; width: 2rem; z-index: 2; } .dot-text { position: relative; margin-left: 0; margin-top: 0; margin-bottom: 0; padding-left: 2rem; border-left: 1px solid #ddd; } .dot-text h3, .dot-text .h3 { margin-top: 0; margin-bottom: 0 !important; } .dot-text::before { display: none; } .timeline-lines .col-sm-3:nth-last-of-type(2) .dot-text::before, .timeline-lines .col-sm-3:last-of-type .dot-text::before { background: #dddddd; } } .progress-bold::before, .progress-bold::after { top: 40%; border-top-width: 8px; } .dot-line-inner { position: relative; z-index: 2; display: inline-block; width: 30px; height: 30px; border-width: 1px; border-style: solid; border-radius: 50%; } .dot-line-inner::before { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; } .timeline-dot { left: -1rem; position: absolute; top: 2.25rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } /* ----------------------------------------- GRADIENT BACKGROUNDS - /source/scss/cagov/gradient-backgrounds.scss ----------------------------------------- */ /* Linear Gradients ------------------------------------*/ .bg-gray-gradient { background-repeat: repeat-x; background-image: linear-gradient(180deg, #fff, #dbdbdb); } .bg-primary-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #046b99, #02415d); } .bg-highlight-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #fdb81e, #fed883); } .bg-standout-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #323a45, #5d6c80); } .bg-secondary-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #4993b5, #eef8fb); } .bg-secondary-light-gradient { background-repeat: repeat-x; background-image: linear-gradient(90deg, #87b8ce, #eef8fb); } .bg-primary-standout-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #046b99, #323a45); } .bg-primary-highlight-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #046b99, #fdb81e); } .bg-primary-secondary-gradient { background-repeat: repeat-x; background: linear-gradient(180deg, #046b99, #4993b5); } .bg-standout-highlight-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #fdb81e, #323a45); } .bg-danger-warning-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #c2570f, #cd402d); } .bg-info-success-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #1c7db5, #32852e); } /* Radial Gradients */ .bg-grey-radialgradient { background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #dbdbdb 22%, #bbb); background-repeat: no-repeat; } .bg-greylight-radialgradient { background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 25%, #eee); background-repeat: no-repeat; } .bg-primary-radialgradient { background-image: radial-gradient(circle farthest-side at 50% 50%, #046b99, #02415d); background-repeat: no-repeat; } .bg-highlight-radialgradient { background-image: radial-gradient(circle farthest-side at 50% 50%, #fed883, #fdb81e); background-repeat: no-repeat; } .bg-standout-radialgradient { background-image: radial-gradient(circle farthest-corner at 75% 95%, #5d6c80, #323a45); background-repeat: no-repeat; } .bg-secondary-radialgradient { background-image: radial-gradient(circle farthest-side at 50% 50%, #eef8fb, #4993b5); background-repeat: no-repeat; } .bg-secondarylight-radialgradient { background-image: radial-gradient(ellipse farthest-corner at 50% 50%, #fff 22%, #eef8fb); background-repeat: no-repeat; } /* ----------------------------------------- SIDE NAVIGATION - /source/scss/cagov/side-navigation.scss ----------------------------------------- */ .side-navigation ul, .list-navigation { margin-left: 0; padding-left: 0; } .side-navigation ul li, .list-navigation li { list-style: none; margin: 0; font-size: calc(1rem + 0.1vw); padding-left: 0; } .side-navigation ul li a, .list-navigation li a { position: relative; display: block; text-decoration: none !important; color: #4a4958; padding-bottom: 0.7rem; padding-top: 0.7rem; padding-left: 1rem; border-bottom: 1px solid #ededef; } .side-navigation ul li a.landing, .list-navigation li a.landing { font-weight: 700; } .side-navigation ul li a.landing.active, .list-navigation li a.landing.active { background-color: #f3f3f4; } .side-navigation ul li a.landing.active:hover, .side-navigation ul li a.landing.active:focus, .list-navigation li a.landing.active:hover, .list-navigation li a.landing.active:focus { background-color: #ededef; } .side-navigation ul li a.landing.back, .list-navigation li a.landing.back { padding-left: 1.5rem; } .side-navigation ul li a.landing.back::after, .list-navigation li a.landing.back::after { content: "\e668"; position: absolute; font-family: "CaGov"; left: 0; top: 0.65rem; } .side-navigation ul li a.active, .list-navigation li a.active { color: #4a4958; text-decoration: none; background-color: #f3f3f4; } .side-navigation ul li a.active:hover, .side-navigation ul li a.active:focus, .list-navigation li a.active:hover, .list-navigation li a.active:focus { color: #000; text-decoration: none; background-color: #ededef; } .side-navigation ul li a.active:before, .list-navigation li a.active:before { content: ""; border-left: 3px solid; position: absolute; top: 0; left: 0; width: 3px; height: 100%; border-radius: 0; } .side-navigation ul li a:hover, .side-navigation ul li a:focus, .list-navigation li a:hover, .list-navigation li a:focus { text-decoration: none; background-color: #fafafa; } .side-navigation ul li a:focus, .list-navigation li a:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; } .side-navigation ul li ul, .list-navigation li ul { padding-left: 0; } .side-navigation ul li ul li, .list-navigation li ul li { margin: 0; } .side-navigation ul li ul li a, .list-navigation li ul li a { padding-left: 2.5rem; } .side-navigation ul li ul li a.active, .list-navigation li ul li a.active { color: #4a4958; text-decoration: none; } .side-navigation ul li ul li a.active:hover, .side-navigation ul li ul li a.active:focus, .list-navigation li ul li a.active:hover, .list-navigation li ul li a.active:focus { color: #000; text-decoration: none; } .sidenav-mobile-btn { display: block; padding: 0.5rem 0 0.5rem 0; border-bottom: 1px solid #d4d4d7; } .sidenav-mobile-btn .container { display: flex; justify-content: flex-end; } .sidenav-toggle { border: none; background: none; font-weight: 500; position: relative; right: 0; padding-right: 2.3rem; } .sidenav-toggle .ca-gov-icon-caret-down { font-size: 2rem; position: absolute; top: 0.3rem; right: 0.2rem; line-height: 1rem; transition: all 0.3s ease; } .sidenav-toggle[aria-expanded=true] .ca-gov-icon-caret-down { transform: rotate(180deg); top: 0.6rem; } @media (min-width: 992px) { .sidenav-mobile-btn { display: none; } } @media (max-width: 991px) { .mobile-sidenav { max-height: 0; overflow: hidden; transition: max-height 0.15s ease-out; } .mobile-sidenav.visible { max-height: 1600px; transition: max-height 0.25s ease-in; } .mobile-sidenav .side-navigation { display: flex; flex-direction: column; padding: 1rem 0 1rem 0; } .mobile-sidenav .side-navigation.sticky-6 { top: 0; position: relative; } .mobile-sidenav .side-navigation ul { margin-top: 0; margin-bottom: 0; } } a.sidenav { font-size: calc(1rem + 0.1vw); margin: 0; display: block; padding-top: 0.7rem; padding-bottom: 0.7rem; padding-left: 1rem; position: relative; text-decoration: none !important; color: #5e5e6a; border-bottom: 1px solid #ededef; background-color: #fff; } a.sidenav:hover, a.sidenav:focus { text-decoration: none; background-color: #fafafa; color: #000; } a.sidenav:focus { outline-offset: -2px; } a.sidenav.active { color: #5e5e6a; text-decoration: none; background-color: #f3f3f4; } a.sidenav.active:hover, a.sidenav.active:focus { text-decoration: none !important; color: #000; background-color: #ededef; } a.sidenav.active:before { content: ""; border-left: 3px solid; position: absolute; top: 0; left: 0; width: 3px; height: 100%; border-radius: 0; } a.sidenav.landing { font-weight: 700; } a.sidenav.subnav { padding-left: 2.5rem; } a.sidenav.back { padding-left: 1.5rem; } a.sidenav.back::after { content: "\e668"; position: absolute; font-family: "CaGov"; left: 0; top: 0.65rem; } /* ----------------------------------------- STEP LIST - /src/scss/cagov/step-list.scss ----------------------------------------- */ .cagov-step-list { padding-left: 0 !important; margin-left: 1.5rem !important; counter-reset: step-list-count; } .cagov-step-list li { list-style: none; border-left: 5px solid; font-size: 1.75rem; font-weight: 700; position: relative; padding-left: 45px; line-height: 1.5; margin-bottom: 0; } .cagov-step-list li:before { content: ""; font-size: 1.625rem; font-weight: 700; padding: 0 12px 0 12px; border: 5px solid; background-color: #fff; border-radius: 50%; text-align: center; position: absolute; left: -27px; top: -3px; margin-left: -1px; } .cagov-step-list li span.has-black-color, .cagov-step-list li .cagov-step-list-content { margin-top: 1rem; padding-bottom: 1.75rem; font-size: calc(1.125rem + 0.1vw); font-weight: 400; display: block; } .cagov-step-list li:first-child:before { padding: 0 14px 0 14px; margin-left: -1px; } .cagov-step-list li::before { counter-increment: step-list-count; content: counter(step-list-count); } .cagov-step-list li:nth-child(n+10):before { padding: 0 7px; } .cagov-step-list li:nth-child(n+20):before { padding: 0 5px; } .cagov-step-list li:last-child { border-left: none; } .cagov-step-list li:nth-child(3):before { margin-left: -1px; } .cagov-step-list li:nth-child(10):before { margin-left: -1px; } .cagov-step-list li:nth-child(11):before { padding: 0 10px 0 10px; } .cagov-step-list li:nth-child(12):before { padding: 0 8px 0 8px; margin-left: -1px; } .cagov-step-list li:nth-child(21):before { padding: 0 6px 0 6px; } .cagov-step-list li:last-child:before { margin-left: 3px; } /* Make the list within the step list look normal */ .cagov-step-list li ul li { border: none; font-size: calc(1.125rem + 0.1vw); font-weight: normal; list-style-type: disc; padding-left: unset; } .cagov-step-list li ul li:before { content: none; } /* ----------------------------------------- LINK GRID /source/scss/cagov/link-grid.scss ----------------------------------------- */ .link-grid { display: block; border: 1px solid #d4d4d7; border-radius: 5px; font-size: 1.4rem; font-weight: 700; padding: 1rem; padding-right: 2.25rem; position: relative; text-decoration: none !important; height: 100%; } .link-grid:hover, .link-grid:focus { background: #ededef; } .link-grid:focus { outline: solid 2px #2ea3f2 !important; } .link-grid::after { font-family: "CaGov"; content: "5"; position: absolute; top: 0.8rem; right: 0.7rem; font-size: 1.6rem; } .link-before::before { position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; } /* ----------------------------------------- FEATURE CARD /source/scss/cagov/feature-card.scss ----------------------------------------- */ .feature-img { display: block; min-height: 320px; width: 100%; background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% 50% !important; } /* ----------------------------------------- GLOBALS - /source/scss/cagov/globals.scss ----------------------------------------- */ .ca-gov-logo-svg { background: url("data:image/svg+xml,"); aspect-ratio: 33/24; width: 33px; display: inline-block; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-auto { overflow: auto; } .no-underline { text-decoration: none !important; } .underline { text-decoration: underline !important; } .underline-hover:hover, .underline-hover:focus { text-decoration: underline !important; } .underline-text-color { background-image: linear-gradient(to right, #3b3a48 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-hover-text-color:hover, .underline-hover-text-color:focus { background-image: linear-gradient(to right, #3b3a48 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-white { background-image: linear-gradient(to right, #fff 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-hover-white:hover, .underline-hover-white:focus { background-image: linear-gradient(to right, #fff 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-black { background-image: linear-gradient(to right, #000 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-hover-black:hover, .underline-hover-black:focus { background-image: linear-gradient(to right, #000 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .outline-1-gray-100-hover:hover, .outline-1-gray-100-hover:hover { outline: 1px solid #ededef; } .outline-2-gray-100-hover:hover, .outline-2-gray-100-hover:hover { outline: 2px solid #ededef; } .outline-1-gray-200-hover:hover, .outline-1-gray-200-hover:hover { outline: 1px solid #d4d4d7; } .outline-2-gray-200-hover:hover, .outline-2-gray-200-hover:hover { outline: 2px solid #d4d4d7; } .outline-1-gray-300-hover:hover, .outline-1-gray-300-hover:hover { outline: 1px solid #bcbbc1; } .outline-2-gray-300-hover:hover, .outline-2-gray-300-hover:hover { outline: 2px solid #bcbbc1; } .outline-1-gray-400-hover:hover, .outline-1-gray-400-hover:hover { outline: 1px solid #a4a3ab; } .outline-2-gray-400-hover:hover, .outline-2-gray-400-hover:hover { outline: 2px solid #a4a3ab; } .outline-focus:focus { outline: solid 2px #2ea3f2 !important; } .outline-block-offset:focus { outline: solid 2px #2ea3f2 !important; outline-offset: -2px; display: block; } .cursor-pointer { cursor: pointer; } .w-auto { width: auto !important; } .width-1 { width: 1px !important; } .width-5 { width: 5px !important; } .width-10 { width: 10px !important; } .width-15 { width: 15px !important; } .width-20 { width: 20px !important; } .width-30 { width: 30px !important; } .width-40 { width: 40px !important; } .width-50 { width: 50px !important; } .width-60 { width: 60px !important; } .width-70 { width: 70px !important; } .width-80 { width: 80px !important; } .width-100 { width: 100px !important; } .width-150 { width: 150px !important; } .width-200 { width: 200px !important; } .w-100 { width: 100% !important; } .width-5pct { width: 5% !important; } .width-10pct { width: 10% !important; } .width-15pct { width: 15% !important; } .width-20pct { width: 20% !important; } .width-25pct { width: 25% !important; } .width-30pct { width: 30% !important; } .width-33pct { width: 33% !important; } .width-35pct { width: 35% !important; } .width-40pct { width: 40% !important; } .width-45pct { width: 45% !important; } .width-50pct { width: 50% !important; } .width-60pct { width: 60% !important; } .width-70pct { width: 70% !important; } .width-75pct { width: 75% !important; } .width-80pct { width: 80% !important; } .width-90pct { width: 90% !important; } .h-auto { height: auto; } .h-100 { height: 100%; } .height-1 { height: 1px !important; } .height-5 { height: 5px !important; } .height-10 { height: 10px !important; } .height-15 { height: 15px !important; } .height-20 { height: 20px !important; } .height-30 { height: 30px !important; } .height-40 { height: 40px !important; } .height-50 { height: 50px !important; } .height-60 { height: 60px !important; } .height-70 { height: 70px !important; } .height-80 { height: 80px !important; } .height-100 { height: 100px !important; } .height-150 { height: 150px !important; } .height-200 { height: 200px !important; } .height-250 { height: 250px !important; } .height-300 { height: 300px !important; } .height-350 { height: 350px !important; } .height-400 { height: 400px !important; } .height-450 { height: 450px !important; } .height-500 { height: 500px !important; } .height-600 { height: 600px !important; } .min-height-5 { min-height: 0.3125rem !important; } .min-height-10 { min-height: 0.625rem !important; } .min-height-15 { min-height: 1rem !important; } .min-height-20 { min-height: 1.25rem !important; } .min-height-30 { min-height: 1.875rem !important; } .min-height-50 { min-height: 3.125rem !important; } .min-height-100 { min-height: 6.25rem !important; } .min-height-200 { min-height: 12.5rem !important; } .min-height-300 { min-height: 18.75rem !important; } .min-height-400 { min-height: 25rem !important; } /*------------------------------------ colors and backgrounds ------------------------------------*/ .color-black { color: #000 !important; } .color-black-hover:hover, .color-black-hover:focus { color: #000 !important; } .color-white { color: #fff !important; } .color-white-hover:hover, .color-white-hover:focus { color: #fff !important; } .color-gray-dark, .color-grey-dark { color: #3b3a48; } .color-gray, .color-grey { color: #555555; } .gray-50, .gray-50-hover:hover, .gray-50-hover:focus { color: #fafafa; } .gray-100, .gray-100-hover:hover, .gray-100-hover:focus { color: #ededef !important; } .gray-200, .gray-200-hover:hover, .gray-200-hover:focus { color: #d4d4d7 !important; } .gray-300, .gray-300-hover:hover, .gray-300-hover:focus { color: #bcbbc1 !important; } .gray-400, .gray-400-hover:hover, .gray-400-hover:focus { color: #a4a3ab !important; } .gray-500, .gray-500-hover:hover, .gray-500-hover:focus { color: #898891 !important; } .gray-600, .gray-600-hover:hover, .gray-600-hover:focus { color: #72717c !important; } .gray-700, .gray-700-hover:hover, .gray-700-hover:focus { color: #5e5e6a !important; } .gray-800, .gray-800-hover:hover, .gray-800-hover:focus { color: #4a4958 !important; } .gray-900, .gray-900-hover:hover, .gray-900-hover:focus { color: #3b3a48 !important; } .color-light { color: #777777; } .color-lighter { color: #d6d6d6; } .color-lightest { color: whitesmoke; } .text-primary { color: #006ce0 !important; } .text-success { color: #1f7f35 !important; } .text-info { color: #117888 !important; } .text-muted { color: #555555 !important; } .outline-color, .outline-color:hover, .outline-color:focus { color: #2ea3f2 !important; } .color-red { color: #cd402d !important; } .bg-white { background-color: #fff !important; } .bg-outline-color, .bg-outline-color:hover, .bg-outline-color:focus { background-color: #2ea3f2 !important; } .bg-white-hover:hover, .bg-white-hover:focus { background-color: #fff !important; } .bg-grey-light { background-color: #d6d6d6 !important; } .bg-grey-light-hover:hover, .bg-grey-light-hover:focus { background-color: #d6d6d6 !important; } .bg-grey-light-hover-darker:hover, .bg-grey-light-hover-darker:focus { background-color: #cccccc !important; } .bg-grey-lightest { background-color: whitesmoke !important; } .bg-grey-lightest-hover:hover, .bg-grey-lightest-hover:focus { background-color: whitesmoke !important; } .bg-grey-lightest-hover-darker:hover, .bg-grey-lightest-hover-darker:focus { background-color: #ebebeb !important; } .bg-gray-50, .bg-gray-50-hover:hover, .bg-gray-50-hover:focus { background-color: #fafafa !important; } .bg-gray-75, .bg-gray-75-hover:hover, .bg-gray-75-hover:focus { background-color: #f3f3f4 !important; } .bg-gray-100, .bg-gray-100-hover:hover, .bg-gray-100-hover:focus { background-color: #ededef !important; } .bg-gray-200, .bg-gray-200-hover:hover, .bg-gray-200-hover:focus { background-color: #d4d4d7 !important; } .bg-gray-300, .bg-gray-300-hover:hover, .bg-gray-300-hover:focus { background-color: #bcbbc1 !important; } .bg-gray-400, .bg-gray-400-hover:hover, .bg-gray-400-hover:focus { background-color: #a4a3ab !important; } .bg-gray-500, .bg-gray-500-hover:hover, .bg-gray-500-hover:focus { background-color: #898891 !important; } .bg-gray-600, .bg-gray-600-hover:hover, .bg-gray-600-hover:focus { background-color: #72717c !important; } .bg-gray-700, .bg-gray-700-hover:hover, .bg-gray-700-hover:focus { background-color: #5e5e6a !important; } .bg-gray-800, .bg-gray-800-hover:hover, .bg-gray-800-hover:focus { background-color: #4a4958 !important; } .bg-gray-900, .bg-gray-900-hover:hover, .bg-gray-900-hover:focus { background-color: #3b3a48 !important; } .bg-none { background: none !important; } .bg-transparent { background: transparent !important; } .bg-alpha-40 { background-color: rgba(0, 0, 0, 0.4) !important; } .bg-alpha-50 { background-color: rgba(0, 0, 0, 0.5) !important; } .bg-alpha-70 { background-color: rgba(0, 0, 0, 0.7) !important; } .bg-alpha-60 { background-color: rgba(0, 0, 0, 0.6) !important; } .bg-alpha-80 { background-color: rgba(0, 0, 0, 0.8) !important; } .bg-alpha-90 { background-color: rgba(0, 0, 0, 0.9) !important; } .bg-red { background-color: #cd402d !important; } /*------------------------------------ borders colors and styles ------------------------------------*/ .brd-white-before::before, .brd-white-after::after { border-color: #fff !important; } .brd-gray-light, .brd-gray-light-hover:hover, .brd-gray-light-hover:focus { border-color: #ddd !important; } .brd-gray-dark, .brd-gray-dark-hover:hover, .brd-gray-dark-hover:focus { border-color: #333333 !important; } .brd-gray, .brd-gray-hover:hover, .brd-gray-hover:focus { border-color: #555555 !important; } .brd-gray-light-before::before, .brd-gray-light-after::after { border-color: #ddd !important; } .brd-transparent-before::before, .brd-transparent-after::after { border-color: transparent !important; } .brd-gray-100 { border-color: #ededef !important; } .brd-gray-200 { border-color: #d4d4d7 !important; } .brd-gray-300 { border-color: #bcbbc1 !important; } .brd-gray-400 { border-color: #a4a3ab !important; } .brd-gray-500 { border-color: #898891 !important; } .brd-gray-600 { border-color: #72717c !important; } .brd-gray-700 { border-color: #5e5e6a !important; } .brd-gray-800 { border-color: #4a4958 !important; } .brd-gray-900 { border-color: #3b3a48 !important; } .brd-red { border-color: #cd402d !important; } .brd-0 { border: none !important; } .brd-right { border-right: solid 1px; } .brd-left { border-left: solid 1px; } .brd-top { border-top: solid 1px; } .brd-bottom { border-bottom: solid 1px; } .brd-dotted-1, .brd-dotted-1-before::before, .brd-dotted-1-after::after, .brd-dotted-1-hover:hover, .brd-dotted-1-hover:focus { border-width: 1px; border-style: dotted; } .brd-solid-1, .brd-solid-1-before::before, .brd-solid-1-after::after, .brd-solid-1-hover:hover, .brd-solid-1-hover:focus { border-width: 1px !important; border-style: solid !important; } .brd-solid-2, .brd-solid-2-before::before, .brd-solid-2-after::after, .brd-dotted-2-hover:hover, .brd-dotted-2-hover:focus { border-width: 2px !important; border-style: solid !important; } .brd-solid-3, .brd-solid-3-before::before, .brd-solid-3-after::after, .brd-dotted-3-hover:hover, .brd-dotted-3-hover:focus { border-width: 3px !important; border-style: solid !important; } .brd-solid-4, .brd-solid-4-before::before, .brd-solid-4-after::after, .brd-dotted-4-hover:hover, .brd-dotted-4-hover:focus { border-width: 4px !important; border-style: solid !important; } .brd-solid-5, .brd-solid-5-before::before, .brd-solid-5-after::after, .brd-dotted-5-hover:hover, .brd-dotted-5-hover:focus { border-width: 5px !important; border-style: solid !important; } @media (min-width: 576px) { .brd-sm-0 { border: none !important; } .brd-sm-solid-1 { border-width: 1px; border-style: solid; } .brd-sm-right { border-right: solid 1px; } .brd-sm-left { border-left: solid 1px; } .brd-sm-top { border-top: solid 1px; } .brd-sm-bottom { border-bottom: solid 1px; } } @media (min-width: 768px) { .brd-md-0 { border: none !important; } .brd-md-solid-1 { border-width: 1px; border-style: solid; } .brd-md-right { border-right: solid 1px; } .brd-md-left { border-left: solid 1px; } .brd-md-top { border-top: solid 1px; } .brd-md-bottom { border-bottom: solid 1px; } } @media (min-width: 992px) { .brd-lg-0 { border: none !important; } .brd-lg-solid-1 { border-width: 1px; border-style: solid; } .brd-lg-right { border-right: solid 1px; } .brd-lg-left { border-left: solid 1px; } .brd-lg-top { border-top: solid 1px; } .brd-lg-bottom { border-bottom: solid 1px; } } /*------------------------------------ Positions ------------------------------------*/ .pos-rel { position: relative !important; } .pos-abs { position: absolute !important; } .pos-stc { position: static !important; } .pos-fix { position: fixed !important; } /* Relative (Position, X, Y) */ .relative-centered { position: relative; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .relative-centered-x { position: relative; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .relative-centered-y { position: relative; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } /* Absolute (Position, X, Y) */ .absolute-centered { position: absolute !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-backface-visibility: hidden; } .absolute-centered-x { position: absolute !important; left: 50% !important; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-backface-visibility: hidden; } .absolute-centered-y { position: absolute !important; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } .top-rel-40pct { position: relative; top: 40% !important; } .top-0 { top: 0 !important; } .bottom-0 { bottom: 0 !important; } .right-0 { right: 0 !important; } .left-0 { left: 0 !important; } @media (max-width: 767px) { .top-sm-rel-40pct { position: relative; top: 40% !important; } } @media (max-width: 991px) { .top-md-rel-40pct { position: relative; top: 40% !important; } } @media (min-width: 992px) { .top-lg-rel-40pct { position: relative; top: 40% !important; } } .top-rel-30pct { position: relative; top: 30% !important; } @media (max-width: 767px) { .top-sm-rel-30pct { position: relative; top: 30% !important; } } @media (max-width: 991px) { .top-md-rel-30pct { position: relative; top: 30% !important; } } @media (min-width: 992px) { .top-lg-rel-30pct { position: relative; top: 30% !important; } } .top-rel-20pct { position: relative; top: 20% !important; } @media (max-width: 767px) { .top-sm-rel-20pct { position: relative; top: 20% !important; } } @media (max-width: 991px) { .top-md-rel-20pct { position: relative; top: 20% !important; } } @media (min-width: 992px) { .top-lg-rel-20pct { position: relative; top: 20% !important; } } .top-rel-10pct { position: relative; top: 10% !important; } @media (max-width: 767px) { .top-sm-rel-10pct { position: relative; top: 10% !important; } } @media (max-width: 991px) { .top-md-rel-10pct { position: relative; top: 10% !important; } } @media (min-width: 992px) { .top-lg-rel-10pct { position: relative; top: 10% !important; } } .top-rel-5pct { position: relative; top: 5% !important; } @media (max-width: 767px) { .top-sm-rel-5pct { position: relative; top: 5% !important; } } @media (max-width: 991px) { .top-md-rel-5pct { position: relative; top: 5% !important; } } @media (min-width: 992px) { .top-lg-rel-5pct { position: relative; top: 5% !important; } } /*------------------------------------ Font Sizes ------------------------------------*/ .text-huge { font-size: 6rem !important; } .text-5rem { font-size: 5rem !important; } .text-4rem { font-size: 4rem !important; } .text-3-5rem { font-size: 3.5rem !important; } .text-3rem { font-size: 3rem !important; } .text-2-5rem { font-size: 2.5rem !important; } .text-2rem { font-size: 2rem !important; } .text-1-5rem { font-size: 1.5rem !important; } .text-1rem { font-size: 1rem !important; } .font-size-sm { font-size: 0.75rem !important; } .font-size-70x { font-size: 70% !important; } .font-size-75x { font-size: 75% !important; } .font-size-80x { font-size: 80% !important; } .font-size-85x { font-size: 85% !important; } .font-size-90x { font-size: 90% !important; } .font-size-95x { font-size: 95% !important; } .font-size-11 { font-size: 0.78571rem !important; } .font-size-12 { font-size: 0.85714rem !important; } .font-size-13 { font-size: 0.92857rem !important; } .font-size-14 { font-size: 1rem !important; } .font-size-15 { font-size: 1.07143rem !important; } .font-size-16 { font-size: 1.14286rem !important; } .font-size-20 { font-size: 1.42857rem !important; } .font-size-25 { font-size: 1.78571rem !important; } .font-size-30 { font-size: 2.14286rem !important; } .font-size-40 { font-size: 2.85714rem !important; } .line-height-0-8em { line-height: 0.8em !important; } .line-height-0-9em { line-height: 0.9em !important; } .line-height-1em { line-height: 1em !important; } .line-height-1-1em { line-height: 1.1em !important; } .line-height-1-2em { line-height: 1.2em !important; } .line-height-1-3em { line-height: 1.3em !important; } .line-height-1-4em { line-height: 1.4em !important; } .line-height-1-5em { line-height: 1.5em !important; } .line-height-1-6em { line-height: 1.6em !important; } .font-weight-200 { font-weight: 200 !important; } .font-weight-300 { font-weight: 300 !important; } .font-weight-400 { font-weight: 400 !important; } .font-weight-500 { font-weight: 500 !important; } .font-weight-600 { font-weight: 600 !important; } .font-weight-700 { font-weight: 700 !important; } .font-weight-800 { font-weight: 800 !important; } .font-weight-900 { font-weight: 900 !important; } .bold, .text-bold { font-weight: 700 !important; } .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .link-icon { font-size: 0.7rem !important; position: relative; top: -3px; padding-left: 2px; text-decoration: none; display: inline-block; } /*------------------------------------ Rounded borders ------------------------------------*/ .rounded-20 { border-radius: 20px !important; } .rounded-15 { border-radius: 15px !important; } .rounded-10 { border-radius: 10px !important; } .rounded-5 { border-radius: 5px !important; } .rounded-4 { border-radius: 4px !important; } .rounded-3 { border-radius: 3px !important; } .rounded-2 { border-radius: 2px !important; } .rounded-50 { border-radius: 50px !important; } .rounded-0 { border-radius: 0 !important; } .rounded-50x { border-radius: 50% !important; } /*------------------------------------ Displays ------------------------------------*/ .d-flex { display: flex; } .d-block { display: block; } .hidden-up { opacity: 0; } .hidden { display: none !important; } /*------------------------------------ Transforms & Transitions ------------------------------------*/ .transition-0_3, .transition-0_3:before, .transition-0_3:after, .transition-0_3 path, .transition-0_3 polygon { transition-duration: 0.3s; transition-property: all; transition-timing-function: ease; transition-delay: 0s; } .transform-scale-1_05--hover:hover { transform: scale3d(1.05, 1.05, 1.05); } .sticky { position: sticky; top: 0; } .sticky-1 { position: sticky; top: 3.125rem; } .sticky-2 { position: sticky; top: 6.25rem; } .sticky-3 { position: sticky; top: 7.8rem; } .sticky-4 { position: sticky; top: 9.375rem; } .sticky-5 { position: sticky; top: 10.93rem; } .sticky-6 { position: sticky; top: 12.5rem; } /* ----------------------------------------- SIERRA ----------------------------------------- */ /* ----------------------------------------- COLOR THEME GLOBALS /source/scss/colortheme/cs-global.scss ----------------------------------------- */ /* ----- THEME COLORS ----- */ .color-highlight, .color-p1 { color: #fbad23 !important; } .color-highlight-hover:hover, .color-highlight-hover:focus { color: #fcba46 !important; } .color-primary, .color-p2 { color: #447766; } .color-primary-hover:hover, .color-primary-hover:focus { color: #376053 !important; } .color-standout, .color-p3 { color: #194949 !important; } .color-standout-hover:hover, .color-standout-hover:focus { color: #102e2e !important; } /* SECONDARY THEME COLORS */ .color-s1 { color: #e8f1ee !important; } .color-s1-hover:hover, .color-s1-hover:focus { color: #e8f1ee !important; } .color-s2 { color: #daefe8 !important; } .color-s2-hover:hover, .color-s2-hover:focus { color: #daefe8 !important; } .color-s3 { color: #a1cca1 !important; } .color-s3-hover:hover, .color-s3-hover:focus { color: #a1cca1 !important; } /* background colors */ .bg-highlight, .bg-p1 { background-color: #fbad23 !important; } .bg-highlight-hover:hover, .bg-highlight-hover:focus { background-color: #fcba46 !important; } .bg-primary, .bg-p2 { background-color: #447766 !important; } .bg-primary-hover:hover, .bg-primary-hover:focus { background-color: #376053 !important; } .bg-standout, .bg-p3 { background-color: #194949 !important; } .bg-standout-hover:hover, .bg-standout-hover:focus { background-color: #102e2e !important; } .bg-s1, .bg-s1-hover:hover, .bg-s1-hover:focus { background-color: #e8f1ee !important; } .bg-s1-hover-color, .bg-s1-hover-color:hover, .bg-s1-hover-color:focus { background-color: #d2e3de !important; } .bg-s2, .bg-s2-hover:hover, .bg-s2-hover:focus { background-color: #daefe8 !important; } .bg-s2-hover-color, .bg-s2-hover-color:hover, .bg-s2-hover-color:focus { background-color: #c1e4d9 !important; } .bg-s3, .bg-s3-hover:hover, .bg-s3-hover:focus { background-color: #a1cca1 !important; } .bg-s3-hover-color, .bg-s3-hover-color:hover, .bg-s3-hover-color:focus { background-color: #8abf8a !important; } .bg-primary-light { background-color: #b4c9c2 !important; } .bg-primary-light-hover:hover, .bg-primary-light-hover:focus { background-color: #b4c9c2 !important; } .bg-highlight-light { background-color: #fdd691 !important; } .bg-highlight-light-hover:hover, .bg-highlight-light-hover:focus { background-color: #fdd691 !important; } .bg-standout-light { background-color: #a3b6b6 !important; } .bg-standout-light-hover:hover, .bg-standout-light-hover:focus { background-color: #a3b6b6 !important; } .bg-secondary-light { background-color: #c7e0c7 !important; } .bg-secondary-light-hover:hover, .bg-secondary-light-hover:focus { background-color: #c7e0c7 !important; } .bg-secondary-before::before, .bg-secondary-after::after { background-color: #a1cca1 !important; } .bg-highlight-before::before, .bg-highlight-after::after { background-color: #fbad23 !important; } .bg-standout-before::before, .bg-standout-after::after { background-color: #194949 !important; } .bg-primary-before::before, .bg-primary-after::after { background-color: #447766 !important; } /* border colors */ .brd-primary { border-color: #447766 !important; } .brd-primary-light { border-color: #b4c9c2 !important; } .brd-primary-dark { border-color: #31574a !important; } .brd-standout { border-color: #194949 !important; } .brd-standout-light { border-color: #a3b6b6 !important; } .brd-standout-dark { border-color: #0c2323 !important; } .brd-highlight { border-color: #fbad23 !important; } .brd-highlight-light { border-color: #fcbd4f !important; } .brd-highlight-dark { border-color: #e79504 !important; } .brd-s1 { border-color: #e8f1ee !important; } .brd-s2 { border-color: #daefe8 !important; } .brd-s3 { border-color: #a1cca1 !important; } .brd-primary-light-before::before, .brd-primary-light-after::after { border-color: #b4c9c2 !important; } .brd-highlight-light-before::before, .brd-highlight-light-after::after { border-color: #fdd691 !important; } .brd-standout-light-before::before, .brd-standout-light-after::after { border-color: #a3b6b6 !important; } .brd-secondary-light-before::before, .brd-secondary-light-after::after { border-color: #c7e0c7 !important; } /* Underline colors */ .underline-primary { background-image: linear-gradient(to right, #447766 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-hover-primary:hover, .underline-hover-primary:focus { background-image: linear-gradient(to right, #447766 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-highlight { background-image: linear-gradient(to right, #fbad23 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-hover-highlight:hover, .underline-hover-highlight:focus { background-image: linear-gradient(to right, #fbad23 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-standout { background-image: linear-gradient(to right, #194949 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } .underline-hover-standout:hover, .underline-hover-standout:focus { background-image: linear-gradient(to right, #194949 50%, transparent 50%); background-repeat: repeat-x; background-size: 2px 1px; background-position: center bottom 4%; background-origin: padding-box; text-decoration: none !important; } /* ----------------------------------------- LAYOUT /source/scss/colortheme/cs-layout.scss ----------------------------------------- */ /* Primary page with/without two-column */ .primary { /* Primary page with two column */ } .primary.two-column { /* Main content contains 2col bg and footer bg */ } .primary.two-column .main-content { background-color: #fff; } /* ----------------------------------------- GLOBAL HEADER /source/scss/colortheme/cs-global-header.scss ----------------------------------------- */ .utility-header { background: #447766; color: #ffffff; } @media (max-width: 767px) { .nav-full-width-icons .settings-links .utility-links a, .nav-full-width-icons .settings-links .utility-links button { border: 1px solid #447766; color: #447766; } } .global-header { /* Default header pattern */ /* Small screen gets solid color */ } .explore-invite a:hover span[class^=ca-gov-icon-] { color: #fbad23; } .explore-invite a:hover .explore-title { color: #fbad23; } /* ----------------------------------------- GLOBAL FOOTER /source/scss/colortheme/cs-global-footer.scss ----------------------------------------- */ /* Targets icon of first h1 on the page */ h1 span[class^=ca-gov-icon-]:first-child { color: #447766; } /* ----------------------------------------- NAVIGATION /source/scss/colortheme/cs-navigation.scss ----------------------------------------- */ .nav-item.active > a, .nav-item.active .first-level-btn, .nav-item.active .first-level-link, nav-item-search.active > a, nav-item-search.active .first-level-btn, nav-item-search.active .first-level-link { color: #447766; } .nav-item.active > a > span[class^=ca-gov-icon], .nav-item.active .first-level-btn > span[class^=ca-gov-icon], .nav-item.active .first-level-link > span[class^=ca-gov-icon], nav-item-search.active > a > span[class^=ca-gov-icon], nav-item-search.active .first-level-btn > span[class^=ca-gov-icon], nav-item-search.active .first-level-link > span[class^=ca-gov-icon] { color: #3b3a48; } @media (min-width: 768px) { .nav-item:hover, .nav-item:focus, nav-item-search:hover, nav-item-search:focus { background-color: #eef5f3; } } .nav-item:hover > a, .nav-item:hover .first-level-btn, .nav-item:hover .first-level-link, .nav-item:focus > a, .nav-item:focus .first-level-btn, .nav-item:focus .first-level-link, nav-item-search:hover > a, nav-item-search:hover .first-level-btn, nav-item-search:hover .first-level-link, nav-item-search:focus > a, nav-item-search:focus .first-level-btn, nav-item-search:focus .first-level-link { color: #447766; } .nav-item:hover > a > span[class^=ca-gov-icon], .nav-item:hover .first-level-btn > span[class^=ca-gov-icon], .nav-item:hover .first-level-link > span[class^=ca-gov-icon], .nav-item:focus > a > span[class^=ca-gov-icon], .nav-item:focus .first-level-btn > span[class^=ca-gov-icon], .nav-item:focus .first-level-link > span[class^=ca-gov-icon], nav-item-search:hover > a > span[class^=ca-gov-icon], nav-item-search:hover .first-level-btn > span[class^=ca-gov-icon], nav-item-search:hover .first-level-link > span[class^=ca-gov-icon], nav-item-search:focus > a > span[class^=ca-gov-icon], nav-item-search:focus .first-level-btn > span[class^=ca-gov-icon], nav-item-search:focus .first-level-link > span[class^=ca-gov-icon] { color: #3b3a48; } .nav-arrow-down { background: #447766; } .first-level-link, .first-level-btn { color: #447766; } .first-level-link > span[class^=ca-gov-icon]:not(.carrot), .first-level-btn > span[class^=ca-gov-icon]:not(.carrot) { /* Navigation icons */ color: #5e5e6a; } .first-level-link:hover, .first-level-link:focus, .first-level-btn:hover, .first-level-btn:focus { color: #3b3a48; } @media (max-width: 991px) { .first-level-link.active, .first-level-btn.active { background-color: #226464 !important; color: #fff !important; } .first-level-link.active:hover, .first-level-link.active:focus, .first-level-btn.active:hover, .first-level-btn.active:focus { background-color: #194949 !important; color: #fff !important; } .first-level-link.active::before, .first-level-link.active::after, .first-level-btn.active::before, .first-level-btn.active::after { border-left: none !important; } .first-level-link:hover, .first-level-link:focus, .first-level-btn:hover, .first-level-btn:focus { background-color: #226464 !important; color: #fff !important; } } .second-level-link { color: #447766; } .second-level-link [class^=ca-gov-icon-] { color: #5e5e6a; } @media (max-width: 991px) { .second-level-link { background-color: #194949; } .second-level-link.active { background-color: #226464; } .second-level-link.active:hover, .second-level-link.active:focus { background-color: #194949; } } .second-level-nav > li { border: 1px solid transparent; border-right: 4px solid #fff; border-bottom: 4px solid #fff; } .second-level-nav > li:hover, .second-level-nav > li:focus { background: #fff; } @media (max-width: 991px) { .second-level-nav > li { border: none; border-top: 1px solid #d4d4d7; } .second-level-nav > li:hover, .second-level-nav > li:focus { background: #f5f9f7; } } .second-level-nav .link-description { color: #555555; } .sub-nav { background: #fff; } @media (max-width: 767px) { .sub-nav { border-top: none; border-bottom: none; } } .nav-media { background: transparent; } .nav-media .media:hover { background: #fff; } .nav-media .media { border-bottom: 4px solid #fff; } @media (max-width: 767px) { .nav-media .media { border-bottom: 4px solid #fff; } .nav-media .media:hover, .nav-media .media:focus { background: #f5f9f7; } } @media (min-width: 768px) { .nav-item::after { background-color: transparent; } .nav-item:hover::after, .nav-item:focus::after { background-color: #447766; } /*full width navigation*/ .nav-full-width { background: #447766; } .nav-full-width .main-navigation .nav-item:hover, .nav-full-width .main-navigation .nav-item:focus, .nav-full-width .main-navigation .nav-item.active:hover { background-color: #355d50; } .nav-full-width .main-navigation .nav-item.active { background-color: #3b6758; } } @media (max-width: 991px) { .nav-item.active .first-level-btn { background-color: #226464 !important; color: #fff !important; } .nav-item.active .first-level-btn:hover, .nav-item.active .first-level-btn:focus { background-color: #194949 !important; color: #fff !important; } .nav-item.active .first-level-btn::before, .nav-item.active .first-level-btn::after { border-left: none !important; } } .has-sub .rotate { color: #447766; } /* Dark Mobile menu */ @media (max-width: 991px) { .navigation-search { background-color: #194949; } } /* ----------------------------------------- SEARCH /source/scss/colortheme/cs-search.scss ----------------------------------------- */ .search-container .submit-container button { color: #72717c; border-color: rgba(255, 255, 255, 0.8); } .search-container .search-textfield { border-color: #72717c !important; } @media (max-width: 991px) { .search-container .search-textfield { border-color: #fff !important; } } .search-container .gsc-search-button { background-color: #72717c; border-color: #72717c; } .search-container .gsc-search-button:hover, .search-container .gsc-search-button:focus { background-color: #4a4958; border-color: #4a4958; } .search-container .gsc-search-button .ca-gov-icon-search { color: #fff; } @media (max-width: 991px) { .search-container .gsc-search-button { background-color: #fff; border-color: #fff; } .search-container .gsc-search-button:hover, .search-container .gsc-search-button:focus { background-color: #fafafa; border-color: #fafafa; } .search-container .gsc-search-button:hover .ca-gov-icon-search, .search-container .gsc-search-button:focus .ca-gov-icon-search { color: #3b3a48; } .search-container .gsc-search-button .ca-gov-icon-search { color: #5e5e6a; } } .search-container:hover .search-textfield, .search-container:focus .search-textfield, .search-container.active .search-textfield { background-color: #fff; } .search-container:hover .submit-container button, .search-container:focus .submit-container button, .search-container.active .submit-container button { border-color: #fff; } .search-container.active { background-color: #ededef; } .search-container.active .submit-container button { border-color: #bdbdbd; background: #555555; } .featured-search.active .container #Search .close-search-btn .sr-only, .search-container .close-search .sr-only { color: #447766; text-decoration: underline; } .featured-search.active .container #Search .close-search-btn .sr-only:hover, .featured-search.active .container #Search .close-search-btn .sr-only:focus, .search-container .close-search .sr-only:hover, .search-container .close-search .sr-only:focus { color: #376053; text-decoration: none; } /* ----------------------------------------- TABS /source/scss/colortheme/cs-tabs.scss ----------------------------------------- */ .tab-group { background: #fff; } .tab-group .nav-tabs { background: #a1cca1; } .tabs [role=tablist] [aria-selected]::after { border-color: #fbad23; } .nav-tabs .nav-link.active::after { border-color: #fbad23; } @media (max-width: 767px) { .responsive .tab-pane .card-header a[aria-expanded=true]::before { border-left-color: #fbad23; } } /* ----------------------------------------- MEDIA /source/scss/colortheme/cs-media.scss ----------------------------------------- */ figure { background-color: #fff; border-color: #d4d4d7; } /* ----------------------------------------- PANELS /source/scss/colortheme/cs-location.scss ----------------------------------------- */ .location.mini [class^=ca-gov-icon] { background: #194949; color: #ffffff; } /* ----------------------------------------- TYPOGRAPHY /source/scss/colortheme/typography.scss ----------------------------------------- */ .published { color: #555555; } a { color: #447766; } a:hover, a:focus { color: #376053; } a:focus { outline: solid 2px #2ea3f2 !important; } /* ----------------------------------------- SECTIONS /source/scss/colortheme/cs-sections.scss ----------------------------------------- */ .section-default, .card-default { background: whitesmoke; } .section-search, .card-search { background: #d6d6d6; } .section-understated, .card-understated { background: #e8f1ee; } .section-overstated, .card-overstated { background: #447766; color: #ffffff; } .section-overstated a:not(.btn), .card-overstated a:not(.btn) { color: #fff; text-decoration: none; } .section-overstated a:not(.btn):hover, .section-overstated a:not(.btn):focus, .card-overstated a:not(.btn):hover, .card-overstated a:not(.btn):focus { color: #e8f1ee; text-decoration: underline; } .section-overstated a:not(.btn):focus, .card-overstated a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .section-overstated a:not(.btn), .card-overstated a:not(.btn) { text-decoration: underline; } .section-overstated .btn-primary, .card-overstated .btn-primary { color: #fff; background-color: #447766; border-color: #ffffff; font-weight: 600; } .section-overstated .btn-primary:hover, .section-overstated .btn-primary:focus, .section-overstated .btn-primary:not(:disabled):not(.disabled):active, .section-overstated .btn-primary:not(:disabled):not(.disabled).active, .section-overstated .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-overstated .btn-primary, .card-overstated .btn-primary:hover, .card-overstated .btn-primary:focus, .card-overstated .btn-primary:not(:disabled):not(.disabled):active, .card-overstated .btn-primary:not(:disabled):not(.disabled).active, .card-overstated .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .card-overstated .btn-primary { color: #fff; background-color: #376053; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-overstated .btn-primary:focus, .card-overstated .btn-primary:focus { outline: solid 2px #2ea3f2 !important; } .section-overstated .btn-primary:not(:disabled):not(.disabled):active, .section-overstated .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-overstated .btn-primary, .card-overstated .btn-primary:not(:disabled):not(.disabled):active, .card-overstated .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-overstated .btn-primary { background-image: none; } .section-overstated .btn-primary.disabled, .section-overstated .btn-primary.disabled:hover, .section-overstated .btn-primary.disabled:focus, .section-overstated .btn-primary.disabled:active, .section-overstated .btn-primary.disabled.active, .section-overstated .btn-primary[disabled], .section-overstated .btn-primary[disabled]:hover, .section-overstated .btn-primary[disabled]:focus, .section-overstated .btn-primary[disabled]:active, .section-overstated .btn-primary[disabled].active, fieldset[disabled] .section-overstated .btn-primary, fieldset[disabled] .section-overstated .btn-primary:hover, fieldset[disabled] .section-overstated .btn-primary:focus, fieldset[disabled] .section-overstated .btn-primary:active, fieldset[disabled] .section-overstated .btn-primary.active, .card-overstated .btn-primary.disabled, .card-overstated .btn-primary.disabled:hover, .card-overstated .btn-primary.disabled:focus, .card-overstated .btn-primary.disabled:active, .card-overstated .btn-primary.disabled.active, .card-overstated .btn-primary[disabled], .card-overstated .btn-primary[disabled]:hover, .card-overstated .btn-primary[disabled]:focus, .card-overstated .btn-primary[disabled]:active, .card-overstated .btn-primary[disabled].active, fieldset[disabled] .card-overstated .btn-primary, fieldset[disabled] .card-overstated .btn-primary:hover, fieldset[disabled] .card-overstated .btn-primary:focus, fieldset[disabled] .card-overstated .btn-primary:active, fieldset[disabled] .card-overstated .btn-primary.active { background-color: #447766 !important; border-color: #ffffff; } .section-overstated .btn-primary .badge, .card-overstated .btn-primary .badge { color: #447766; background-color: #fff; } .section-overstated .btn-standout, .card-overstated .btn-standout { color: #fff; background-color: #194949; border-color: #ffffff; font-weight: 600; } .section-overstated .btn-standout:hover, .section-overstated .btn-standout:focus, .section-overstated .btn-standout:not(:disabled):not(.disabled):active, .section-overstated .btn-standout:not(:disabled):not(.disabled).active, .section-overstated .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-overstated .btn-standout, .card-overstated .btn-standout:hover, .card-overstated .btn-standout:focus, .card-overstated .btn-standout:not(:disabled):not(.disabled):active, .card-overstated .btn-standout:not(:disabled):not(.disabled).active, .card-overstated .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .card-overstated .btn-standout { color: #fff; background-color: #102e2e; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-overstated .btn-standout:focus, .card-overstated .btn-standout:focus { outline: solid 2px #2ea3f2 !important; } .section-overstated .btn-standout:not(:disabled):not(.disabled):active, .section-overstated .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-overstated .btn-standout, .card-overstated .btn-standout:not(:disabled):not(.disabled):active, .card-overstated .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-overstated .btn-standout { background-image: none; } .section-overstated .btn-standout.disabled, .section-overstated .btn-standout.disabled:hover, .section-overstated .btn-standout.disabled:focus, .section-overstated .btn-standout.disabled:active, .section-overstated .btn-standout.disabled.active, .section-overstated .btn-standout[disabled], .section-overstated .btn-standout[disabled]:hover, .section-overstated .btn-standout[disabled]:focus, .section-overstated .btn-standout[disabled]:active, .section-overstated .btn-standout[disabled].active, fieldset[disabled] .section-overstated .btn-standout, fieldset[disabled] .section-overstated .btn-standout:hover, fieldset[disabled] .section-overstated .btn-standout:focus, fieldset[disabled] .section-overstated .btn-standout:active, fieldset[disabled] .section-overstated .btn-standout.active, .card-overstated .btn-standout.disabled, .card-overstated .btn-standout.disabled:hover, .card-overstated .btn-standout.disabled:focus, .card-overstated .btn-standout.disabled:active, .card-overstated .btn-standout.disabled.active, .card-overstated .btn-standout[disabled], .card-overstated .btn-standout[disabled]:hover, .card-overstated .btn-standout[disabled]:focus, .card-overstated .btn-standout[disabled]:active, .card-overstated .btn-standout[disabled].active, fieldset[disabled] .card-overstated .btn-standout, fieldset[disabled] .card-overstated .btn-standout:hover, fieldset[disabled] .card-overstated .btn-standout:focus, fieldset[disabled] .card-overstated .btn-standout:active, fieldset[disabled] .card-overstated .btn-standout.active { background-color: #194949 !important; border-color: #ffffff; } .section-overstated .btn-standout .badge, .card-overstated .btn-standout .badge { color: #194949; background-color: #fff; } .section-standout, .card-standout { background: #194949; color: #ffffff; } .section-standout a:not(.btn), .card-standout a:not(.btn) { color: #fff; text-decoration: none; } .section-standout a:not(.btn):hover, .section-standout a:not(.btn):focus, .card-standout a:not(.btn):hover, .card-standout a:not(.btn):focus { color: #a5d8c7; text-decoration: underline; } .section-standout a:not(.btn):focus, .card-standout a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .section-standout a:not(.btn), .card-standout a:not(.btn) { text-decoration: underline; } .section-standout a:not(.btn), .card-standout a:not(.btn) { color: #fff; } .section-standout a:not(.btn):hover, .section-standout a:not(.btn):focus, .card-standout a:not(.btn):hover, .card-standout a:not(.btn):focus { text-decoration: underline; color: #fbad23; } .section-standout .half-gauge-chart .donut-background, .card-standout .half-gauge-chart .donut-background { fill: #d6d6d6; } .section-standout .half-gauge-chart .donut-halfmark, .card-standout .half-gauge-chart .donut-halfmark { stroke: whitesmoke; } .section-standout .btn-primary, .card-standout .btn-primary { color: #fff; background-color: #447766; border-color: #ffffff; font-weight: 600; } .section-standout .btn-primary:hover, .section-standout .btn-primary:focus, .section-standout .btn-primary:not(:disabled):not(.disabled):active, .section-standout .btn-primary:not(:disabled):not(.disabled).active, .section-standout .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-standout .btn-primary, .card-standout .btn-primary:hover, .card-standout .btn-primary:focus, .card-standout .btn-primary:not(:disabled):not(.disabled):active, .card-standout .btn-primary:not(:disabled):not(.disabled).active, .card-standout .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .card-standout .btn-primary { color: #fff; background-color: #376053; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-standout .btn-primary:focus, .card-standout .btn-primary:focus { outline: solid 2px #2ea3f2 !important; } .section-standout .btn-primary:not(:disabled):not(.disabled):active, .section-standout .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-standout .btn-primary, .card-standout .btn-primary:not(:disabled):not(.disabled):active, .card-standout .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-standout .btn-primary { background-image: none; } .section-standout .btn-primary.disabled, .section-standout .btn-primary.disabled:hover, .section-standout .btn-primary.disabled:focus, .section-standout .btn-primary.disabled:active, .section-standout .btn-primary.disabled.active, .section-standout .btn-primary[disabled], .section-standout .btn-primary[disabled]:hover, .section-standout .btn-primary[disabled]:focus, .section-standout .btn-primary[disabled]:active, .section-standout .btn-primary[disabled].active, fieldset[disabled] .section-standout .btn-primary, fieldset[disabled] .section-standout .btn-primary:hover, fieldset[disabled] .section-standout .btn-primary:focus, fieldset[disabled] .section-standout .btn-primary:active, fieldset[disabled] .section-standout .btn-primary.active, .card-standout .btn-primary.disabled, .card-standout .btn-primary.disabled:hover, .card-standout .btn-primary.disabled:focus, .card-standout .btn-primary.disabled:active, .card-standout .btn-primary.disabled.active, .card-standout .btn-primary[disabled], .card-standout .btn-primary[disabled]:hover, .card-standout .btn-primary[disabled]:focus, .card-standout .btn-primary[disabled]:active, .card-standout .btn-primary[disabled].active, fieldset[disabled] .card-standout .btn-primary, fieldset[disabled] .card-standout .btn-primary:hover, fieldset[disabled] .card-standout .btn-primary:focus, fieldset[disabled] .card-standout .btn-primary:active, fieldset[disabled] .card-standout .btn-primary.active { background-color: #447766 !important; border-color: #ffffff; } .section-standout .btn-primary .badge, .card-standout .btn-primary .badge { color: #447766; background-color: #fff; } .section-standout .btn-standout, .card-standout .btn-standout { color: #fff; background-color: #194949; border-color: #ffffff; font-weight: 600; } .section-standout .btn-standout:hover, .section-standout .btn-standout:focus, .section-standout .btn-standout:not(:disabled):not(.disabled):active, .section-standout .btn-standout:not(:disabled):not(.disabled).active, .section-standout .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-standout .btn-standout, .card-standout .btn-standout:hover, .card-standout .btn-standout:focus, .card-standout .btn-standout:not(:disabled):not(.disabled):active, .card-standout .btn-standout:not(:disabled):not(.disabled).active, .card-standout .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .card-standout .btn-standout { color: #fff; background-color: #102e2e; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-standout .btn-standout:focus, .card-standout .btn-standout:focus { outline: solid 2px #2ea3f2 !important; } .section-standout .btn-standout:not(:disabled):not(.disabled):active, .section-standout .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-standout .btn-standout, .card-standout .btn-standout:not(:disabled):not(.disabled):active, .card-standout .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-standout .btn-standout { background-image: none; } .section-standout .btn-standout.disabled, .section-standout .btn-standout.disabled:hover, .section-standout .btn-standout.disabled:focus, .section-standout .btn-standout.disabled:active, .section-standout .btn-standout.disabled.active, .section-standout .btn-standout[disabled], .section-standout .btn-standout[disabled]:hover, .section-standout .btn-standout[disabled]:focus, .section-standout .btn-standout[disabled]:active, .section-standout .btn-standout[disabled].active, fieldset[disabled] .section-standout .btn-standout, fieldset[disabled] .section-standout .btn-standout:hover, fieldset[disabled] .section-standout .btn-standout:focus, fieldset[disabled] .section-standout .btn-standout:active, fieldset[disabled] .section-standout .btn-standout.active, .card-standout .btn-standout.disabled, .card-standout .btn-standout.disabled:hover, .card-standout .btn-standout.disabled:focus, .card-standout .btn-standout.disabled:active, .card-standout .btn-standout.disabled.active, .card-standout .btn-standout[disabled], .card-standout .btn-standout[disabled]:hover, .card-standout .btn-standout[disabled]:focus, .card-standout .btn-standout[disabled]:active, .card-standout .btn-standout[disabled].active, fieldset[disabled] .card-standout .btn-standout, fieldset[disabled] .card-standout .btn-standout:hover, fieldset[disabled] .card-standout .btn-standout:focus, fieldset[disabled] .card-standout .btn-standout:active, fieldset[disabled] .card-standout .btn-standout.active { background-color: #194949 !important; border-color: #ffffff; } .section-standout .btn-standout .badge, .card-standout .btn-standout .badge { color: #194949; background-color: #fff; } .section-impact, .card-impact { background: #194949; color: #ffffff; } .section-impact a:not(.btn), .card-impact a:not(.btn) { color: #a1cca1; text-decoration: none; } .section-impact a:not(.btn):hover, .section-impact a:not(.btn):focus, .card-impact a:not(.btn):hover, .card-impact a:not(.btn):focus { color: #a5d8c7; text-decoration: underline; } .section-impact a:not(.btn):focus, .card-impact a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .section-impact a:not(.btn), .card-impact a:not(.btn) { text-decoration: underline; } .section-impact .half-gauge-chart .donut-background, .card-impact .half-gauge-chart .donut-background { fill: #d6d6d6; } .section-impact .half-gauge-chart .donut-halfmark, .card-impact .half-gauge-chart .donut-halfmark { stroke: whitesmoke; } .section-impact .btn-primary, .card-impact .btn-primary { color: #fff; background-color: #447766; border-color: #ffffff; font-weight: 600; } .section-impact .btn-primary:hover, .section-impact .btn-primary:focus, .section-impact .btn-primary:not(:disabled):not(.disabled):active, .section-impact .btn-primary:not(:disabled):not(.disabled).active, .section-impact .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-primary, .card-impact .btn-primary:hover, .card-impact .btn-primary:focus, .card-impact .btn-primary:not(:disabled):not(.disabled):active, .card-impact .btn-primary:not(:disabled):not(.disabled).active, .card-impact .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .card-impact .btn-primary { color: #fff; background-color: #376053; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-impact .btn-primary:focus, .card-impact .btn-primary:focus { outline: solid 2px #2ea3f2 !important; } .section-impact .btn-primary:not(:disabled):not(.disabled):active, .section-impact .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-primary, .card-impact .btn-primary:not(:disabled):not(.disabled):active, .card-impact .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-impact .btn-primary { background-image: none; } .section-impact .btn-primary.disabled, .section-impact .btn-primary.disabled:hover, .section-impact .btn-primary.disabled:focus, .section-impact .btn-primary.disabled:active, .section-impact .btn-primary.disabled.active, .section-impact .btn-primary[disabled], .section-impact .btn-primary[disabled]:hover, .section-impact .btn-primary[disabled]:focus, .section-impact .btn-primary[disabled]:active, .section-impact .btn-primary[disabled].active, fieldset[disabled] .section-impact .btn-primary, fieldset[disabled] .section-impact .btn-primary:hover, fieldset[disabled] .section-impact .btn-primary:focus, fieldset[disabled] .section-impact .btn-primary:active, fieldset[disabled] .section-impact .btn-primary.active, .card-impact .btn-primary.disabled, .card-impact .btn-primary.disabled:hover, .card-impact .btn-primary.disabled:focus, .card-impact .btn-primary.disabled:active, .card-impact .btn-primary.disabled.active, .card-impact .btn-primary[disabled], .card-impact .btn-primary[disabled]:hover, .card-impact .btn-primary[disabled]:focus, .card-impact .btn-primary[disabled]:active, .card-impact .btn-primary[disabled].active, fieldset[disabled] .card-impact .btn-primary, fieldset[disabled] .card-impact .btn-primary:hover, fieldset[disabled] .card-impact .btn-primary:focus, fieldset[disabled] .card-impact .btn-primary:active, fieldset[disabled] .card-impact .btn-primary.active { background-color: #447766 !important; border-color: #ffffff; } .section-impact .btn-primary .badge, .card-impact .btn-primary .badge { color: #447766; background-color: #fff; } .section-impact .btn-standout, .card-impact .btn-standout { color: #fff; background-color: #194949; border-color: #ffffff; font-weight: 600; } .section-impact .btn-standout:hover, .section-impact .btn-standout:focus, .section-impact .btn-standout:not(:disabled):not(.disabled):active, .section-impact .btn-standout:not(:disabled):not(.disabled).active, .section-impact .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-standout, .card-impact .btn-standout:hover, .card-impact .btn-standout:focus, .card-impact .btn-standout:not(:disabled):not(.disabled):active, .card-impact .btn-standout:not(:disabled):not(.disabled).active, .card-impact .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .card-impact .btn-standout { color: #fff; background-color: #102e2e; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-impact .btn-standout:focus, .card-impact .btn-standout:focus { outline: solid 2px #2ea3f2 !important; } .section-impact .btn-standout:not(:disabled):not(.disabled):active, .section-impact .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-standout, .card-impact .btn-standout:not(:disabled):not(.disabled):active, .card-impact .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-impact .btn-standout { background-image: none; } .section-impact .btn-standout.disabled, .section-impact .btn-standout.disabled:hover, .section-impact .btn-standout.disabled:focus, .section-impact .btn-standout.disabled:active, .section-impact .btn-standout.disabled.active, .section-impact .btn-standout[disabled], .section-impact .btn-standout[disabled]:hover, .section-impact .btn-standout[disabled]:focus, .section-impact .btn-standout[disabled]:active, .section-impact .btn-standout[disabled].active, fieldset[disabled] .section-impact .btn-standout, fieldset[disabled] .section-impact .btn-standout:hover, fieldset[disabled] .section-impact .btn-standout:focus, fieldset[disabled] .section-impact .btn-standout:active, fieldset[disabled] .section-impact .btn-standout.active, .card-impact .btn-standout.disabled, .card-impact .btn-standout.disabled:hover, .card-impact .btn-standout.disabled:focus, .card-impact .btn-standout.disabled:active, .card-impact .btn-standout.disabled.active, .card-impact .btn-standout[disabled], .card-impact .btn-standout[disabled]:hover, .card-impact .btn-standout[disabled]:focus, .card-impact .btn-standout[disabled]:active, .card-impact .btn-standout[disabled].active, fieldset[disabled] .card-impact .btn-standout, fieldset[disabled] .card-impact .btn-standout:hover, fieldset[disabled] .card-impact .btn-standout:focus, fieldset[disabled] .card-impact .btn-standout:active, fieldset[disabled] .card-impact .btn-standout.active { background-color: #194949 !important; border-color: #ffffff; } .section-impact .btn-standout .badge, .card-impact .btn-standout .badge { color: #194949; background-color: #fff; } .section-impact .btn-default, .card-impact .btn-default { color: #fff; background-color: transparent; border-color: #daefe8; font-weight: 600; margin-bottom: 12px; } .section-impact .btn-default:hover, .section-impact .btn-default:focus, .section-impact .btn-default:not(:disabled):not(.disabled):active, .section-impact .btn-default:not(:disabled):not(.disabled).active, .section-impact .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .section-impact .btn-default, .card-impact .btn-default:hover, .card-impact .btn-default:focus, .card-impact .btn-default:not(:disabled):not(.disabled):active, .card-impact .btn-default:not(:disabled):not(.disabled).active, .card-impact .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .card-impact .btn-default { color: #fff; background-color: rgba(255, 255, 255, 0.2); border-color: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-impact .btn-default:focus, .card-impact .btn-default:focus { outline: solid 2px #2ea3f2 !important; } .section-impact .btn-default:not(:disabled):not(.disabled):active, .section-impact .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-impact .btn-default, .card-impact .btn-default:not(:disabled):not(.disabled):active, .card-impact .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-impact .btn-default { background-image: none; } .section-impact .btn-default.disabled, .section-impact .btn-default.disabled:hover, .section-impact .btn-default.disabled:focus, .section-impact .btn-default.disabled:active, .section-impact .btn-default.disabled.active, .section-impact .btn-default[disabled], .section-impact .btn-default[disabled]:hover, .section-impact .btn-default[disabled]:focus, .section-impact .btn-default[disabled]:active, .section-impact .btn-default[disabled].active, fieldset[disabled] .section-impact .btn-default, fieldset[disabled] .section-impact .btn-default:hover, fieldset[disabled] .section-impact .btn-default:focus, fieldset[disabled] .section-impact .btn-default:active, fieldset[disabled] .section-impact .btn-default.active, .card-impact .btn-default.disabled, .card-impact .btn-default.disabled:hover, .card-impact .btn-default.disabled:focus, .card-impact .btn-default.disabled:active, .card-impact .btn-default.disabled.active, .card-impact .btn-default[disabled], .card-impact .btn-default[disabled]:hover, .card-impact .btn-default[disabled]:focus, .card-impact .btn-default[disabled]:active, .card-impact .btn-default[disabled].active, fieldset[disabled] .card-impact .btn-default, fieldset[disabled] .card-impact .btn-default:hover, fieldset[disabled] .card-impact .btn-default:focus, fieldset[disabled] .card-impact .btn-default:active, fieldset[disabled] .card-impact .btn-default.active { background-color: transparent !important; border-color: #daefe8; } .section-impact .btn-default .badge, .card-impact .btn-default .badge { color: transparent; background-color: #fff; } .section-impact .btn-default [class^=ca-gov-icon-], .card-impact .btn-default [class^=ca-gov-icon-] { color: #daefe8; padding: 0 5px; } .section-primary, .card-primary { background: #447766; color: #ffffff; } .section-primary a:not(.btn), .card-primary a:not(.btn) { color: #fff; text-decoration: none; } .section-primary a:not(.btn):hover, .section-primary a:not(.btn):focus, .card-primary a:not(.btn):hover, .card-primary a:not(.btn):focus { color: #e8f1ee; text-decoration: underline; } .section-primary a:not(.btn):focus, .card-primary a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .section-primary a:not(.btn), .card-primary a:not(.btn) { text-decoration: underline; } .section-primary .btn-primary, .card-primary .btn-primary { color: #fff; background-color: #447766; border-color: #ffffff; font-weight: 600; } .section-primary .btn-primary:hover, .section-primary .btn-primary:focus, .section-primary .btn-primary:not(:disabled):not(.disabled):active, .section-primary .btn-primary:not(:disabled):not(.disabled).active, .section-primary .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-primary .btn-primary, .card-primary .btn-primary:hover, .card-primary .btn-primary:focus, .card-primary .btn-primary:not(:disabled):not(.disabled):active, .card-primary .btn-primary:not(:disabled):not(.disabled).active, .card-primary .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .card-primary .btn-primary { color: #fff; background-color: #376053; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-primary .btn-primary:focus, .card-primary .btn-primary:focus { outline: solid 2px #2ea3f2 !important; } .section-primary .btn-primary:not(:disabled):not(.disabled):active, .section-primary .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-primary .btn-primary, .card-primary .btn-primary:not(:disabled):not(.disabled):active, .card-primary .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-primary .btn-primary { background-image: none; } .section-primary .btn-primary.disabled, .section-primary .btn-primary.disabled:hover, .section-primary .btn-primary.disabled:focus, .section-primary .btn-primary.disabled:active, .section-primary .btn-primary.disabled.active, .section-primary .btn-primary[disabled], .section-primary .btn-primary[disabled]:hover, .section-primary .btn-primary[disabled]:focus, .section-primary .btn-primary[disabled]:active, .section-primary .btn-primary[disabled].active, fieldset[disabled] .section-primary .btn-primary, fieldset[disabled] .section-primary .btn-primary:hover, fieldset[disabled] .section-primary .btn-primary:focus, fieldset[disabled] .section-primary .btn-primary:active, fieldset[disabled] .section-primary .btn-primary.active, .card-primary .btn-primary.disabled, .card-primary .btn-primary.disabled:hover, .card-primary .btn-primary.disabled:focus, .card-primary .btn-primary.disabled:active, .card-primary .btn-primary.disabled.active, .card-primary .btn-primary[disabled], .card-primary .btn-primary[disabled]:hover, .card-primary .btn-primary[disabled]:focus, .card-primary .btn-primary[disabled]:active, .card-primary .btn-primary[disabled].active, fieldset[disabled] .card-primary .btn-primary, fieldset[disabled] .card-primary .btn-primary:hover, fieldset[disabled] .card-primary .btn-primary:focus, fieldset[disabled] .card-primary .btn-primary:active, fieldset[disabled] .card-primary .btn-primary.active { background-color: #447766 !important; border-color: #ffffff; } .section-primary .btn-primary .badge, .card-primary .btn-primary .badge { color: #447766; background-color: #fff; } .section-primary .btn-standout, .card-primary .btn-standout { color: #fff; background-color: #194949; border-color: #ffffff; font-weight: 600; } .section-primary .btn-standout:hover, .section-primary .btn-standout:focus, .section-primary .btn-standout:not(:disabled):not(.disabled):active, .section-primary .btn-standout:not(:disabled):not(.disabled).active, .section-primary .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-primary .btn-standout, .card-primary .btn-standout:hover, .card-primary .btn-standout:focus, .card-primary .btn-standout:not(:disabled):not(.disabled):active, .card-primary .btn-standout:not(:disabled):not(.disabled).active, .card-primary .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .card-primary .btn-standout { color: #fff; background-color: #102e2e; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-primary .btn-standout:focus, .card-primary .btn-standout:focus { outline: solid 2px #2ea3f2 !important; } .section-primary .btn-standout:not(:disabled):not(.disabled):active, .section-primary .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-primary .btn-standout, .card-primary .btn-standout:not(:disabled):not(.disabled):active, .card-primary .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-primary .btn-standout { background-image: none; } .section-primary .btn-standout.disabled, .section-primary .btn-standout.disabled:hover, .section-primary .btn-standout.disabled:focus, .section-primary .btn-standout.disabled:active, .section-primary .btn-standout.disabled.active, .section-primary .btn-standout[disabled], .section-primary .btn-standout[disabled]:hover, .section-primary .btn-standout[disabled]:focus, .section-primary .btn-standout[disabled]:active, .section-primary .btn-standout[disabled].active, fieldset[disabled] .section-primary .btn-standout, fieldset[disabled] .section-primary .btn-standout:hover, fieldset[disabled] .section-primary .btn-standout:focus, fieldset[disabled] .section-primary .btn-standout:active, fieldset[disabled] .section-primary .btn-standout.active, .card-primary .btn-standout.disabled, .card-primary .btn-standout.disabled:hover, .card-primary .btn-standout.disabled:focus, .card-primary .btn-standout.disabled:active, .card-primary .btn-standout.disabled.active, .card-primary .btn-standout[disabled], .card-primary .btn-standout[disabled]:hover, .card-primary .btn-standout[disabled]:focus, .card-primary .btn-standout[disabled]:active, .card-primary .btn-standout[disabled].active, fieldset[disabled] .card-primary .btn-standout, fieldset[disabled] .card-primary .btn-standout:hover, fieldset[disabled] .card-primary .btn-standout:focus, fieldset[disabled] .card-primary .btn-standout:active, fieldset[disabled] .card-primary .btn-standout.active { background-color: #194949 !important; border-color: #ffffff; } .section-primary .btn-standout .badge, .card-primary .btn-standout .badge { color: #194949; background-color: #fff; } .section-inverted, .card-inverted { background: #222222; color: #fff; } .section-inverted a:not(.btn), .card-inverted a:not(.btn) { color: #a1cca1; text-decoration: none; } .section-inverted a:not(.btn):hover, .section-inverted a:not(.btn):focus, .card-inverted a:not(.btn):hover, .card-inverted a:not(.btn):focus { color: #8abf8a; text-decoration: underline; } .section-inverted a:not(.btn):focus, .card-inverted a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .section-inverted a:not(.btn), .card-inverted a:not(.btn) { text-decoration: underline; } .section-inverted .btn-primary, .card-inverted .btn-primary { color: #fff; background-color: #447766; border-color: #ffffff; font-weight: 600; } .section-inverted .btn-primary:hover, .section-inverted .btn-primary:focus, .section-inverted .btn-primary:not(:disabled):not(.disabled):active, .section-inverted .btn-primary:not(:disabled):not(.disabled).active, .section-inverted .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .section-inverted .btn-primary, .card-inverted .btn-primary:hover, .card-inverted .btn-primary:focus, .card-inverted .btn-primary:not(:disabled):not(.disabled):active, .card-inverted .btn-primary:not(:disabled):not(.disabled).active, .card-inverted .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .card-inverted .btn-primary { color: #fff; background-color: #376053; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-inverted .btn-primary:focus, .card-inverted .btn-primary:focus { outline: solid 2px #2ea3f2 !important; } .section-inverted .btn-primary:not(:disabled):not(.disabled):active, .section-inverted .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-inverted .btn-primary, .card-inverted .btn-primary:not(:disabled):not(.disabled):active, .card-inverted .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-inverted .btn-primary { background-image: none; } .section-inverted .btn-primary.disabled, .section-inverted .btn-primary.disabled:hover, .section-inverted .btn-primary.disabled:focus, .section-inverted .btn-primary.disabled:active, .section-inverted .btn-primary.disabled.active, .section-inverted .btn-primary[disabled], .section-inverted .btn-primary[disabled]:hover, .section-inverted .btn-primary[disabled]:focus, .section-inverted .btn-primary[disabled]:active, .section-inverted .btn-primary[disabled].active, fieldset[disabled] .section-inverted .btn-primary, fieldset[disabled] .section-inverted .btn-primary:hover, fieldset[disabled] .section-inverted .btn-primary:focus, fieldset[disabled] .section-inverted .btn-primary:active, fieldset[disabled] .section-inverted .btn-primary.active, .card-inverted .btn-primary.disabled, .card-inverted .btn-primary.disabled:hover, .card-inverted .btn-primary.disabled:focus, .card-inverted .btn-primary.disabled:active, .card-inverted .btn-primary.disabled.active, .card-inverted .btn-primary[disabled], .card-inverted .btn-primary[disabled]:hover, .card-inverted .btn-primary[disabled]:focus, .card-inverted .btn-primary[disabled]:active, .card-inverted .btn-primary[disabled].active, fieldset[disabled] .card-inverted .btn-primary, fieldset[disabled] .card-inverted .btn-primary:hover, fieldset[disabled] .card-inverted .btn-primary:focus, fieldset[disabled] .card-inverted .btn-primary:active, fieldset[disabled] .card-inverted .btn-primary.active { background-color: #447766 !important; border-color: #ffffff; } .section-inverted .btn-primary .badge, .card-inverted .btn-primary .badge { color: #447766; background-color: #fff; } .section-inverted .btn-standout, .card-inverted .btn-standout { color: #fff; background-color: #194949; border-color: #ffffff; font-weight: 600; } .section-inverted .btn-standout:hover, .section-inverted .btn-standout:focus, .section-inverted .btn-standout:not(:disabled):not(.disabled):active, .section-inverted .btn-standout:not(:disabled):not(.disabled).active, .section-inverted .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .section-inverted .btn-standout, .card-inverted .btn-standout:hover, .card-inverted .btn-standout:focus, .card-inverted .btn-standout:not(:disabled):not(.disabled):active, .card-inverted .btn-standout:not(:disabled):not(.disabled).active, .card-inverted .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .card-inverted .btn-standout { color: #fff; background-color: #102e2e; border-color: #ffffff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .section-inverted .btn-standout:focus, .card-inverted .btn-standout:focus { outline: solid 2px #2ea3f2 !important; } .section-inverted .btn-standout:not(:disabled):not(.disabled):active, .section-inverted .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .section-inverted .btn-standout, .card-inverted .btn-standout:not(:disabled):not(.disabled):active, .card-inverted .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .card-inverted .btn-standout { background-image: none; } .section-inverted .btn-standout.disabled, .section-inverted .btn-standout.disabled:hover, .section-inverted .btn-standout.disabled:focus, .section-inverted .btn-standout.disabled:active, .section-inverted .btn-standout.disabled.active, .section-inverted .btn-standout[disabled], .section-inverted .btn-standout[disabled]:hover, .section-inverted .btn-standout[disabled]:focus, .section-inverted .btn-standout[disabled]:active, .section-inverted .btn-standout[disabled].active, fieldset[disabled] .section-inverted .btn-standout, fieldset[disabled] .section-inverted .btn-standout:hover, fieldset[disabled] .section-inverted .btn-standout:focus, fieldset[disabled] .section-inverted .btn-standout:active, fieldset[disabled] .section-inverted .btn-standout.active, .card-inverted .btn-standout.disabled, .card-inverted .btn-standout.disabled:hover, .card-inverted .btn-standout.disabled:focus, .card-inverted .btn-standout.disabled:active, .card-inverted .btn-standout.disabled.active, .card-inverted .btn-standout[disabled], .card-inverted .btn-standout[disabled]:hover, .card-inverted .btn-standout[disabled]:focus, .card-inverted .btn-standout[disabled]:active, .card-inverted .btn-standout[disabled].active, fieldset[disabled] .card-inverted .btn-standout, fieldset[disabled] .card-inverted .btn-standout:hover, fieldset[disabled] .card-inverted .btn-standout:focus, fieldset[disabled] .card-inverted .btn-standout:active, fieldset[disabled] .card-inverted .btn-standout.active { background-color: #194949 !important; border-color: #ffffff; } .section-inverted .btn-standout .badge, .card-inverted .btn-standout .badge { color: #194949; background-color: #fff; } .section-danger, .card-danger { background: #cd402d; color: #ffffff; } .section-danger a:not(.btn), .card-danger a:not(.btn) { color: #000; text-decoration: none; } .section-danger a:not(.btn):hover, .section-danger a:not(.btn):focus, .card-danger a:not(.btn):hover, .card-danger a:not(.btn):focus { color: #000; text-decoration: underline; } .section-danger a:not(.btn):focus, .card-danger a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .section-danger a:not(.btn), .card-danger a:not(.btn) { text-decoration: underline; } .bg-highlight a:not(.btn) { color: #3b3a48; text-decoration: none; } .bg-highlight a:not(.btn):hover, .bg-highlight a:not(.btn):focus { color: #000; text-decoration: underline; } .bg-highlight a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bg-highlight a:not(.btn) { text-decoration: underline; } .bg-primary { color: #fff; } .bg-primary a:not(.btn) { color: #fff; text-decoration: none; } .bg-primary a:not(.btn):hover, .bg-primary a:not(.btn):focus { color: #e8f1ee; text-decoration: underline; } .bg-primary a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bg-primary a:not(.btn) { text-decoration: underline; } .bg-standout { color: #fff; } .bg-standout a:not(.btn) { color: #a1cca1; text-decoration: none; } .bg-standout a:not(.btn):hover, .bg-standout a:not(.btn):focus { color: #a5d8c7; text-decoration: underline; } .bg-standout a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .bg-standout a:not(.btn) { text-decoration: underline; } a.text-white:not(.btn) { text-decoration: underline; } a.text-white:not(.btn):hover { text-decoration: underline; } /* ----------------------------------------- HEADER SLIDESHOW BANNER /source/scss/colortheme/cs-header-slideshow-banner.scss ----------------------------------------- */ .header-slideshow-banner { background: #000; } /* ----------------------------------------- PROGRESS BARS /source/scss/colortheme/cs-progress-bar.scss ----------------------------------------- */ /* Traditional Colors */ .progress-bar-default { background-color: #d6d6d6; } .progress-striped .progress-bar-default { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-primary { background-color: #447766; } .progress-striped .progress-bar-primary { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-understated { background-color: #e8f1ee; } .progress-striped .progress-bar-understated { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-overstated { background-color: #a1cca1; } .progress-striped .progress-bar-overstated { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-standout { background-color: #194949; } .progress-striped .progress-bar-standout { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* Accent Colors */ .progress-bar-accent1 { background-color: #1b79c0; } .progress-striped .progress-bar-accent1 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent1 { background-color: #1b79c0; } .progress-striped .progress-bar-accent1 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent2 { background-color: #077cbb; } .progress-striped .progress-bar-accent2 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent3 { background-color: #258378; } .progress-striped .progress-bar-accent3 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent4 { background-color: #32852e; } .progress-striped .progress-bar-accent4 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent5 { background-color: #815ab4; } .progress-striped .progress-bar-accent5 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent6 { background-color: #be37cd; } .progress-striped .progress-bar-accent6 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent7 { background-color: #c93e2c; } .progress-striped .progress-bar-accent7 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent8 { background-color: #bb520c; } .progress-striped .progress-bar-accent8 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-accent9 { background-color: #f7e455; } .progress-striped .progress-bar-accent9 { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* ----------------------------------------- COMMENT /source/scss/colortheme/cs-testimonials.scss ----------------------------------------- */ .testimonial-default { background: whitesmoke; } .testimonial-understated { background: #e8f1ee; } .testimonial-overstated { background: #a1cca1; color: #3b3a48; } .testimonial-overstated a:not(.btn) { color: #3b3a48; text-decoration: none; } .testimonial-overstated a:not(.btn):hover, .testimonial-overstated a:not(.btn):focus { color: #000; text-decoration: underline; } .testimonial-overstated a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .testimonial-overstated a:not(.btn) { text-decoration: underline; } .testimonial-overstated footer { color: #000000; } .testimonial-standout { background: #194949; color: #ffffff; } .testimonial-standout a:not(.btn) { color: #fbad23; text-decoration: none; } .testimonial-standout a:not(.btn):hover, .testimonial-standout a:not(.btn):focus { color: #fff; text-decoration: underline; } .testimonial-standout a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .testimonial-standout a:not(.btn) { text-decoration: underline; } .testimonial-standout footer { color: #ffffff; } .testimonial-primary { background: #447766; color: #ffffff; } .testimonial-primary a:not(.btn) { color: #fff; text-decoration: none; } .testimonial-primary a:not(.btn):hover, .testimonial-primary a:not(.btn):focus { color: #e8f1ee; text-decoration: underline; } .testimonial-primary a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .testimonial-primary a:not(.btn) { text-decoration: underline; } .testimonial-primary footer { color: #ffffff; } .testimonial-highlight { background: #fbad23; color: #3b3a48; } .testimonial-highlight a:not(.btn) { color: #3b3a48; text-decoration: none; } .testimonial-highlight a:not(.btn):hover, .testimonial-highlight a:not(.btn):focus { color: #000; text-decoration: underline; } .testimonial-highlight a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .testimonial-highlight a:not(.btn) { text-decoration: underline; } .testimonial-highlight footer { color: #000000; } .testimonial-inverted { background: #222222; color: #fff; } .testimonial-inverted a:not(.btn) { color: #fbad23; text-decoration: none; } .testimonial-inverted a:not(.btn):hover, .testimonial-inverted a:not(.btn):focus { color: #fff; text-decoration: underline; } .testimonial-inverted a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .testimonial-inverted a:not(.btn) { text-decoration: underline; } .testimonial-inverted footer { color: #ffffff; } .testimonial-danger { background: #cd402d; color: #ffffff; } .testimonial-danger a:not(.btn) { color: #000; text-decoration: none; } .testimonial-danger a:not(.btn):hover, .testimonial-danger a:not(.btn):focus { color: #000; text-decoration: underline; } .testimonial-danger a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .testimonial-danger a:not(.btn) { text-decoration: underline; } .testimonial-danger footer { color: #ffffff; } /* ----------------------------------------- CARDS /source/scss/colortheme/cs-cards.scss ----------------------------------------- */ .card-primary { background-color: #046b99; border-color: #046b99; color: #ffffff; } .card-primary a:not(.btn) { color: #fff; text-decoration: none; } .card-primary a:not(.btn):hover, .card-primary a:not(.btn):focus { color: #e8f1ee; text-decoration: underline; } .card-primary a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .card-primary a:not(.btn) { text-decoration: underline; } .card-primary .card-header { border-bottom: 1px solid #046b99; background-color: #035a80; } .card-primary .card-footer { border-top: 1px solid #046b99; background-color: #035a80; } .card-inverted, .card-inverse { background-color: #000000; border-color: #000000; color: #ffffff; } .card-inverted a:not(.btn), .card-inverse a:not(.btn) { color: #a1cca1; text-decoration: none; } .card-inverted a:not(.btn):hover, .card-inverted a:not(.btn):focus, .card-inverse a:not(.btn):hover, .card-inverse a:not(.btn):focus { color: #8abf8a; text-decoration: underline; } .card-inverted a:not(.btn):focus, .card-inverse a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .card-inverted a:not(.btn), .card-inverse a:not(.btn) { text-decoration: underline; } .card-inverted .card-header, .card-inverse .card-header { border-bottom: 1px solid #000000; background-color: black; } .card-inverted .card-footer, .card-inverse .card-footer { border-top: 1px solid #000000; background-color: black; } .card-success { background-color: #32852e; border-color: #32852e; color: #ffffff; } .card-success a:not(.btn) { color: #3b3a48; text-decoration: none; } .card-success a:not(.btn):hover, .card-success a:not(.btn):focus { color: #000; text-decoration: underline; } .card-success a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .card-success a:not(.btn) { text-decoration: underline; } .card-success .card-header { border-bottom: 1px solid #32852e; background-color: #2b7227; } .card-success .card-footer { border-top: 1px solid #32852e; background-color: #2b7227; } .card-info { background-color: #1c7db5; border-color: #1c7db5; color: #ffffff; } .card-info a:not(.btn) { color: #fff; text-decoration: none; } .card-info a:not(.btn):hover, .card-info a:not(.btn):focus { color: #fff; text-decoration: underline; } .card-info a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .card-info a:not(.btn) { text-decoration: underline; } .card-info .card-header { border-bottom: 1px solid #1c7db5; background-color: #196e9f; } .card-info .card-footer { border-top: 1px solid #1c7db5; background-color: #196e9f; } .card-warning { background-color: #c2570f; border-color: #c2570f; color: #ffffff; } .card-warning a:not(.btn) { color: #3b3a48; text-decoration: none; } .card-warning a:not(.btn):hover, .card-warning a:not(.btn):focus { color: #000; text-decoration: underline; } .card-warning a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .card-warning a:not(.btn) { text-decoration: underline; } .card-warning .card-header { border-bottom: 1px solid #c2570f; background-color: #aa4c0d; } .card-warning .card-footer { border-top: 1px solid #c2570f; background-color: #aa4c0d; } .card-danger { background-color: #cd402d; border-color: #cd402d; color: #ffffff; } .card-danger a:not(.btn) { color: #000; text-decoration: none; } .card-danger a:not(.btn):hover, .card-danger a:not(.btn):focus { color: #000; text-decoration: underline; } .card-danger a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .card-danger a:not(.btn) { text-decoration: underline; } .card-danger .card-header { border-bottom: 1px solid #cd402d; background-color: #b83928; } .card-danger .card-footer { border-top: 1px solid #cd402d; background-color: #b83928; } .card-inverse .card-header, .card-inverted .card-header { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .card-inverse .card-footer, .card-inverted .card-footer { border-top: 1px solid rgba(255, 255, 255, 0.2); } /* ----------------------------------------- CARDS THAT USED TO BE PANELS IN BOOTSTRAP 3 leaving .panel class for backward compatibility ----------------------------------------- */ /* Default Cards */ .panel-default, .card-default { border-color: #ddd; } .panel-default > .panel-heading, .panel-default > .card-heading, .card-default > .panel-heading, .card-default > .card-heading { color: #3b3a48; background-color: #a1cca1; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body, .panel-default > .panel-heading + .card-collapse > .card-body, .panel-default > .card-heading + .panel-collapse > .panel-body, .panel-default > .card-heading + .card-collapse > .card-body, .card-default > .panel-heading + .panel-collapse > .panel-body, .card-default > .panel-heading + .card-collapse > .card-body, .card-default > .card-heading + .panel-collapse > .panel-body, .card-default > .card-heading + .card-collapse > .card-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge, .panel-default > .card-heading .badge, .card-default > .panel-heading .badge, .card-default > .card-heading .badge { color: #a1cca1; background-color: #3b3a48; } .panel-default > .panel-footer + .panel-collapse > .panel-body, .panel-default > .panel-footer + .card-collapse > .card-body, .panel-default > .card-footer + .panel-collapse > .panel-body, .panel-default > .card-footer + .card-collapse > .card-body, .card-default > .panel-footer + .panel-collapse > .panel-body, .card-default > .panel-footer + .card-collapse > .card-body, .card-default > .card-footer + .panel-collapse > .panel-body, .card-default > .card-footer + .card-collapse > .card-body { border-bottom-color: #ddd; } .panel-default .panel-heading h2 span[class^=ca-gov-icon-], .panel-default .panel-heading h3 span[class^=ca-gov-icon-], .panel-default .panel-heading h4 span[class^=ca-gov-icon-], .panel-default .panel-heading h5 span[class^=ca-gov-icon-], .panel-default .card-heading h2 span[class^=ca-gov-icon-], .panel-default .card-heading h3 span[class^=ca-gov-icon-], .panel-default .card-heading h4 span[class^=ca-gov-icon-], .panel-default .card-heading h5 span[class^=ca-gov-icon-], .panel-default .card-header h2 span[class^=ca-gov-icon-], .panel-default .card-header h3 span[class^=ca-gov-icon-], .panel-default .card-header h4 span[class^=ca-gov-icon-], .panel-default .card-header h5 span[class^=ca-gov-icon-], .card-default .panel-heading h2 span[class^=ca-gov-icon-], .card-default .panel-heading h3 span[class^=ca-gov-icon-], .card-default .panel-heading h4 span[class^=ca-gov-icon-], .card-default .panel-heading h5 span[class^=ca-gov-icon-], .card-default .card-heading h2 span[class^=ca-gov-icon-], .card-default .card-heading h3 span[class^=ca-gov-icon-], .card-default .card-heading h4 span[class^=ca-gov-icon-], .card-default .card-heading h5 span[class^=ca-gov-icon-], .card-default .card-header h2 span[class^=ca-gov-icon-], .card-default .card-header h3 span[class^=ca-gov-icon-], .card-default .card-header h4 span[class^=ca-gov-icon-], .card-default .card-header h5 span[class^=ca-gov-icon-] { color: #194949; } .panel-default .panel-heading .options .btn-default, .panel-default .card-heading .options .btn-default, .panel-default .card-header .options .btn-default, .card-default .panel-heading .options .btn-default, .card-default .card-heading .options .btn-default, .card-default .card-header .options .btn-default { --bs-btn-color: #000; --bs-btn-bg: #e3f0e3; --bs-btn-border-color: #ddd; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #e7f2e7; --bs-btn-hover-border-color: #e0e0e0; --bs-btn-focus-shadow-rgb: 188, 188, 188; --bs-btn-active-color: #000; --bs-btn-active-bg: #e9f3e9; --bs-btn-active-border-color: #e0e0e0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #e3f0e3; --bs-btn-disabled-border-color: #ddd; } .panel-default .panel-body, .panel-default .card-body, .card-default .panel-body, .card-default .card-body { background: #e8f1ee; color: #3b3a48; } /* Overstated Cards */ .panel-overstated, .card-overstated { border-color: #ddd; } .panel-overstated > .panel-heading, .panel-overstated > .card-heading, .card-overstated > .panel-heading, .card-overstated > .card-heading { color: #fff; background-color: #447766; border-color: #447766; } .panel-overstated > .panel-heading + .panel-collapse > .panel-body, .panel-overstated > .panel-heading + .card-collapse > .card-body, .panel-overstated > .card-heading + .panel-collapse > .panel-body, .panel-overstated > .card-heading + .card-collapse > .card-body, .card-overstated > .panel-heading + .panel-collapse > .panel-body, .card-overstated > .panel-heading + .card-collapse > .card-body, .card-overstated > .card-heading + .panel-collapse > .panel-body, .card-overstated > .card-heading + .card-collapse > .card-body { border-top-color: #ddd; } .panel-overstated > .panel-heading .badge, .panel-overstated > .card-heading .badge, .card-overstated > .panel-heading .badge, .card-overstated > .card-heading .badge { color: #447766; background-color: #fff; } .panel-overstated > .panel-footer + .panel-collapse > .panel-body, .panel-overstated > .panel-footer + .card-collapse > .card-body, .panel-overstated > .card-footer + .panel-collapse > .panel-body, .panel-overstated > .card-footer + .card-collapse > .card-body, .card-overstated > .panel-footer + .panel-collapse > .panel-body, .card-overstated > .panel-footer + .card-collapse > .card-body, .card-overstated > .card-footer + .panel-collapse > .panel-body, .card-overstated > .card-footer + .card-collapse > .card-body { border-bottom-color: #ddd; } .panel-overstated .panel-heading, .panel-overstated .card-heading, .panel-overstated .card-header, .card-overstated .panel-heading, .card-overstated .card-heading, .card-overstated .card-header { border-bottom-width: 5px; border-bottom-style: solid; } .panel-overstated .panel-heading h2 span[class^=ca-gov-icon-], .panel-overstated .panel-heading h3 span[class^=ca-gov-icon-], .panel-overstated .panel-heading h4 span[class^=ca-gov-icon-], .panel-overstated .panel-heading h5 span[class^=ca-gov-icon-], .panel-overstated .card-heading h2 span[class^=ca-gov-icon-], .panel-overstated .card-heading h3 span[class^=ca-gov-icon-], .panel-overstated .card-heading h4 span[class^=ca-gov-icon-], .panel-overstated .card-heading h5 span[class^=ca-gov-icon-], .panel-overstated .card-header h2 span[class^=ca-gov-icon-], .panel-overstated .card-header h3 span[class^=ca-gov-icon-], .panel-overstated .card-header h4 span[class^=ca-gov-icon-], .panel-overstated .card-header h5 span[class^=ca-gov-icon-], .card-overstated .panel-heading h2 span[class^=ca-gov-icon-], .card-overstated .panel-heading h3 span[class^=ca-gov-icon-], .card-overstated .panel-heading h4 span[class^=ca-gov-icon-], .card-overstated .panel-heading h5 span[class^=ca-gov-icon-], .card-overstated .card-heading h2 span[class^=ca-gov-icon-], .card-overstated .card-heading h3 span[class^=ca-gov-icon-], .card-overstated .card-heading h4 span[class^=ca-gov-icon-], .card-overstated .card-heading h5 span[class^=ca-gov-icon-], .card-overstated .card-header h2 span[class^=ca-gov-icon-], .card-overstated .card-header h3 span[class^=ca-gov-icon-], .card-overstated .card-header h4 span[class^=ca-gov-icon-], .card-overstated .card-header h5 span[class^=ca-gov-icon-] { color: #fff; } .panel-overstated .panel-heading .options .btn-default, .panel-overstated .card-heading .options .btn-default, .panel-overstated .card-header .options .btn-default, .card-overstated .panel-heading .options .btn-default, .card-overstated .card-heading .options .btn-default, .card-overstated .card-header .options .btn-default { --bs-btn-color: #fff; --bs-btn-bg: #355d50; --bs-btn-border-color: #447766; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #2d4f44; --bs-btn-hover-border-color: #365f52; --bs-btn-focus-shadow-rgb: 96, 139, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #2a4a40; --bs-btn-active-border-color: #33594d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #355d50; --bs-btn-disabled-border-color: #447766; } .panel-overstated .panel-body, .panel-overstated .card-body, .card-overstated .panel-body, .card-overstated .card-body { background: #e8f1ee; color: #3b3a48; } .panel-overstated .panel-body a:not(.btn), .panel-overstated .card-body a:not(.btn), .card-overstated .panel-body a:not(.btn), .card-overstated .card-body a:not(.btn) { color: #046b99; text-decoration: none; } .panel-overstated .panel-body a:not(.btn):hover, .panel-overstated .panel-body a:not(.btn):focus, .panel-overstated .card-body a:not(.btn):hover, .panel-overstated .card-body a:not(.btn):focus, .card-overstated .panel-body a:not(.btn):hover, .card-overstated .panel-body a:not(.btn):focus, .card-overstated .card-body a:not(.btn):hover, .card-overstated .card-body a:not(.btn):focus { color: #02374e; text-decoration: underline; } .panel-overstated .panel-body a:not(.btn):focus, .panel-overstated .card-body a:not(.btn):focus, .card-overstated .panel-body a:not(.btn):focus, .card-overstated .card-body a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .panel-overstated .panel-body a:not(.btn), .panel-overstated .card-body a:not(.btn), .card-overstated .panel-body a:not(.btn), .card-overstated .card-body a:not(.btn) { text-decoration: underline; } /* Uderstated Cards */ .panel-understated, .card-understated { border-color: #ddd; } .panel-understated > .panel-heading, .panel-understated > .card-heading, .card-understated > .panel-heading, .card-understated > .card-heading { color: #3b3a48; background-color: #e8f1ee; border-color: #e8f1ee; } .panel-understated > .panel-heading + .panel-collapse > .panel-body, .panel-understated > .panel-heading + .card-collapse > .card-body, .panel-understated > .card-heading + .panel-collapse > .panel-body, .panel-understated > .card-heading + .card-collapse > .card-body, .card-understated > .panel-heading + .panel-collapse > .panel-body, .card-understated > .panel-heading + .card-collapse > .card-body, .card-understated > .card-heading + .panel-collapse > .panel-body, .card-understated > .card-heading + .card-collapse > .card-body { border-top-color: #ddd; } .panel-understated > .panel-heading .badge, .panel-understated > .card-heading .badge, .card-understated > .panel-heading .badge, .card-understated > .card-heading .badge { color: #e8f1ee; background-color: #3b3a48; } .panel-understated > .panel-footer + .panel-collapse > .panel-body, .panel-understated > .panel-footer + .card-collapse > .card-body, .panel-understated > .card-footer + .panel-collapse > .panel-body, .panel-understated > .card-footer + .card-collapse > .card-body, .card-understated > .panel-footer + .panel-collapse > .panel-body, .card-understated > .panel-footer + .card-collapse > .card-body, .card-understated > .card-footer + .panel-collapse > .panel-body, .card-understated > .card-footer + .card-collapse > .card-body { border-bottom-color: #ddd; } .panel-understated .panel-heading, .panel-understated .card-heading, .panel-understated .card-header, .card-understated .panel-heading, .card-understated .card-heading, .card-understated .card-header { border-bottom-width: 2px; border-bottom-style: solid; } .panel-understated .panel-heading h2 span[class^=ca-gov-icon-], .panel-understated .panel-heading h3 span[class^=ca-gov-icon-], .panel-understated .panel-heading h4 span[class^=ca-gov-icon-], .panel-understated .panel-heading h5 span[class^=ca-gov-icon-], .panel-understated .card-heading h2 span[class^=ca-gov-icon-], .panel-understated .card-heading h3 span[class^=ca-gov-icon-], .panel-understated .card-heading h4 span[class^=ca-gov-icon-], .panel-understated .card-heading h5 span[class^=ca-gov-icon-], .panel-understated .card-header h2 span[class^=ca-gov-icon-], .panel-understated .card-header h3 span[class^=ca-gov-icon-], .panel-understated .card-header h4 span[class^=ca-gov-icon-], .panel-understated .card-header h5 span[class^=ca-gov-icon-], .card-understated .panel-heading h2 span[class^=ca-gov-icon-], .card-understated .panel-heading h3 span[class^=ca-gov-icon-], .card-understated .panel-heading h4 span[class^=ca-gov-icon-], .card-understated .panel-heading h5 span[class^=ca-gov-icon-], .card-understated .card-heading h2 span[class^=ca-gov-icon-], .card-understated .card-heading h3 span[class^=ca-gov-icon-], .card-understated .card-heading h4 span[class^=ca-gov-icon-], .card-understated .card-heading h5 span[class^=ca-gov-icon-], .card-understated .card-header h2 span[class^=ca-gov-icon-], .card-understated .card-header h3 span[class^=ca-gov-icon-], .card-understated .card-header h4 span[class^=ca-gov-icon-], .card-understated .card-header h5 span[class^=ca-gov-icon-] { color: #194949; } .panel-understated .panel-heading .options .btn-default, .panel-understated .card-heading .options .btn-default, .panel-understated .card-header .options .btn-default, .card-understated .panel-heading .options .btn-default, .card-understated .card-heading .options .btn-default, .card-understated .card-header .options .btn-default { --bs-btn-color: #000; --bs-btn-bg: #cfe2db; --bs-btn-border-color: #ddd; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d6e6e0; --bs-btn-hover-border-color: #e0e0e0; --bs-btn-focus-shadow-rgb: 188, 188, 188; --bs-btn-active-color: #000; --bs-btn-active-bg: #d9e8e2; --bs-btn-active-border-color: #e0e0e0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #cfe2db; --bs-btn-disabled-border-color: #ddd; } .panel-understated .panel-body, .panel-understated .card-body, .card-understated .panel-body, .card-understated .card-body { background: #fff; color: #3b3a48; } /* Standout Cards */ .panel-standout, .card-standout { border-color: #ddd; } .panel-standout > .panel-heading, .panel-standout > .card-heading, .card-standout > .panel-heading, .card-standout > .card-heading { color: #fff; background-color: #194949; border-color: #194949; } .panel-standout > .panel-heading + .panel-collapse > .panel-body, .panel-standout > .panel-heading + .card-collapse > .card-body, .panel-standout > .card-heading + .panel-collapse > .panel-body, .panel-standout > .card-heading + .card-collapse > .card-body, .card-standout > .panel-heading + .panel-collapse > .panel-body, .card-standout > .panel-heading + .card-collapse > .card-body, .card-standout > .card-heading + .panel-collapse > .panel-body, .card-standout > .card-heading + .card-collapse > .card-body { border-top-color: #ddd; } .panel-standout > .panel-heading .badge, .panel-standout > .card-heading .badge, .card-standout > .panel-heading .badge, .card-standout > .card-heading .badge { color: #194949; background-color: #fff; } .panel-standout > .panel-footer + .panel-collapse > .panel-body, .panel-standout > .panel-footer + .card-collapse > .card-body, .panel-standout > .card-footer + .panel-collapse > .panel-body, .panel-standout > .card-footer + .card-collapse > .card-body, .card-standout > .panel-footer + .panel-collapse > .panel-body, .card-standout > .panel-footer + .card-collapse > .card-body, .card-standout > .card-footer + .panel-collapse > .panel-body, .card-standout > .card-footer + .card-collapse > .card-body { border-bottom-color: #ddd; } .panel-standout .panel-heading, .panel-standout .card-heading, .panel-standout .card-header, .card-standout .panel-heading, .card-standout .card-heading, .card-standout .card-header { border-bottom-width: 5px; border-bottom-style: solid; } .panel-standout .panel-heading h2 span[class^=ca-gov-icon-], .panel-standout .panel-heading h3 span[class^=ca-gov-icon-], .panel-standout .panel-heading h4 span[class^=ca-gov-icon-], .panel-standout .panel-heading h5 span[class^=ca-gov-icon-], .panel-standout .card-heading h2 span[class^=ca-gov-icon-], .panel-standout .card-heading h3 span[class^=ca-gov-icon-], .panel-standout .card-heading h4 span[class^=ca-gov-icon-], .panel-standout .card-heading h5 span[class^=ca-gov-icon-], .panel-standout .card-header h2 span[class^=ca-gov-icon-], .panel-standout .card-header h3 span[class^=ca-gov-icon-], .panel-standout .card-header h4 span[class^=ca-gov-icon-], .panel-standout .card-header h5 span[class^=ca-gov-icon-], .card-standout .panel-heading h2 span[class^=ca-gov-icon-], .card-standout .panel-heading h3 span[class^=ca-gov-icon-], .card-standout .panel-heading h4 span[class^=ca-gov-icon-], .card-standout .panel-heading h5 span[class^=ca-gov-icon-], .card-standout .card-heading h2 span[class^=ca-gov-icon-], .card-standout .card-heading h3 span[class^=ca-gov-icon-], .card-standout .card-heading h4 span[class^=ca-gov-icon-], .card-standout .card-heading h5 span[class^=ca-gov-icon-], .card-standout .card-header h2 span[class^=ca-gov-icon-], .card-standout .card-header h3 span[class^=ca-gov-icon-], .card-standout .card-header h4 span[class^=ca-gov-icon-], .card-standout .card-header h5 span[class^=ca-gov-icon-] { color: #fbad23; } .panel-standout .panel-heading .options .btn-default, .panel-standout .card-heading .options .btn-default, .panel-standout .card-header .options .btn-default, .card-standout .panel-heading .options .btn-default, .card-standout .card-heading .options .btn-default, .card-standout .card-header .options .btn-default { --bs-btn-color: #fff; --bs-btn-bg: #0f2b2b; --bs-btn-border-color: #123636; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d2525; --bs-btn-hover-border-color: #0e2b2b; --bs-btn-focus-shadow-rgb: 54, 84, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0c2222; --bs-btn-active-border-color: #0e2929; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0f2b2b; --bs-btn-disabled-border-color: #123636; } .panel-standout .panel-body, .panel-standout .card-body, .card-standout .panel-body, .card-standout .card-body { background: #e8f1ee; color: #3b3a48; } .panel-standout .panel-body a:not(.btn), .panel-standout .card-body a:not(.btn), .card-standout .panel-body a:not(.btn), .card-standout .card-body a:not(.btn) { color: #046b99; text-decoration: none; } .panel-standout .panel-body a:not(.btn):hover, .panel-standout .panel-body a:not(.btn):focus, .panel-standout .card-body a:not(.btn):hover, .panel-standout .card-body a:not(.btn):focus, .card-standout .panel-body a:not(.btn):hover, .card-standout .panel-body a:not(.btn):focus, .card-standout .card-body a:not(.btn):hover, .card-standout .card-body a:not(.btn):focus { color: #02374e; text-decoration: underline; } .panel-standout .panel-body a:not(.btn):focus, .panel-standout .card-body a:not(.btn):focus, .card-standout .panel-body a:not(.btn):focus, .card-standout .card-body a:not(.btn):focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .panel-standout .panel-body a:not(.btn), .panel-standout .card-body a:not(.btn), .card-standout .panel-body a:not(.btn), .card-standout .card-body a:not(.btn) { text-decoration: underline; } /* Adds triangle to card */ .panel-standout.highlight .panel-heading .triangle, .panel-standout.highlight .card-heading .triangle, .panel-standout.highlight .card-header .triangle, .card-standout.highlight .panel-heading .triangle, .card-standout.highlight .card-heading .triangle, .card-standout.highlight .card-header .triangle { content: ""; display: block; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #194949; } /* ----------------------------------------- ACCENT TEXT /source/scss/colortheme/cs-text-accent.scss ----------------------------------------- */ .text-accent1 { color: #1b79c0 !important; } .text-accent2 { color: #077cbb !important; } .text-accent3 { color: #258378 !important; } .text-accent4 { color: #32852e !important; } .text-accent5 { color: #815ab4 !important; } .text-accent6 { color: #be37cd !important; } .text-accent7 { color: #c93e2c !important; } .text-accent8 { color: #bb520c !important; } .text-accent9 { color: #f7e455 !important; } .text-accent-p1 { color: #fbad23 !important; } .text-accent-p2 { color: #447766 !important; } .text-accent-p3 { color: #194949 !important; } .text-accent-s1 { color: #e8f1ee !important; } .text-accent-s2 { color: #daefe8 !important; } .text-accent-s3 { color: #a1cca1 !important; } .color-primary--hover:hover { color: #447766; } .bg-primary--hover:hover { background-color: #447766; } .label-primary { color: #000; background-color: #ededef; border-radius: 0; } .label-info { color: #fff; background-color: #447766; } .label-secondary { color: #3b3a48; background-color: #daefe8; } .label-light { color: #3b3a48; background-color: #e8f1ee; } .label-dark { color: #fff; background-color: #194949; } .label-warning { color: #3b3a48; background-color: #fbad23; } .text-highlight-primary { background-color: #e8f1ee; } .text-highlight-warning { background-color: #fee9c3; } .text-highlight-dark { color: #fff; background-color: #194949; } /* ----------------------------------------- IMAGE HELPERS /source/scss/colortheme/cs-image.scss ----------------------------------------- */ .section-understated .img-thumbnail, .card-understated .img-thumbnail { padding: 0.25rem; background-color: whitesmoke; border: 1px solid #c2c2c2; } .section-overstated .img-thumbnail, .card-overstated .img-thumbnail { padding: 0.25rem; background-color: #d9ebd9; border: 1px solid #87be87; } .section-standout .img-thumbnail, .section-impact .img-thumbnail, .card-standout .img-thumbnail, .card-impact .img-thumbnail { padding: 0.25rem; background-color: #759292; border: 1px solid #0f2b2b; } .section-primary .img-thumbnail, .card-primary .img-thumbnail { padding: 0.25rem; background-color: #c7d6d1; border: 1px solid #31574a; } .section-inverted .img-thumbnail, .card-inverted .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: 1px solid #c2c2c2; } .section-danger .img-thumbnail, .card-danger .img-thumbnail { padding: 0.25rem; background-color: var(--bs-body-bg); border: 1px solid #c2c2c2; } .carousel-video-submenu .owl-item.watching img { border-color: #fbad23; } .carousel-video-submenu .owl-item.watching button { border-color: #fbad23; } /* ----------------------------------------- COMMENT /source/scss/colortheme/cs-buttons.scss ----------------------------------------- */ .btn-primary { color: #fff; background-color: #447766; border-color: #447766; font-weight: 600; } .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-primary { color: #fff; background-color: #376053; border-color: #376053; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-primary:focus { outline: solid 2px #2ea3f2 !important; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #447766 !important; border-color: #447766; } .btn-primary .badge { color: #447766; background-color: #fff; } .btn-primary:disabled { color: #fff !important; } .btn-primary.disabled { color: #fff !important; } .btn-outline-primary { color: #447766; background-color: #fff; border-color: #447766; font-weight: 600; } .btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-primary { color: #376053; background-color: #fff; border-color: #376053; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-primary:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-primary { background-image: none; } .btn-outline-primary.disabled, .btn-outline-primary.disabled:hover, .btn-outline-primary.disabled:focus, .btn-outline-primary.disabled:active, .btn-outline-primary.disabled.active, .btn-outline-primary[disabled], .btn-outline-primary[disabled]:hover, .btn-outline-primary[disabled]:focus, .btn-outline-primary[disabled]:active, .btn-outline-primary[disabled].active, fieldset[disabled] .btn-outline-primary, fieldset[disabled] .btn-outline-primary:hover, fieldset[disabled] .btn-outline-primary:focus, fieldset[disabled] .btn-outline-primary:active, fieldset[disabled] .btn-outline-primary.active { background-color: #fff !important; border-color: #447766; } .btn-outline-primary .badge { color: #fff; background-color: #447766; } .btn-link { color: #447766; text-decoration: none; } .btn-link:hover, .btn-link:focus { color: #194949; } .btn-default { color: #5e5e6a; background-color: rgba(255, 255, 255, 0.65); border-color: #5e5e6a; font-weight: 600; } .btn-default:hover, .btn-default:focus, .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .btn-default .show > .dropdown-toggle, .open > .dropdown-toggle .btn-default { color: #000; background-color: rgb(255, 255, 255); border-color: #000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-default:focus { outline: solid 2px #2ea3f2 !important; } .btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-default { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: rgba(255, 255, 255, 0.65) !important; border-color: #5e5e6a; } .btn-default .badge { color: rgba(255, 255, 255, 0.65); background-color: #5e5e6a; } .btn-standout { color: #fff; background-color: #194949; border-color: #194949; font-weight: 600; } .btn-standout:hover, .btn-standout:focus, .btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active, .btn-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-standout { color: #fff; background-color: #102e2e; border-color: #102e2e; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-standout:focus { outline: solid 2px #2ea3f2 !important; } .btn-standout:not(:disabled):not(.disabled):active, .btn-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-standout { background-image: none; } .btn-standout.disabled, .btn-standout.disabled:hover, .btn-standout.disabled:focus, .btn-standout.disabled:active, .btn-standout.disabled.active, .btn-standout[disabled], .btn-standout[disabled]:hover, .btn-standout[disabled]:focus, .btn-standout[disabled]:active, .btn-standout[disabled].active, fieldset[disabled] .btn-standout, fieldset[disabled] .btn-standout:hover, fieldset[disabled] .btn-standout:focus, fieldset[disabled] .btn-standout:active, fieldset[disabled] .btn-standout.active { background-color: #194949 !important; border-color: #194949; } .btn-standout .badge { color: #194949; background-color: #fff; } .btn-standout:disabled { color: #fff !important; } .btn-standout.disabled { color: #fff !important; } .btn-outline-standout { color: #194949; background-color: #fff; border-color: #194949; font-weight: 600; } .btn-outline-standout:hover, .btn-outline-standout:focus, .btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active, .btn-outline-standout .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-standout { color: #102e2e; background-color: #fff; border-color: #102e2e; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-standout:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-standout:not(:disabled):not(.disabled):active, .btn-outline-standout:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-standout { background-image: none; } .btn-outline-standout.disabled, .btn-outline-standout.disabled:hover, .btn-outline-standout.disabled:focus, .btn-outline-standout.disabled:active, .btn-outline-standout.disabled.active, .btn-outline-standout[disabled], .btn-outline-standout[disabled]:hover, .btn-outline-standout[disabled]:focus, .btn-outline-standout[disabled]:active, .btn-outline-standout[disabled].active, fieldset[disabled] .btn-outline-standout, fieldset[disabled] .btn-outline-standout:hover, fieldset[disabled] .btn-outline-standout:focus, fieldset[disabled] .btn-outline-standout:active, fieldset[disabled] .btn-outline-standout.active { background-color: #fff !important; border-color: #194949; } .btn-outline-standout .badge { color: #fff; background-color: #194949; } .btn-highlight { color: #000; background-color: #fcba46; border-color: #fcba46; font-weight: 600; } .btn-highlight:hover, .btn-highlight:focus, .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active, .btn-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-highlight { color: #3b3a48; background-color: #fcc769; border-color: #fcc769; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-highlight:focus { outline: solid 2px #2ea3f2 !important; } .btn-highlight:not(:disabled):not(.disabled):active, .btn-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-highlight { background-image: none; } .btn-highlight.disabled, .btn-highlight.disabled:hover, .btn-highlight.disabled:focus, .btn-highlight.disabled:active, .btn-highlight.disabled.active, .btn-highlight[disabled], .btn-highlight[disabled]:hover, .btn-highlight[disabled]:focus, .btn-highlight[disabled]:active, .btn-highlight[disabled].active, fieldset[disabled] .btn-highlight, fieldset[disabled] .btn-highlight:hover, fieldset[disabled] .btn-highlight:focus, fieldset[disabled] .btn-highlight:active, fieldset[disabled] .btn-highlight.active { background-color: #fcba46 !important; border-color: #fcba46; } .btn-highlight .badge { color: #fcba46; background-color: #000; } .btn-outline-highlight { color: #000; background-color: transparent; border-color: #fcba46; font-weight: 600; } .btn-outline-highlight:hover, .btn-outline-highlight:focus, .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active, .btn-outline-highlight .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-highlight { color: #3b3a48; background-color: #fafafa; border-color: #fcc769; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-highlight:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-highlight:not(:disabled):not(.disabled):active, .btn-outline-highlight:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-highlight { background-image: none; } .btn-outline-highlight.disabled, .btn-outline-highlight.disabled:hover, .btn-outline-highlight.disabled:focus, .btn-outline-highlight.disabled:active, .btn-outline-highlight.disabled.active, .btn-outline-highlight[disabled], .btn-outline-highlight[disabled]:hover, .btn-outline-highlight[disabled]:focus, .btn-outline-highlight[disabled]:active, .btn-outline-highlight[disabled].active, fieldset[disabled] .btn-outline-highlight, fieldset[disabled] .btn-outline-highlight:hover, fieldset[disabled] .btn-outline-highlight:focus, fieldset[disabled] .btn-outline-highlight:active, fieldset[disabled] .btn-outline-highlight.active { background-color: transparent !important; border-color: #fcba46; } .btn-outline-highlight .badge { color: transparent; background-color: #000; } .btn-secondary { color: #555555; background-color: whitesmoke; border-color: #555555; font-weight: 600; } .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-secondary { color: #02374e; background-color: #fff; border-color: #000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-secondary:focus { outline: solid 2px #2ea3f2 !important; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-secondary { background-image: none; } .btn-secondary.disabled, .btn-secondary.disabled:hover, .btn-secondary.disabled:focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary[disabled], .btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active, .btn-secondary[disabled].active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:hover, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active { background-color: whitesmoke !important; border-color: #555555; } .btn-secondary .badge { color: whitesmoke; background-color: #555555; } .btn-secondary.active { background: #fff; color: #000; } .btn-secondary:disabled { color: #000; } .btn-secondary.disabled { color: #000; } .btn-s1 { color: #555555; background-color: #e8f1ee; border-color: #555555; font-weight: 600; } .btn-s1:hover, .btn-s1:focus, .btn-s1:not(:disabled):not(.disabled):active, .btn-s1:not(:disabled):not(.disabled).active, .btn-s1 .show > .dropdown-toggle, .open > .dropdown-toggle .btn-s1 { color: #000; background-color: #fff; border-color: #000; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-s1:focus { outline: solid 2px #2ea3f2 !important; } .btn-s1:not(:disabled):not(.disabled):active, .btn-s1:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-s1 { background-image: none; } .btn-s1.disabled, .btn-s1.disabled:hover, .btn-s1.disabled:focus, .btn-s1.disabled:active, .btn-s1.disabled.active, .btn-s1[disabled], .btn-s1[disabled]:hover, .btn-s1[disabled]:focus, .btn-s1[disabled]:active, .btn-s1[disabled].active, fieldset[disabled] .btn-s1, fieldset[disabled] .btn-s1:hover, fieldset[disabled] .btn-s1:focus, fieldset[disabled] .btn-s1:active, fieldset[disabled] .btn-s1.active { background-color: #e8f1ee !important; border-color: #555555; } .btn-s1 .badge { color: #e8f1ee; background-color: #555555; } .btn-s1.active { background: #fff; color: #000; } .btn-s1:disabled { color: #000; } .btn-outline-secondary { color: #555555; background-color: #fff; border-color: #555555; font-weight: 600; } .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-secondary { color: #444444; background-color: #fff; border-color: #444444; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-secondary:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-secondary { background-image: none; } .btn-outline-secondary.disabled, .btn-outline-secondary.disabled:hover, .btn-outline-secondary.disabled:focus, .btn-outline-secondary.disabled:active, .btn-outline-secondary.disabled.active, .btn-outline-secondary[disabled], .btn-outline-secondary[disabled]:hover, .btn-outline-secondary[disabled]:focus, .btn-outline-secondary[disabled]:active, .btn-outline-secondary[disabled].active, fieldset[disabled] .btn-outline-secondary, fieldset[disabled] .btn-outline-secondary:hover, fieldset[disabled] .btn-outline-secondary:focus, fieldset[disabled] .btn-outline-secondary:active, fieldset[disabled] .btn-outline-secondary.active { background-color: #fff !important; border-color: #555555; } .btn-outline-secondary .badge { color: #fff; background-color: #555555; } .btn-light { color: #5e5e6a; background-color: #fff; border-color: #fff; font-weight: 600; } .btn-light:hover, .btn-light:focus, .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .btn-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-light { color: #000; background-color: #ededef; border-color: #ededef; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-light:focus { outline: solid 2px #2ea3f2 !important; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-light { background-image: none; } .btn-light.disabled, .btn-light.disabled:hover, .btn-light.disabled:focus, .btn-light.disabled:active, .btn-light.disabled.active, .btn-light[disabled], .btn-light[disabled]:hover, .btn-light[disabled]:focus, .btn-light[disabled]:active, .btn-light[disabled].active, fieldset[disabled] .btn-light, fieldset[disabled] .btn-light:hover, fieldset[disabled] .btn-light:focus, fieldset[disabled] .btn-light:active, fieldset[disabled] .btn-light.active { background-color: #fff !important; border-color: #fff; } .btn-light .badge { color: #fff; background-color: #5e5e6a; } .btn-outline-light { color: #fff; background-color: transparent; border-color: #fff; font-weight: 600; } .btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .btn-outline-light .show > .dropdown-toggle, .open > .dropdown-toggle .btn-outline-light { color: #ededef; background-color: transparent; border-color: #ededef; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); } .btn-outline-light:focus { outline: solid 2px #2ea3f2 !important; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .open > .dropdown-toggle .btn-outline-light { background-image: none; } .btn-outline-light.disabled, .btn-outline-light.disabled:hover, .btn-outline-light.disabled:focus, .btn-outline-light.disabled:active, .btn-outline-light.disabled.active, .btn-outline-light[disabled], .btn-outline-light[disabled]:hover, .btn-outline-light[disabled]:focus, .btn-outline-light[disabled]:active, .btn-outline-light[disabled].active, fieldset[disabled] .btn-outline-light, fieldset[disabled] .btn-outline-light:hover, fieldset[disabled] .btn-outline-light:focus, fieldset[disabled] .btn-outline-light:active, fieldset[disabled] .btn-outline-light.active { background-color: transparent !important; border-color: #fff; } .btn-outline-light .badge { color: transparent; background-color: #fff; } .check-icon-radio { color: #447766; border-color: #447766; } .check-icon-checkbox { border-color: #447766; } input[type=checkbox]:checked + i, input[type=radio]:checked + i, input[type=checkbox]:checked + * i, input[type=radio]:checked + * i { color: #fff; background-color: #447766; border-color: #447766; } .bg-primary--checked.checked, .checked .bg-primary--checked { background-color: #447766 !important; } /* ----------------------------------------- FORM /source/scss/colortheme/cs-form.scss ----------------------------------------- */ .custom-file-label:after { background-color: #447766; } .check-icon-radio { color: #447766; border-color: #447766; } .check-icon-checkbox { border-color: #447766; } input[type=checkbox]:checked + i, input[type=radio]:checked + i, input[type=checkbox]:checked + * i, input[type=radio]:checked + * i { background-color: #447766; border-color: #447766; } .bg-primary--checked.checked, .checked .bg-primary--checked { background-color: #447766 !important; } /* primary Color */ input[type=checkbox]:checked + .bg-primary--checked, input[type=radio]:checked + .bg-primary--checked, input[type=checkbox]:checked + * .bg-primary--checked, input[type=radio]:checked + * .bg-primary--checked { background-color: #447766; } /* highlight Color */ input[type=checkbox]:checked + .bg-highlight--checked, input[type=radio]:checked + .bg-highlight--checked, input[type=checkbox]:checked + * .bg-highlight--checked, input[type=radio]:checked + * .bg-highlight--checked { background-color: #fbad23; } /* Focusable custom checkboxes and radios for accessibility */ input[type=checkbox]:focus + div, input[type=radio]:focus + div { box-shadow: 0 0 2px 2px #a1cca1; } .custom-radio .custom-control-input:checked ~ .custom-control-label::before { background-color: #447766; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #447766; } .form-check-input:checked, .custom-control-input:checked { background-color: #447766; border-color: #447766; } /* ----------------------------------------- COMMENT /source/scss/colortheme/cs-blocks.scss ----------------------------------------- */ .bg-blue-gradient { background-repeat: repeat-x; background-image: linear-gradient(225deg, #72af9b, #447766); } .circle-icon { background: #222222; } .icon-link:hover, .icon-link:focus { color: #e8f1ee !important; } .service-tile-empty { background: #1c1d1e; color: #171717; } .main-content a.color-gray-dark { text-decoration: underline; } .main-content a.color-primary-hover:hover { text-decoration: underline; } /* ----------------------------------------- PANES /source/scss/colortheme/cs-panes.scss ----------------------------------------- */ @media (min-width: 768px) { .bg-highlight.group-right:before, .bg-p1.group-right:before { border-right-color: #fbad23; } .bg-highlight.group-left:after, .bg-p1.group-left:after { border-left-color: #fbad23; } .section-primary.group-right:before, .bg-primary.group-right:before, .bg-p2.group-right:before { border-right-color: #447766; } .section-primary.group-left:after, .bg-primary.group-left:after, .bg-p2.group-left:after { border-left-color: #447766; } .section-default.group-right:before { border-right-color: whitesmoke; } .section-default.group-left:after { border-left-color: whitesmoke; } .section-standout.group-right:before, .bg-standout.group-right:before, .bg-p3.group-right:before { border-right-color: #194949; } .section-standout.group-left:after, .bg-standout.group-left:after, .bg-p3.group-left:after { border-left-color: #194949; } .section-understated.group-right:before, .bg-s1.group-right:before { border-right-color: #e8f1ee; } .section-understated.group-left:after, .bg-s1.group-left:after { border-left-color: #e8f1ee; } .section-inverted.group-right:before { border-right-color: #222222; } .section-inverted.group-left:after { border-left-color: #222222; } } @media (max-width: 767px) { .bg-highlight.group-right:before, .bg-p1.group-right:before, .bg-highlight.group-left:after, .bg-p1.group-left:after { border-bottom-color: #fbad23; } .section-primary.group-right:before, .bg-primary.group-right:before, .bg-p2.group-right:before, .section-primary.group-left:after, .bg-primary.group-left:after, .bg-p2.group-left:after { border-bottom-color: #447766; } .section-default.group-right:before, .section-default.group-left:after { border-bottom-color: whitesmoke; } .section-standout.group-right:before, .bg-standout.group-right:before, .bg-p3.group-right:before, .section-standout.group-left:after, .bg-standout.group-left:after, .bg-p3.group-left:after { border-bottom-color: #194949; } .section-understated.group-right:before, .bg-s1 .group-right:before, .section-understated.group-left:after, .bg-s1.group-left:after { border-bottom-color: #e8f1ee; } .section-inverted.group-right:before, .section-inverted.group-left:after { border-bottom-color: #222222; } } /* ----------------------------------------- BACK-TO-TOP / RETURN TOP /source/scss/colortheme/cs-return-top.scss ----------------------------------------- */ .return-top { border-color: #447766; color: #447766; } .return-top.is-visible:hover, .return-top.is-visible:focus { color: #376053; border-color: #376053; } /* ----------------------------------------- SIDE NAVIGATION /source/scss/colortheme/cs-side-navigation.scss ----------------------------------------- */ .side-navigation ul li a.active:before, .list-navigation li a.active:before { border-left-color: #fbad23; } /* MOBILE */ .sidenav-mobile-btn { background-color: #e8f1ee; } .sidenav-mobile-btn .sidenav-toggle { color: #447766; } .sidenav-mobile-btn .sidenav-toggle:hover, .sidenav-mobile-btn .sidenav-toggle:focus { color: #376053; } .mobile-sidenav { background-color: #194949; } .mobile-sidenav .side-navigation ul li a, .mobile-sidenav .list-navigation li a { color: #fff; border-bottom-color: #194949; } .mobile-sidenav .side-navigation ul li a:hover, .mobile-sidenav .side-navigation ul li a:focus, .mobile-sidenav .list-navigation li a:hover, .mobile-sidenav .list-navigation li a:focus { color: #fff; background-color: #226464; } .mobile-sidenav .side-navigation ul li a.active, .mobile-sidenav .list-navigation li a.active { background-color: #226464; } .mobile-sidenav .side-navigation ul li a.active:before, .mobile-sidenav .list-navigation li a.active:before { color: #fff; border-left-color: #fbad23; } .mobile-sidenav .side-navigation ul li a.active:hover, .mobile-sidenav .side-navigation ul li a.active:focus, .mobile-sidenav .list-navigation li a.active:hover, .mobile-sidenav .list-navigation li a.active:focus { color: #fff; background-color: #194949; } .mobile-sidenav .side-navigation ul li a ul li a.active::before, .mobile-sidenav .list-navigation li a ul li a.active::before { border-left-color: #fbad23; } /* DESKTOP */ @media (min-width: 992px) { .side-navigation ul li a, .list-navigation li a { color: #5e5e6a; } .side-navigation ul li a:hover, .side-navigation ul li a:hover, .list-navigation li a:hover, .list-navigation li a:hover { color: #3b3a48; } .side-navigation ul li a.active:before, .list-navigation li a.active:before { border-left-color: #fbad23; } .side-navigation ul li ul li a.active::before, .list-navigation li ul li a.active::before { border-left-color: #fbad23; } a.sidenav { color: #5e5e6a; } a.sidenav:hover, a.sidenav:hover { color: #3b3a48; } a.sidenav.active:before { border-left-color: #fbad23; } } /* bootstrap side navigation */ .list-group-item.active { background-color: #447766; border-color: #447766; } .list-group-item.active:hover { background-color: #376053 !important; border-color: #376053; } .list-group.section-standout .list-group-item, .list-group.section-standout .list-group-item > button { background-color: #194949 !important; color: #ffffff !important; } .list-group.section-standout .list-group-item:hover, .list-group.section-standout .list-group-item:focus, .list-group.section-standout .list-group-item.open, .list-group.section-standout .list-group-item > button:hover, .list-group.section-standout .list-group-item > button:focus, .list-group.section-standout .list-group-item > button.open { background: #102e2e !important; color: #ffffff !important; } .list-group.section-standout .list-group-item.active, .list-group.section-standout .list-group-item > button.active { background-color: #fff !important; border-color: #194949; color: #194949 !important; } .list-group.section-standout .list-group-item.active:hover, .list-group.section-standout .list-group-item.active:focus, .list-group.section-standout .list-group-item > button.active:hover, .list-group.section-standout .list-group-item > button.active:focus { background-color: #f8f9fa !important; border-color: #194949; } .list-group.section-overstated .list-group-item, .list-group.section-overstated .list-group-item > button { background: #447766 !important; color: #ffffff !important; } .list-group.section-overstated .list-group-item:hover, .list-group.section-overstated .list-group-item:focus, .list-group.section-overstated .list-group-item.open, .list-group.section-overstated .list-group-item > button:hover, .list-group.section-overstated .list-group-item > button:focus, .list-group.section-overstated .list-group-item > button.open { background: #376053 !important; color: #ffffff !important; } .list-group.section-overstated .list-group-item.active, .list-group.section-overstated .list-group-item > button.active { background-color: #fff !important; border-color: #447766; color: #447766 !important; } .list-group.section-overstated .list-group-item.active:hover, .list-group.section-overstated .list-group-item.active:focus, .list-group.section-overstated .list-group-item > button.active:hover, .list-group.section-overstated .list-group-item > button.active:focus { background-color: #f8f9fa !important; border-color: #447766; } .list-group.section-impact .list-group-item, .list-group.section-impact .list-group-item > button { background: #194949 !important; color: #ffffff !important; } .list-group.section-impact .list-group-item:hover, .list-group.section-impact .list-group-item:focus, .list-group.section-impact .list-group-item > button:hover, .list-group.section-impact .list-group-item > button:focus { background: #102e2e !important; color: #ffffff !important; } .list-group.section-impact .list-group-item.active, .list-group.section-impact .list-group-item > button.active { background-color: #fff !important; border-color: #194949; color: #194949 !important; } .list-group.section-impact .list-group-item.active:hover, .list-group.section-impact .list-group-item.active:focus, .list-group.section-impact .list-group-item > button.active:hover, .list-group.section-impact .list-group-item > button.active:focus { background-color: #f8f9fa !important; border-color: #194949; } .list-group.section-primary .list-group-item, .list-group.section-primary .list-group-item > button { background: #447766 !important; color: #ffffff !important; } .list-group.section-primary .list-group-item:hover, .list-group.section-primary .list-group-item:focus, .list-group.section-primary .list-group-item.open, .list-group.section-primary .list-group-item > button:hover, .list-group.section-primary .list-group-item > button:focus, .list-group.section-primary .list-group-item > button.open { background: #376053 !important; color: #ffffff !important; } .list-group.section-primary .list-group-item.active, .list-group.section-primary .list-group-item > button.active { background-color: #fff !important; border-color: #447766; color: #447766 !important; } .list-group.section-primary .list-group-item.active:hover, .list-group.section-primary .list-group-item.active:focus, .list-group.section-primary .list-group-item > button.active:hover, .list-group.section-primary .list-group-item > button.active:focus { background-color: #f8f9fa !important; border-color: #447766; } .list-group.section-inverted .list-group-item, .list-group.section-inverted .list-group-item > button { background: #222222 !important; color: #fff !important; } .list-group.section-inverted .list-group-item:hover, .list-group.section-inverted .list-group-item:focus, .list-group.section-inverted .list-group-item.open, .list-group.section-inverted .list-group-item > button:hover, .list-group.section-inverted .list-group-item > button:focus, .list-group.section-inverted .list-group-item > button.open { background: #111111 !important; color: #fff !important; } .list-group.section-inverted .list-group-item.active, .list-group.section-inverted .list-group-item > button.active { background-color: #fff !important; border-color: #194949; color: #194949 !important; } .list-group.section-inverted .list-group-item.active:hover, .list-group.section-inverted .list-group-item.active:focus, .list-group.section-inverted .list-group-item > button.active:hover, .list-group.section-inverted .list-group-item > button.active:focus { background-color: #f8f9fa !important; border-color: #194949; } .list-group.section-danger .list-group-item, .list-group.section-danger .list-group-item > button { background: #cd402d !important; color: #ffffff !important; } .list-group.section-danger .list-group-item:hover, .list-group.section-danger .list-group-item:focus, .list-group.section-danger .list-group-item.open, .list-group.section-danger .list-group-item > button:hover, .list-group.section-danger .list-group-item > button:focus, .list-group.section-danger .list-group-item > button.open { background: #b03727 !important; color: #ffffff !important; } .list-group.section-danger .list-group-item.active, .list-group.section-danger .list-group-item > button.active { background-color: #fff !important; border-color: #cd402d; color: #cd402d !important; } .list-group.section-danger .list-group-item.active:hover, .list-group.section-danger .list-group-item.active:focus, .list-group.section-danger .list-group-item > button.active:hover, .list-group.section-danger .list-group-item > button.active:focus { background-color: #f8f9fa !important; border-color: #cd402d; } .list-group.section-understated .list-group-item, .list-group.section-understated .list-group-item > button { background: #e8f1ee !important; } .list-group.section-understated .list-group-item:hover, .list-group.section-understated .list-group-item:focus, .list-group.section-understated .list-group-item.open, .list-group.section-understated .list-group-item > button:hover, .list-group.section-understated .list-group-item > button:focus, .list-group.section-understated .list-group-item > button.open { background: #d2e3de !important; } .list-group.section-understated .list-group-item.active, .list-group.section-understated .list-group-item > button.active { background-color: #447766 !important; border-color: #447766; color: #fff !important; } .list-group.section-understated .list-group-item.active:hover, .list-group.section-understated .list-group-item.active:focus, .list-group.section-understated .list-group-item > button.active:hover, .list-group.section-understated .list-group-item > button.active:focus { background-color: #376053 !important; border-color: #376053 !important; } .list-group.section-default .list-group-item, .list-group.section-default .list-group-item > button { background: whitesmoke !important; } .list-group.section-default .list-group-item:hover, .list-group.section-default .list-group-item:focus, .list-group.section-default .list-group-item.open, .list-group.section-default .list-group-item > button:hover, .list-group.section-default .list-group-item > button:focus, .list-group.section-default .list-group-item > button.open { background: #e3e3e3 !important; } .list-group.section-default .list-group-item.active, .list-group.section-default .list-group-item > button.active { background-color: #447766 !important; border-color: #447766; color: #fff !important; } .list-group.section-default .list-group-item.active:hover, .list-group.section-default .list-group-item.active:focus, .list-group.section-default .list-group-item > button.active:hover, .list-group.section-default .list-group-item > button.active:focus { background-color: #376053 !important; border-color: #376053 !important; } /* ----------------------------------------- STEP LIST /source/scss/colortheme/cs-step-list.scss ----------------------------------------- */ .cagov-step-list li { border-color: #fbad23; } .cagov-step-list li::before { border-color: #fbad23; } /* ----------------------------------------- ACCORDION SIDE NAVIGATION /source/scss/colortheme/cs-accordion-sidenav.scss ----------------------------------------- */ cagov-accordion.sidenav details summary { color: #5e5e6a; } cagov-accordion.sidenav details summary:hover, cagov-accordion.sidenav details summary:focus { color: #000; } cagov-accordion.sidenav details summary.active { color: #5e5e6a !important; } cagov-accordion.sidenav details summary.active:hover, cagov-accordion.sidenav details summary.active:focus { color: #000 !important; } cagov-accordion.sidenav details summary.active:before { background-color: #fbad23 !important; } .side-subnav li a { color: #4a4958; } .side-subnav li a:hover, .side-subnav li a:focus { color: #000; } .side-subnav li a.active:before { border-left-color: #fbad23; } .side-nav .accordion .accordion__heading .accordion__trigger { color: #4a4958; } .side-nav .accordion .accordion__heading.active .accordion__trigger { background-color: #447766, 7%; } .side-nav .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav .accordion .accordion__heading.active .accordion__trigger:focus { background-color: #376053 !important; } .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger { color: #4a4958 !important; background-color: #fafafa !important; } .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-standout .accordion .accordion__heading.active .accordion__trigger:focus { color: #000 !important; background-color: #ededef !important; } .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger { color: #4a4958 !important; background-color: #fafafa !important; } .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-primary .accordion .accordion__heading.active .accordion__trigger:focus { color: #000 !important; background-color: #ededef !important; } .side-nav.section-understated .accordion .accordion__heading .accordion__trigger { color: #4a4958; } .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger { background-color: #447766 !important; } .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:hover, .side-nav.section-understated .accordion .accordion__heading.active .accordion__trigger:focus { background-color: #376053 !important; } /* ----------------------------------------- ALERT /source/scss/colortheme/cs-alert.scss ----------------------------------------- */ .alert-banner { background-color: #194949; color: #fff; } .alert-banner a:not(.btn), .alert-banner .close { color: #fff; } .alert-banner a:not(.btn):focus, .alert-banner a:not(.btn):hover, .alert-banner .close:focus, .alert-banner .close:hover { color: #fbad23; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; } .alert-warning a:not(.btn), .alert-warning .close { color: #8a6d3b; } .alert-warning a:not(.btn):focus, .alert-warning a:not(.btn):hover, .alert-warning .close:focus, .alert-warning .close:hover { color: #715930; } .alert-info { color: #31708f; background-color: #d9edf7; } .alert-info a:not(.btn), .alert-info .close { color: #31708f; } .alert-info a:not(.btn):focus, .alert-info a:not(.btn):hover, .alert-info .close:focus, .alert-info .close:hover { color: #1f465a; } .alert-danger { color: #a94442; background-color: #f2dede; } .alert-danger a:not(.btn), .alert-danger .close { color: #a94442; } .alert-danger a:not(.btn):focus, .alert-danger a:not(.btn):hover, .alert-danger .close:focus, .alert-danger .close:hover { color: #762f2e; } .alert-success { color: #3c763d; background-color: #dff0d8; } .alert-success a:not(.btn), .alert-success .close { color: #3c763d; } .alert-success a:not(.btn):focus, .alert-success a:not(.btn):hover, .alert-success .close:focus, .alert-success .close:hover { color: #244725; } .alert-severe { color: #4a4958 !important; background-color: #fbad23; } .alert-severe a:not(.btn), .alert-severe .close { color: #4a4958 !important; } .alert-severe a:not(.btn):focus, .alert-severe a:not(.btn):hover, .alert-severe .close:focus, .alert-severe .close:hover { color: #000 !important; } /* ----------------------------------------- LINK GRID /source/scss/colortheme/cs-link-grid.scss ----------------------------------------- */ .link-grid { color: #447766; border-bottom: 4px solid #447766; } .link-grid:hover, .link-grid:focus { color: #376053; } .bg-primary .link-grid { border-color: #fff; } .bg-primary .link-grid:hover, .bg-primary .link-grid:focus { background-color: #376053; } /* ----------------------------------------- COMMENT /source/scss/colortheme/cs-blockquote.scss ----------------------------------------- */ blockquote { border-color: #447766; } blockquote::before { color: #447766; } blockquote.prominent { background-color: #447766; color: #fff; } blockquote.prominent::before { color: #fff; } blockquote.prominent p, blockquote.prominent footer { color: #fff; } /* ----------------------------------------- CARDS /source/scss/colortheme/cs-executive-profile.scss ----------------------------------------- */ .executive-profile { background-color: #e8f1ee; } .executive-profile.dark .executive-profile-body { border-left-color: #fff; } .executive-profile.dark p, .executive-profile.dark .executive-name, .executive-profile.dark a { color: #fff; } .executive-profile.dark a:hover, .executive-profile.dark a:focus { color: #fbad23; } /* ----------------------------------------- UTILITY HEADER /source/scss/colortheme/cs-utility.scss ----------------------------------------- */ .utility-header { background: #e8f1ee; color: #000; } .utility-header .social-media-links a { color: #000; text-decoration: none; } .utility-header .social-media-links a:hover, .utility-header .social-media-links a:focus { color: #4a4958; } .utility-header .settings-links button { color: #000; } .utility-header .settings-links button:hover, .utility-header .settings-links button:focus { color: #4a4958; } .utility-header a { color: #000; } .utility-header a:hover, .utility-header a:focus, .utility-header a.hovered { color: #4a4958; } .utility-header ul li { padding: 0 8px; } .utility-header ul li button { color: #000; } .utility-header ul li button:hover, .utility-header ul li button:focus { color: #4a4958; } /* ----------------------------------------- SITE HEADER /source/scss/colortheme/cs-site-header.scss ----------------------------------------- */ .toggle-menu span { background-color: #447766; } .mobile-controls { background: #fff; } .mobile-control { color: #72717c; } .mobile-control a { color: #72717c; text-decoration: none; } .mobile-control.toggle-sub-nav { color: #447766; background-color: #e8f1ee; } .mobile-control.toggle-sub-nav:hover, .mobile-control.toggle-sub-nav:focus { outline: none; background-color: #eef5f3; } /* ----------------------------------------- HIGH CONTRAST MODE /source/scss/colortheme/cs-high-contrast.scss ----------------------------------------- */ html.high-contrast { /* General Reset */ /* Additional custom overrides */ } html.high-contrast * { background-color: #000 !important; background-image: none !important; border-color: #ffd600 !important; box-shadow: none !important; color: #ffd600 !important; text-shadow: none !important; } html.high-contrast .gauge-detail, html.high-contrast .gauge-number, html.high-contrast .percent-detail { background: none !important; } html.high-contrast .service-tile .teaser:before { border: none !important; } html.high-contrast .enableHighContrastMode.active, html.high-contrast .disableHighContrastMode.active { background: #ffd600 !important; color: #000 !important; } html.high-contrast .close { opacity: 1; } html.high-contrast input[type=checkbox]:checked + i, html.high-contrast input[type=radio]:checked + i, html.high-contrast input[type=checkbox]:checked + * i, html.high-contrast input[type=radio]:checked + * i { color: #000 !important; background-color: #ffd600 !important; border-color: #ffd600; } html.high-contrast .bg-primary--checked.checked, html.high-contrast .checked .bg-primary--checked { background-color: #ffd600 !important; } html.high-contrast .check-icon-checkbox { color: #000 !important; border-color: #ffd600 !important; } html.high-contrast .check-icon-checkbox i { color: #000 !important; } html.high-contrast .select { border: 1px solid #ffd600 !important; } html.high-contrast .select::after { border-left: 1px solid #ffd600 !important; background: #000 !important; } html.high-contrast .check { border: 1px solid #ffd600 !important; } html.high-contrast input[type=checkbox]:checked + .bg-primary--checked, html.high-contrast input[type=radio]:checked + .bg-primary--checked, html.high-contrast input[type=checkbox]:checked + * .bg-primary--checked, html.high-contrast input[type=radio]:checked + * .bg-primary--checked { background-color: #ffd600 !important; color: #000 !important; } html.high-contrast input[type=checkbox]:checked + .bg-highlight--checked, html.high-contrast input[type=radio]:checked + .bg-highlight--checked, html.high-contrast input[type=checkbox]:checked + * .bg-highlight--checked, html.high-contrast input[type=radio]:checked + * .bg-highlight--checked { background-color: #ffd600 !important; color: #000 !important; } html.high-contrast input[type=checkbox]:checked + .color-white--checked, html.high-contrast input[type=radio]:checked + .color-white--checked, html.high-contrast input[type=checkbox]:checked + * .color-white--checked, html.high-contrast input[type=radio]:checked + * .color-white--checked { color: #000 !important; } /* ------------------------------------------------ MBC Custom CSS --------------------------------------------------*/ /* For broken links with no alternative URL, delete the href attribute from the anchor and add the following attributes instead: data-bs-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="mbc-custom-tooltip" data-bs-title="This link is no longer valid." example: The anchor text goes here... */ /* ------------------------------------------------ FONTS - settings --------------------------------------------------*/ @font-face { font-family: "OpenDyslexic3"; src: url("https://www.mbc.ca.gov/fonts/OpenDyslexic3-Regular.ttf"); font-weight: normal; } @font-face { font-family: "OpenDyslexic3"; src: url("https://www.mbc.ca.gov/fonts/OpenDyslexic3-Bold.ttf"); font-weight: bold; } /* ------------------------------------------------ VARIABLES -- global --------------------------------------------------*/ :root { --color-primary-aaa: #3A5F57; /* slightly darker primary for AAA accessibility */ --color-gray-aaa: #595959; /* 7:1 contrast with white */ --color-red-aaa: #B30000; /* over 7:1 contrast with white */ --color-off-black: #212121; } /* ------------------------------------------------ GLOBAL OVERRIDES -- all pages --------------------------------------------------*/ @media (min-width: 992px) { .container, .branding, .main-navigation { max-width: 1440px; } .full-width-nav .nav-item .first-level-btn { text-align: center; } } /* Add margin to scroll top. This keeps things from being covered by the header when navigating using anchor tags (#some-id). */ [id] { scroll-margin-top: 160px; } /* remove top margin from main-content headers */ .container h2:first-child:first-of-type { margin-top: 0; } /* add top margin to alerts on pages without banner */ #main-content > .container:first-child > div#PageAlertSection:first-child { margin-top: 1rem; } /* BODY ONLY */ /* removes the header and footer */ body.body-only .global-header, body.body-only .global-footer, body.body-only #main-banner { display: none !important; } /* MOBILE ONLY */ /* hides things for mobile only */ body.mobile-only .mobile-hide { display: none !important; } /* EMBEDDED */ /* Make width 100% of iframe */ body.embedded .container { max-width: 100% !important; width: 100% !important; padding-left: 1rem !important; padding-right: 1rem !important; } body.embedded .container-fluid { padding-left: 0 !important; padding-right: 0 !important; } body.embedded .main-content { padding-left: 0 !important; padding-right: 0 !important; } /* selection color */ ::selection { background-color: #fbad23; color: #2E2E2E; } /* override the default colors of nav links in state template needed to keep the nav from flashing the default color on load */ .full-width-nav .top-level-nav:not(.branding-level-nav-items) .nav-item a.first-level-link { background-color: #194949 !important; color: #ffffff !important; } .full-width-nav .top-level-nav:not(.branding-level-nav-items) .nav-item a.first-level-link:hover { background-color: #447766 !important; } /* allow mobile menu stretch the width of the screen */ .navigation-search.visible { max-width: 100% !important; } /* color-gray-dark for texts */ .color-gray-dark, .color-grey-dark { color: #3b3a48 !important; } /* hover class for text-danger */ .text-danger-hover:hover { color: #58151C !important; /* Bootstrap text-danger-emphasis color */ } /* cagov uses .row>*, but that messes up lists */ .row > ul, .row > ol { padding-left: calc(var(--bs-gutter-x)*2.5); } /* add bottom margin back to paragraphs inside a card body */ .card .card-body p:not(:last-child) { margin-bottom: .7rem; } /* arrow bullets */ ul.arrow-bullets { list-style-type: "⮩ "; } ul.shaded-arrow-bullets { list-style-type: "➢ " } /* keep banner from jumping once breadcrumbs load */ nav.breadcrumbs { height: 40px !important; margin-bottom: 2rem; } /* -------------------------------------------------------- GLOBAL OVERRIDES for AAA Accessibility -- many pages -----------------------------------------------------------*/ /* header */ div.utility-header, div.utility-header div.container:first-child, div.utility-header div.container:first-child div:first-child { min-height: 44px; } div.utility-header .social-media-links a { height: 44px; min-width: 44px; display: flex; justify-content: center; align-items: center; } div.utility-header .social-media-links a img { height: 30px; width: auto; } div.utility-header .settings-links a { height: 44px; width: auto; display: flex; align-items: center; } #navigation li.nav-item a { min-width: 44px; } /* banners */ .alert-warning, .alert-warning a:not(.btn), .alert-warning .close { color: #685131; } .alert-info, .alert-info a:not(.btn), .alert-info .close { color: #235067; } .alert-success, .alert-success a:not(.btn), .alert-success .close { color: #2E562E; } .alert-danger, .alert-danger a:not(.btn), .alert-danger .close { color: #7B302D; } /* links */ a, .first-level-link { color: var(--color-primary-aaa); } .group .quarter a.icon-link { color: #fff !important; } /* increase click area to 44x44 for links */ main a:not(.no-click-size-fix):not(.nav-link), footer a:not(.no-click-size-fix) { display: inline-block; /* so padding works horizontally */ padding: 15px 22px; /* 15 top/bottom + 22 left/right = 44×44 */ margin: -15px -22px; /* take the space back to keep layout */ vertical-align: top; /* force bullet points to the top */ } /* Override only for links inside paragraphs (display inline will mess up buttons and breadcrumbs) */ main p a:not(.no-click-size-fix):not(.btn) { display: inline; word-break: break-word; overflow-wrap: anywhere; } /* shrink the focus outline so it doesn't look weird */ main a:not(.no-click-size-fix):focus-visible, main a:not(.no-click-size-fix):focus, footer a:not(.no-click-size-fix):focus-visible footer a:not(.no-click-size-fix):focus { outline-offset: -10px !important; } /* cards */ .card.card-overstated, .card.card-overstated > .card-header { background-color: var(--color-primary-aaa); color: #fff; } .card.card-overstated .card-body, .card.card-standout .card-body { background-color: #fff; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; } /* colors */ .bg-primary { background-color: var(--color-primary-aaa) !important; } .bg-danger { background-color: var(--color-red-aaa) !important; } .color-p2 { color: var(--color-primary-aaa) !important; } .text-danger, .required-label { color: var(--color-red-aaa) !important; } /* buttons */ .btn.btn-primary { background-color: var(--color-primary-aaa); } .btn.btn-primary[disabled] { background-color: var(--color-gray-aaa) !important; } .btn.btn-secondary { color: #194949 /* theme standout color */ } /* members */ .members-details { color: var(--color-primary-aaa); } /* accordions */ cagov-accordion details summary { background-color: var(--color-primary-aaa); } cagov-accordion details summary /* asterisks from the contact form */ span.required-label { color: var(--color-red-aaa); } /* license verification sample */ span.pra-color { color: var(--color-red-aaa); } /* ------------------------------------------------ GLOBAL DROPDOWNS -- many pages --------------------------------------------------*/ cagov-accordion details summary { background: var(--color-primary-aaa); color: #fff; } cagov-accordion details summary::before { background: var(--color-primary-aaa); color: #fff; } cagov-accordion:hover details summary { color: #FFF !important; /* white */ } cagov-accordion:hover details summary::before, cagov-accordion:defined details[open] summary::before, cagov-accordion:defined details summary:focus:before { background: var(--color-primary-aaa); color: #FFF !important; } /* ------------------------------------------------ GLOBAL HEADER -- all pages --------------------------------------------------*/ /*Utility Header*/ .standout.utility-header { background: #194949; color: #fff; } .standout.utility-header .flex-row .settings-links { margin-left: .25rem; } /* social media link icons */ .standout.utility-header .flex-row .social-media-links + div { margin-left: auto; } .standout.utility-header .flex-row .social-media-links + div a:not(:first-child) { margin-left: 10px; } .standout.utility-header a { color: rgba(255, 255, 255, 1); text-decoration: none; transition: all 200ms ease-out; } .standout.utility-header a:hover { color: rgba(255, 255, 255, .7); text-decoration: underline; } .site-settings button.close { background: none; border: none; transform: scale(1); transition: all 100ms ease-out; } .site-settings button.close:hover { color: rgba(255, 255, 255, .7) !important; transform: scale(1.2); } /* header logo */ .branding .header-organization-banner img { max-height: 90px; max-width: 400px; } /* remove min-width, since we have buttons on the right */ .branding .header-organization-banner a { min-width: 400px !important; } /* Navigation */ .global-header .section-default { min-height: 92px; } .second-level-nav.flex a { transition: all 200ms ease-out; } .second-level-nav.flex:not(:first-child) a { margin-top: 0; } .top-level-nav:not(.branding-level-nav-items) .first-level-btn > span:first-child { font-size: 1.25rem !important; margin-right: .5rem; } @media(max-width: 1199px) { .top-level-nav:not(.branding-level-nav-items) .first-level-btn { text-align: center; } } /* if bigger than mobile breakpoint - i.e. desktop navigation */ @media(min-width: 991px) { /* fix top of search container when on desktop */ .search-container { margin-top: -26px !important; } /* set color of nav icons */ .top-level-nav:not(.branding-level-nav-items) .first-level-btn { color: #fff; font-size: 1.25rem; border-top: 0; border-bottom: 0; border-left: 1px solid #447766; } .top-level-nav:not(.branding-level-nav-items):hover .first-level-btn span:last-child { color: #fff !important; } .first-level-btn:hover { background: #447766 !important; transition: background 200ms ease-out; } .first-level-btn:focus { background: #447766 !important; } /* second level nav icons */ .second-level-link [class^=ca-gov-icon-] { color: #194949; font-size: 1.25rem; } /* set the color of bottom navigation bar */ header.global-header { background: #194949; } /* add border to left and right of nav buttons */ .top-level-nav:not(.branding-level-nav-items) { border-right: 1px solid #447766; } /* make the navigation stretch the whole container */ .main-navigation.megadropdown { padding: 0; } .main-navigation.megadropdown .top-level-nav:not(.branding-level-nav-items) { width: 100%; padding: 0 !important; } .branding-level-nav-items { position: absolute; align-items: stretch; top: -107px; right: 0; } /* first level nav hover color */ .first-level-link:hover { background-color: #fafafa !important; } /* second level nav hover color */ .second-level-nav.flex a:hover { background: #F2F2F2; } .branding-level-nav-items .first-level-link { display: flex !important; flex-flow: column nowrap; align-items: center; justify-content: flex-start; transition: all 200ms ease-out; } .branding-level-nav-items .first-level-link { padding: 8px 18px !important; } @media(max-width: 1199px) { .branding-level-nav-items .first-level-link { padding: 11px 18px !important; } } .branding-level-nav-items .first-level-link span:first-child { font-size: 1.5rem !important; color: #ccc !important; transition: color 200ms ease-out; } .branding-level-nav-items .first-level-link:hover span:first-child { color: #194949 !important; } } /* if smaller than mobile breakpoint - i.e. mobile navigation */ @media(max-width: 991px) { .main-navigation { padding-left: 0; text-decoration: none !important; } .first-level-btn, .first-level-link { color: #fff; display: flex !important; justify-content: center; align-items: center; font-size: 2rem; padding: .25rem !important; } .first-level-btn span:first-child, .first-level-link span:first-child { color: rgba(255,255,255,1) !important; font-size: 2rem !important; display: inline-block; margin-right: 1rem; } .second-level-nav.flex a { background: #F2F2F2; color: #194949; text-align: center; } .standout.utility-header .flex-row .social-media-links + div { display: none !important; } .header-organization-banner a { z-index: 0 !important; } .settings-links { text-align: center; } } /* ------------------------------------------------ SEARCH -- all pages --------------------------------------------------*/ /*search animation*/ .search-container { height: 0px; opacity: 0; transition: all 200ms ease-in-out; z-index: 26; } .search-container.play-animation { height: 78px; opacity: 1; } /* ------------------------------------------------ FOOTER -- all pages --------------------------------------------------*/ /* align the icon with the text */ .copyright span.ca-gov-icon-certificate { text-align: right; position: relative; top: 5px; } /* ------------------------------------------------ Side navigation -- many pages --------------------------------------------------*/ /* add padding to the right of sidenav sub-nav links */ .side-subnav li a { padding-right: .7rem; border-bottom: 1px solid rgba(255,255,255,1); display: flex; } /* remove bottom margin in side nav */ ul.side-subnav li { margin-bottom: 0 !important; } /* ------------------------------ GENERAL -- many pages ------------------------------ */ /* add space between underline and words */ .main-content { text-underline-offset: 4px; } /* make lists easier to read */ .card ul, .card ol { margin-bottom: 0; } ul li:not(.nav-item), ol li:not(.nav-item) { margin-bottom: 1rem; } ul ul li:not(.nav-item):first-child, ol ol li:not(.nav-item):first-child, ul ol li:not(.nav-item):first-child, ol ul li:not(.nav-item):first-child { margin-top: 1rem; } /* color the links inside cards*/ .card .card-body a:not(.btn) { color: var(--color-primary-aaa); } /* style the bootstrap popup component */ .mbc-custom-tooltip { font-size: 1.1rem; --bs-tooltip-max-width: 300px; } /* ------------------------------------------------ PRINTING -- all pages --------------------------------------------------*/ @media print { html { font-size: 12px !important; } .container { max-width: 100% !important; } .hide-print { display: none !important; } .print-outline { border: 1px solid #ccc; border-radius: 5px; } .show-print { display: block !important; } cagov-accordion details { height: auto !important; overflow: visible !important; } cagov-accordion details[open] { display: block; } cagov-accordion summary ~ * { display: block !important; } } /* ------------------------------------------------ HOME PAGE -- / --------------------------------------------------*/ /* triple section for executive profiles */ .executive-profile { background-color: #fff; border: 1px solid #ccc; border-radius: 5px; } /* required footer images and links */ .footer-logos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; max-width: 800px; margin: 0 auto; padding: 1rem; } .footer-logos a { display: flex; align-items: center; justify-content: center; padding: 1rem; transition: transform 0.2s ease; } .footer-logos a:hover { transform: scale(1.05); } .footer-logos img { max-width: 100%; height: auto; max-height: 150px; width: auto; object-fit: contain; } /* Responsive breakpoints for footer images */ @media (max-width: 768px) { .footer-logos { grid-template-columns: repeat(2, 1fr); gap: 1rem; } } @media (max-width: 480px) { .footer-logos { grid-template-columns: 1fr; gap: 0.75rem; } } /* ------------------------------------------------ ABOUT PAGE -- /about/ --------------------------------------------------*/ .img-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* --------------------------------- MEETINGS -- /about/meetings --------------------------------- */ /* make a square date */ .event-date { float: left; height: 96px; width: 96px; border: solid 1px #1f5c5c; padding: 7.2px 6px 0 6px; text-align: center; color: #1f5c5c; line-height: 1; display: block; background: #FFF; } .event-date .date-day { font-size: 3.25rem; display: block; } .event-date .date-month { font-size: 1.25rem; text-transform: uppercase; display: block; padding-top: .15rem !important; } .event-date .date-year { display: none; } .upcoming-meeting > .card-body { transition: all 200ms ease-out; background-color: #F2FCF9 !important; /* very light version of bg-s1 */ } .upcoming-meeting > .card-body.meeting-canceled { background-color: transparent !important; } .upcoming-meeting:hover > .card-body { background: #e8f1ee !important; /* bg-s1 color */ } .upcoming-meeting:hover > .card-body.meeting-canceled { background-color: #FFE5E5 !important; /* very light red */ } .upcoming-meeting-link { text-decoration: none !important; } .meeting-materials:focus > .card-body { outline: 2px solid #2ea3f2 !important; background: #e8f1ee !important; } /* ------------------------------------------------ iOS APP -- /License-Verification/mobile-app --------------------------------------------------*/ @media (min-width: 992px) { .my-lg-6 { margin-top: 6rem !important; margin-bottom: 6rem !important; } .mt-lg-6 { margin-top: 6rem !important; } .mb-lg-6 { margin-bottom: 6rem !important; } } @media (max-width: 992px) { .my-lg-7 { margin-bottom: -1rem !important; } } /* ------------------------------------------------ LAWS -- /about/laws/ --------------------------------------------------*/ table.table tbody td a span[class^=ca-gov-icon-] { font-size: 3rem; transition: all 200ms ease-out; } /* ------------------------------------------------ LAWS -- /FAQs/ --------------------------------------------------*/ .remove-after-element::after { display: none !important; } /* ------------------------------------------------ NEWS -- /news/ --------------------------------------------------*/ .social-feed-container .callout.callout-warning { display: none; } .social-feed-container .callout.callout-warning.show { display: block; } article.bg-s1 { border: 1px solid transparent; } article.bg-s1:hover { background-color: #fafafa !important; border: 1px solid #194949; /* standout color */ } /* add bottom margin back to paragraphs within news story */ .news-item .description p { margin-bottom: .7rem; } /* ------------------------------------------------ NEWSLETTERS -- /news/newsletter --------------------------------------------------*/ .newsletter-thumb { width: 70px; height: auto; flex-shrink: 0; } .newsletter-icon { font-size: 28px; line-height: 1; flex-shrink: 0; } .newsletter-card:hover { background-color: #f8f9fa; } /* ------------------------------------------------ PSA -- /news/public-service-announcements --------------------------------------------------*/ @media screen and (max-width: 661px) { /* remove the margin on second checkup button (they're aligned) */ h1.loud.resize-title-md { font-size: 16px !important; } } /* ------------------------------------------------ News Releases -- /news/news-releases --------------------------------------------------*/ #MainContent_newsreleaseContent_TbSearchNewsReleases { border: 1px solid black; z-index: 1; } #MainContent_newsreleaseContent_BtnSearchNewsReleases { z-index: 0; } #MainContent_newsreleaseContent_BtnSearchNewsReleases:hover { color: #fff; box-shadow: none; background-color: #194949; /* standout color */ transition: all 200ms ease-out; } article.news-release-list-item:hover { background-color: #E8F1EE; /* secondary color */ } /* ------------------------------------------------ Resources -- /resources/ --------------------------------------------------*/ .horizontal-card-link:hover div:last-of-type { text-decoration: none !important; text-underline-offset: 10px !important; background-color: #E8F1EE; /* secondary color */ } /* ------------------------------------------------ LVS -- /resources/lvs --------------------------------------------------*/ .nav.nav-tabs .nav-link { color: var(--color-primary-aaa); } .nav.nav-tabs .nav-link:hover { color: #194949; /* standout color */ } /* ------------------------------ CALLOUTS ------------------------------ */ .callout { padding: 1.25rem; margin-top: 1.25rem; margin-bottom: 1.25rem; border: 1px solid #e9ecef; border-left-width: 0.5rem; border-radius: 0.4rem; } .callout code { border-radius: .25rem; } .callout + .bs-callout { margin-top: -.25rem; } .callout-brd-white { border-top: 1px solid #f0ad4e; border-right: 1px solid #f0ad4e; border-bottom: 1px solid #f0ad4e; } .callout-inline { display: inline-block; width: auto; } .callout-default { border-left-color: #e9ecef; } .callout-default.callout-highlight { border-color: #e9ecef; } .callout-primary { border-left-color: #447766; } .callout-primary.callout-highlight { border-color: #447766; } .callout-success { border-left-color: #2E562E; } .callout-success.callout-highlight { border-color: #2E562E; } .callout-danger { border-left-color: #d9534f; } .callout-danger.callout-highlight { border-color: #d9534f; } .callout-warning { border-left-color: #f0ad4e; } .callout-warning.callout-highlight { border-color: #f0ad4e; } .callout-info { border-left-color: #5bc0de; } .callout-info.callout-highlight { border-color: #5bc0de; } /* ------------------------------------- MAIN HERO BANNERS -- many pages ------------------------------------- */ #main-content #main-banner, #main-content #main-banner a { color: #fff; } #main-content #main-banner h1.display-3 { font-family: "Public Sans", sans-serif; font-weight: 700; line-height: 1; margin-top: 0; } #main-content #main-banner, #main-page-banner { position: relative; overflow: hidden; min-height: 255px !important; } #main-content #main-banner picture, #main-page-banner picture { width: 100%; height: 100%; position: absolute; } @media (max-width: 768px) { #main-page-banner picture { display: none; } } #main-content #main-banner picture img, #main-page-banner picture img { object-fit: cover; object-position: center; height: 100%; width: 100%; } /* position the image from the top, instead of center */ #main-content #main-banner picture img.pos-top, #main-page-banner picture img.pos-top { object-position: top !important; } #main-content #main-banner .container, #main-page-banner .container { position: relative; } #main-content #main-page-banner { min-height: 430px !important; } .overlay-effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(68, 119, 102, 0.8); } /* ---------------------------------------------------------------------------------- FACILITIES LIST -- /licensing/physicians-and-surgeons/apply/registered-facilities -------------------------------------------------------------------------------------*/ .facility-list { cursor: pointer; }