/* Minification failed. Returning unminified contents. (3,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (4,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (5,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (6,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (7,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (9,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (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 '-' (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,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,5): 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 '-' (93,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-color' (94,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dropdown-link-hover-bg' (114,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-blue' (118,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-cyan' (122,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-indigo' (126,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-purple' (138,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-red' (142,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-pink' (180,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (184,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (185,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (186,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (187,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (188,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (189,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (190,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (191,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (192,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (193,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (194,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (195,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (196,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (197,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (201,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (202,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (203,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (205,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (206,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (208,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (210,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (212,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (213,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (214,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (218,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (219,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (220,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (221,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (222,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (223,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (224,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (225,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (226,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (227,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (228,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (229,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (230,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (231,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (235,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (236,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (237,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (238,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (239,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (240,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (241,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (242,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (243,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (244,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (245,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (246,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (247,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (248,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (269,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (270,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (271,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (272,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (273,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (274,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (275,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (276,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (277,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (278,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (279,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (280,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (281,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (282,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (290,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (292,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (293,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (294,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (295,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (296,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (297,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (298,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (303,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (304,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (306,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (307,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (308,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (310,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (311,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (313,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (314,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (315,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (320,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (321,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (322,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (323,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (324,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (325,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (326,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (328,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (329,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (330,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (337,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (339,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (340,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (342,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (344,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (345,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (346,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (348,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (349,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (350,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (354,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (356,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (357,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (359,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (360,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (362,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (363,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (364,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (366,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (367,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (374,14): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (375,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (376,21): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (384,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-transparent' (393,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-transparent' (403,37): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-transparent' (413,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-danger' (423,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-success' (431,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-warning' (435,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (439,17): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (608,1): run-time error CSS1019: Unexpected token, found '@import' (608,9): run-time error CSS1019: Unexpected token, found 'url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css")' (633,1): run-time error CSS1019: Unexpected token, found '@keyframes' (634,8): run-time error CSS1035: Expected colon, found '{' (662,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (809,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-dark-rgb' (815,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (815,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (929,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (947,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1392,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1462,20): run-time error CSS1039: Token not allowed after unary operator: '-mdc-protected-button-container-elevation' (1532,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400' (1537,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400' (1542,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400' (1547,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400' (1552,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400' (1557,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400' (1562,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-gray-400' (1646,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1647,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1648,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1653,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1654,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1680,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1683,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1686,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent' (1692,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1693,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1697,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1700,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1701,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1704,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1707,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1713,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1716,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1719,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1722,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1723,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1724,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent' (1727,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1730,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1733,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color-rgb' (1733,46): run-time error CSS1039: Token not allowed after unary operator: '-bs-text-opacity' (1742,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1745,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent' (1748,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1749,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1750,31): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1767,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1768,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1771,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1772,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1782,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1785,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1786,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1787,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1797,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1798,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent' (1801,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1802,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1803,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1806,34): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color-translucent' (1823,33): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1824,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1830,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1836,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1839,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1840,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-color' (1843,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1844,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1854,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1857,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1869,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1890,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1910,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1928,20): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg-2' (1931,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-body-bg' (1932,22): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-color' (1935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1957,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-bg' (1958,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-border-color' (1962,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-bg' (1963,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-border-color' (1973,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-color' (1976,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-bg' (1982,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-bg' (2010,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-bg' (2011,30): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-border-color' (2012,32): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-border-color' (2022,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-bg-2' (2023,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-border-color-translucent' (2026,15): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-color' (2029,26): run-time error CSS1039: Token not allowed after unary operator: '-bs-semi-body-bg' */ :root, [data-bs-theme=light] { --bs-blue: #0d6efd; --bs-dark-blue:#0a58ca; --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-primary: #0d6efd; --bs-secondary: #6c757d; --bs-success: #02c27a; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #fc185a; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-success-rgb: 2, 194, 122; --bs-danger-rgb: 252, 24, 90; --bs-heading-color:#474747; --bs-body-color: #5b6166; --bs-orange-rgb: rgb(253, 126, 20); } [data-bs-theme=dark] { color-scheme: dark; --bs-body-color: #dee2e6; --bs-body-color-rgb: 222, 226, 230; --bs-body-bg: #212529; --bs-body-bg-2: #181c1f; --bs-body-bg-rgb: 33, 37, 41; --bs-emphasis-color: #fff; --bs-emphasis-color-rgb: 255, 255, 255; --bs-secondary-color: rgba(222, 226, 230, 0.75); --bs-secondary-color-rgb: 222, 226, 230; --bs-secondary-bg: #343a40; --bs-secondary-bg-rgb: 52, 58, 64; --bs-tertiary-color: rgba(222, 226, 230, 0.5); --bs-tertiary-color-rgb: 222, 226, 230; --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; --bs-border-color-transparent:rgba(255, 255, 255, 0.0); } .dropdown-item:focus, .dropdown-item:hover { color: var(--bs-dropdown-link-hover-color); background-color: var(--bs-dropdown-link-hover-bg) } /* background colors */ .bg-danger { background-color: #fc185a; } .bg-success { background-color: #02c27a; } .bg-voilet { background-color: #5a4eba; } .bg-dark-blue { background-color: var(--bs-dark-blue ); } .bg-cyne { background-color: var(--bs-cyan); } .bg-indigo { background-color: var(--bs-indigo); } .bg-purple { background-color: var(--bs-purple); } .bg-orange { background-color:#fd7e14; } .bg-orange-light { background-color:rgba(253, 125, 20, 0.1); } .bg-red { background-color: var(--bs-red); } .bg-pink { background-color: var(--bs-pink); } .bg-pinterest { background-color: #E60023 !important; } .bg-facebook { background-color: #0866FF !important; } .bg-linkedin { background-color: #0072b1 !important; } .bg-whatsapp { background-color: #25d366 !important; } .text-orange { color: #fd7e14 ; } /* components */ .card { margin-bottom: 1.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075); border: 0; } .card-header { background-color: transparent; } .btn { -webkit-tap-highlight-color: transparent; transform: translateY(0); --bs-btn-font-weight: 500; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #fc185a; --bs-btn-border-color: #fc185a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #ef0e4e; --bs-btn-hover-border-color: #ef0e4e; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #ef0e4e; --bs-btn-active-border-color: #ef0e4e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #fc185a; --bs-btn-disabled-border-color: #fc185a } .btn-inverse-danger { --bs-btn-color: #fc185a; --bs-btn-bg: rgb(252 24 90 / 10%); --bs-btn-border-color: rgb(252 24 90 / 0%); --bs-btn-hover-color: #fc185a; --bs-btn-hover-bg: rgb(252 24 90 / 20%); --bs-btn-hover-border-color: rgb(239 14 78 / 0%); --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fc185a; --bs-btn-active-bg: rgb(252 24 90 / 20%); --bs-btn-active-border-color: rgb(252 24 90 / 0%); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #fc185a; --bs-btn-disabled-border-color: #fc185a; } .btn-outline-danger { --bs-btn-color: #fc185a; --bs-btn-border-color: #fc185a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #fc185a; --bs-btn-hover-border-color: #fc185a; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #fc185a; --bs-btn-active-border-color: #fc185a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fc185a; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #fc185a; --bs-gradient: none } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #02c27a; --bs-btn-border-color: #02c27a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #04a96c; --bs-btn-hover-border-color: #04a96c; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #04a96c; --bs-btn-active-border-color: #04a96c; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #02c27a; --bs-btn-disabled-border-color: #198754 } .btn-inverse-success { --bs-btn-color: #02c27a; --bs-btn-bg: rgb(2 194 122 / 10%); --bs-btn-border-color: rgb(2 194 122 / 0%); --bs-btn-hover-color: #02c27a; --bs-btn-hover-bg: rgb(2 194 122 / 20%); --bs-btn-hover-border-color: rgb(2 194 122 / 0%); --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #02c27a; --bs-btn-active-bg: rgb(2 194 122 / 20%); --bs-btn-active-border-color: rgb(2 194 122 / 0%); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #02c27a; --bs-btn-disabled-border-color: #198754; } .btn-outline-success { --bs-btn-color: #02c27a; --bs-btn-border-color: #02c27a; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #02c27a; --bs-btn-hover-border-color: #02c27a; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #02c27a; --bs-btn-active-border-color: #02c27a; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #02c27a; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #02c27a; --bs-gradient: none } .btn-inverse-primary { --bs-btn-color: #0d6efd; --bs-btn-bg: rgb(13 110 253 / 10%); --bs-btn-border-color: rgb(13 110 253 / 0%); --bs-btn-hover-color: #0d6efd; --bs-btn-hover-bg: rgb(13 110 253 / 20%); --bs-btn-hover-border-color: rgb(13 110 253 / 0%); --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #0d6efd; --bs-btn-active-bg: rgb(13 110 253 / 20%); --bs-btn-active-border-color: rgb(13 110 253 / 0%); --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-inverse-info { --bs-btn-color: #0dcaf0; --bs-btn-bg: rgb(13 202 240 / 10%); --bs-btn-border-color: rgb(13 202 240 / 0%); --bs-btn-hover-color: #0dcaf0; --bs-btn-hover-bg: rgb(13 202 240 / 20%); --bs-btn-hover-border-color: rgb(13 202 240 / 0%); --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #0dcaf0; --bs-btn-active-bg: rgb(13 202 240 / 20%); --bs-btn-active-border-color: rgb(13 202 240 / 0%); --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-inverse-warning { --bs-btn-color: #ffc107; --bs-btn-bg: rgb(255 193 7 / 10%); --bs-btn-border-color: rgb(255 193 7 / 0%); --bs-btn-hover-color: #ffc107; --bs-btn-hover-bg: rgb(255 193 7 / 20%); --bs-btn-hover-border-color: rgb(255 193 7 / 0%); --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #ffc107; --bs-btn-active-bg: rgb(255 193 7 / 20%); --bs-btn-active-border-color: rgb(255 193 7 / 0%); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-inverse-dark { --bs-btn-color: #212529; --bs-btn-bg: rgb(33 37 41 / 10%); --bs-btn-border-color: rgb(33 37 41 / 0%); --bs-btn-hover-color: #212529; --bs-btn-hover-bg: rgb(33 37 41 / 20%); --bs-btn-hover-border-color: rgb(33 37 41 / 0%); --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #212529; --bs-btn-active-bg: rgb(33 37 41 / 20%); --bs-btn-active-border-color: rgb(33 37 41 / 0%); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-inverse-secondary { --bs-btn-color: #6c757d; --bs-btn-bg: rgb(108 117 125 / 10%); --bs-btn-border-color: rgb(108 117 125 / 0%); --bs-btn-hover-color: #6c757d; --bs-btn-hover-bg: rgb(108 117 125 / 20%); --bs-btn-hover-border-color: rgb(108 117 125 / 0%); --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #6c757d; --bs-btn-active-bg: rgb(108 117 125 / 20%); --bs-btn-active-border-color: rgb(108 117 125 / 0%); --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-filter, .btn-filter:hover, .btn-filter:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: var(--bs-border-color) } .nav-danger.nav-tabs .nav-link.active { color: #f41127; border-color: #f41127 #f41127 var(--bs-border-color-transparent) } .nav-success.nav-tabs .nav-link.active { color: #17a00e; border-color: #17a00e #17a00e var(--bs-border-color-transparent) } .nav-warning.nav-tabs .nav-link.active { color: #ffc107; border-color: #ffc107 #ffc107 var(--bs-border-color-transparent) } .nav-pills-danger.nav-pills .nav-link.active { color: #fff; background-color: var(--bs-danger) } .nav-pills-success.nav-pills .nav-link.active { color: #fff; background-color: var(--bs-success) } .nav-pills-warning.nav-pills .nav-link.active { color: #000; background-color: var(--bs-warning) } .nav-tabs .nav-link { color: var(--bs-body-color); } .nav-pills .nav-link { color: var(--bs-body-color); } /* checkboxes */ .form-check-success .form-check-input:checked { background-color: #15ca20; border-color: #15ca20 } .form-check-success .form-check-input[type=checkbox]:indeterminate { background-color: #15ca20; border-color: #15ca20; background-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-success .form-check-input:focus { border-color: #15ca20; outline: 0; box-shadow: 0 0 0 .25rem rgba(21, 202, 33, 0.25) } .form-check-danger .form-check-input:checked { background-color: #fd3550; border-color: #fd3550 } .form-check-danger .form-check-input[type=checkbox]:indeterminate { background-color: #fd3550; border-color: #fd3550; background-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-danger .form-check-input:focus { border-color: #fd3550; outline: 0; box-shadow: 0 0 0 .25rem rgba(253, 53, 80, 0.25) } .form-check-warning .form-check-input:checked { background-color: #ffc107; border-color: #ffc107 } .form-check-warning .form-check-input[type=checkbox]:indeterminate { background-color: #ffc107; border-color: #ffc107; background-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-warning .form-check-input:focus { border-color: #ffc107; outline: 0; box-shadow: 0 0 0 .25rem rgba(255, 193, 7, 0.25) } .form-check-dark .form-check-input:checked { background-color: #212529; border-color: #212529 } .form-check-dark .form-check-input[type=checkbox]:indeterminate { background-color: #212529; border-color: #212529; background-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-dark .form-check-input:focus { border-color: #212529; outline: 0; box-shadow: 0 0 0 .25rem rgba(33, 37, 41, 0.25) } .form-check-secondary .form-check-input:checked { background-color: #6c757d; border-color: #6c757d } .form-check-secondary .form-check-input[type=checkbox]:indeterminate { background-color: #6c757d; border-color: #6c757d; background-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-secondary .form-check-input:focus { border-color: #6c757d; outline: 0; box-shadow: 0 0 0 .25rem rgba(108, 117, 125, 0.25) } .form-check-info .form-check-input:checked { background-color: #0dcaf0; border-color: #0dcaf0 } .form-check-info .form-check-input[type=checkbox]:indeterminate { background-color: #0dcaf0; border-color: #0dcaf0; background-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-info .form-check-input:focus { border-color: #0dcaf0; outline: 0; box-shadow: 0 0 0 .25rem rgba(13, 202, 240, 0.25) } .input-icon .form-control { padding-left: 2.5rem; } .input-icon span { font-size: 16px; left: 15px; } /* .material-icons-outlined { line-height: inherit; } */ .input-group-text { background-color: transparent; } .price-amount { font-size: 50px; } /* Template Name: Matoxi Admin Author: codervent Email: codervent@gmail.com File: main.scss Table of Index --Genral --aligns --dropdown animation --header --mini sidebar --main content --page footer --Metis Menu --order offcanvas --utilities --alerts --authentication --switcher */ /* Genral*/ @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css"); body { position: relative; font-size: 14px; font-family: "Noto Sans", sans-serif; letter-spacing: 0.5px; background-color: #eff1f3; } a { text-decoration: none; } input::-moz-placeholder { color: #000 !important; opacity: 0.3 !important; } input::placeholder { color: #000 !important; opacity: 0.3 !important; } /* aligns */ /* dropdown animation */ @keyframes animdropdown { from { transform: translate3d(0, 6px, 0); opacity: 0; } to { transform: translate3d(0, 0, 0); opacity: 1; } } /*header*/ .top-header .navbar { background-color: #639cd6; height: 70px; position: fixed; left: 260px; right: 0; top: 0; padding: 0 1.5rem; z-index: 10; transition: ease-out 0.3s; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.044), 0 2px 6px 0 rgba(0, 0, 0, 0.049); } .top-header .navbar .search-bar { width: auto; cursor: pointer; } .top-header .navbar .search-bar .search-control:focus, .top-header .navbar .search-bar .mobile-search-control:focus { box-shadow: none; border: 1px solid var(--bs-border-color); } .top-header .navbar .search-bar .search-close { display: none; } .top-header .navbar .search-bar .search-popup { display: none; position: absolute; width: auto; height: auto; top: 54px; left: 0; right: 0; background-color: #ffffff; border-radius: 1rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown; } .top-header .navbar .search-bar .search-popup .card { border: 1px solid #dee2e6; box-shadow: none; margin-bottom: 0; } .top-header .navbar .search-bar .search-popup .search-content { position: relative; height: 24.3rem; } .top-header .navbar .search-bar .search-popup .search-title { font-size: 13px; font-weight: 500; text-transform: uppercase; color: #939aa0; margin-bottom: 1rem; } .top-header .navbar .search-bar .search-popup .kewords { font-size: 12.5px; font-weight: 500; color: #606060; padding: 0.4rem 0.7rem; background-color: #f3f3f3; border-radius: 2rem; display: flex; align-items: center; justify-content: center; transition: 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); gap: 0.5rem; } .top-header .navbar .search-bar .search-popup .kewords:hover { color: #efefef; background-color: #28292d; } .top-header .navbar .search-bar .search-popup .search-list-item { padding: 0.4rem 0.7rem; border-radius: 0.25rem; transition: 0.2s cubic-bezier(0.075, 0.82, 0.165, 1); } .top-header .navbar .search-bar .search-popup .search-list-item:hover { color: #3a3a3a; background-color: #f8f8f8; } .top-header .navbar .search-bar .search-popup .search-list-item .list-icon { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background-color: #edecec; } .top-header .navbar .search-bar .search-popup .search-list-item .search-list-title { font-size: 14px; } .top-header .navbar .nav-item { height: 70px; display: flex; align-items: center; } .top-header .navbar .nav-item .mega-menu { width: 100%; height: -moz-fit-content; height: fit-content; background-color: #ffffff; border-radius: 0%; } .top-header .navbar .nav-item .mega-menu::after { display: none; } .top-header .navbar .nav-item .mega-menu .mega-menu-icon { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background-color: #f8f8f8; } .top-header .navbar .nav-item .mega-menu .card { cursor: pointer; transition: 0.2s all; } .top-header .navbar .nav-item .mega-menu .card:hover { background-color: #f8f8f8; } .top-header .navbar .nav-item .dropdown-apps { width: 320px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; border-radius: 1rem; } .top-header .navbar .nav-item .dropdown-apps .app-name { font-size: 14px; } .top-header .navbar .nav-item .dropdown-apps .app-wrapper { padding: 1rem; background-color: #ffffff; border-radius: 0rem; cursor: pointer; } .top-header .navbar .nav-item .dropdown-apps .app-wrapper:hover { background-color: #f8f8f8; } .top-header .navbar .nav-item .dropdown-notify { width: 360px; border-radius: 1rem; } .top-header .navbar .nav-item .dropdown-notify .option { font-size: 1rem; color: #494949; width: 35px; height: 35px; border-radius: 50%; background-color: #ffffff; cursor: pointer; border: 0; display: flex; align-items: center; justify-content: center; } .top-header .navbar .nav-item .dropdown-notify .option:hover { background-color: #efefef; } .top-header .navbar .nav-item .dropdown-notify .notiy-title { font-size: 1rem; } .top-header .navbar .nav-item .dropdown-notify .dropdown-option { font-size: 14px; } .top-header .navbar .nav-item .dropdown-notify .notify-title { color: rgba(var(--bs-dark-rgb)); font-size: 15px; font-weight: 500; margin-bottom: 0.2rem; } .top-header .navbar .nav-item .dropdown-notify .notify-desc { color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; font-size: 13px; font-weight: 400; width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .top-header .navbar .nav-item .dropdown-notify .notify-time { color: #939aa0; font-size: 12px; margin-top: 0.2rem; } .top-header .navbar .nav-item .dropdown-notify .user-wrapper, .top-header .navbar .nav-item .dropdown-notify .notify-close { width: 45px; height: 45px; font-size: 20px; font-weight: 500; background-color: #efefef; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .top-header .navbar .nav-item .dropdown-notify .notify-close { width: 20px; height: 20px; background-color: #efefef; visibility: hidden; } .top-header .navbar .nav-item .dropdown-notify .notify-list { position: relative; height: 390px; } .top-header .navbar .nav-item .dropdown-notify .dropdown-item:hover .notify-close { visibility: visible; } .top-header .navbar .nav-item .dropdown-user { width: 260px; border-radius: 1rem; } .top-header .navbar .nav-item .badge-notify { position: absolute; top: 2px; right: 3px; font-size: 12px; color: #fff; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; background-color: #f01414; } .top-header .navbar .dropdown-menu { border-radius: 1rem; border: 0; animation: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 animdropdown; } .top-header .navbar .dropdown-menu::after { content: ""; width: 13px; height: 13px; background: white; position: absolute; top: -6px; right: 16px; transform: rotate(45deg); border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .top-header .btn-toggle a { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; } .top-header .btn-toggle a:hover, .top-header .btn-toggle a:focus { background-color: #efefef; } .top-header .nav-right-links .nav-link { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; } .top-header .nav-right-links .nav-link:hover, .top-header .nav-right-links .nav-link:focus { background-color: #efefef; } .dropdown-menu { border-radius: 1rem; border: 0; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } /* sidebar wrapper */ .sidebar-wrapper { position: fixed; top: 0; left: 0; width: 260px; height: 100%; background-color: #ffffff; border-right: 1px solid var(--bs-border-color); z-index: 12; transition: ease-out 0.3s; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.044), 0 2px 6px 0 rgba(0, 0, 0, 0.049); /* Metis Menu */ } .sidebar-wrapper .sidebar-header { display: flex; align-items: center; justify-content: start; width: 260px; height: 70px; padding: 0 1rem; gap: 0.5rem; position: fixed; top: 0; background-color: #fff; transition: ease-out 0.3s; border-right: 1px solid var(--bs-border-color); } .sidebar-wrapper .sidebar-header .logo-img { width: 32px; } .sidebar-wrapper .sidebar-header .logo-name h5 { font-size: 20px; text-transform: capitalize; font-weight: 500; } .sidebar-wrapper .sidebar-header .sidebar-close { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; display: none; cursor: pointer; } .sidebar-wrapper .sidebar-header .sidebar-close:hover, .sidebar-wrapper .sidebar-header .sidebar-close:focus { background-color: #efefef; } .sidebar-wrapper .sidebar-nav { margin-top: 70px; height: 100%; background-color: #ffffff; height: calc(100% - 140px); } .sidebar-wrapper .sidebar-nav ul { padding: 10px; margin: 0; list-style: none; background: 0 0; } .sidebar-wrapper .sidebar-nav .metismenu { background: 0 0; display: flex; flex-direction: column; } .sidebar-wrapper .sidebar-nav .metismenu li + li { margin-top: 5px; } .sidebar-wrapper .sidebar-nav .metismenu li:first-child { margin-top: 5px; } .sidebar-wrapper .sidebar-nav .metismenu li:last-child { margin-bottom: 5px; } .sidebar-wrapper .sidebar-nav .metismenu > li { display: flex; flex-direction: column; position: relative; } .sidebar-wrapper .sidebar-nav .metismenu a { position: relative; display: flex; align-items: center; justify-content: left; padding: 6px 16px; font-size: 15px; color: #5f5f5f; outline-width: 0; text-overflow: ellipsis; overflow: hidden; letter-spacing: 0.5px; border-radius: 0.25rem; transition: all 0.3s ease-out; } .sidebar-wrapper .sidebar-nav .metismenu a .parent-icon { line-height: 1; } .sidebar-wrapper .sidebar-nav .metismenu a .menu-title { margin-left: 10px; } .sidebar-wrapper .sidebar-nav .metismenu a:active { color: #008cff; text-decoration: none; background-color: rgba(0, 140, 255, 0.05); } .sidebar-wrapper .sidebar-nav .metismenu a:focus { color: #008cff; text-decoration: none; background-color: rgba(0, 140, 255, 0.05); } .sidebar-wrapper .sidebar-nav .metismenu a:hover { color: #008cff; text-decoration: none; background-color: rgba(0, 140, 255, 0.05); } .sidebar-wrapper .sidebar-nav .metismenu ul { background-color: #fff; padding: 0; } .sidebar-wrapper .sidebar-nav .metismenu ul a { padding: 6px 15px 6px 20px; font-size: 15px; border: 0; } .sidebar-wrapper .sidebar-nav .metismenu ul a i { margin-right: 5px; } .sidebar-wrapper .sidebar-nav .metismenu ul ul a { padding: 8px 15px 8px 30px; } .sidebar-wrapper .sidebar-nav .metismenu ul ul ul a { padding: 8px 15px 8px 45px; } .sidebar-wrapper .sidebar-nav .metismenu .mm-active > a { color: #008cff; text-decoration: none; background-color: rgba(0, 140, 255, 0.05); } .sidebar-wrapper .sidebar-bottom { display: flex; align-items: center; justify-content: center; width: 260px; height: 70px; border-top: 1px solid #dee2e6; position: fixed; bottom: 0; background-color: #fff; transition: ease-out 0.3s; border-right: 1px solid #dee2e6; cursor: pointer; padding: 0 1rem; z-index: 10; } .sidebar-wrapper .sidebar-bottom .footer-icon { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; } .sidebar-wrapper .sidebar-bottom .footer-icon:hover, .sidebar-wrapper .sidebar-bottom .footer-icon:focus { background-color: #efefef; } .sidebar-wrapper .menu-label { padding: 10px 16px 10px 16px; color: #b0afaf; text-transform: uppercase; font-size: 12px; letter-spacing: 0.5px; } .toggled .top-header .navbar { left: 70px; } .toggled .main-wrapper { margin-left: 70px; } .toggled .page-footer { left: 70px; } @media screen and (min-width: 1199px) { body.toggled .sidebar-wrapper:hover { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } body.toggled .sidebar-wrapper:hover .sidebar-header .sidebar-close { display: flex; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper { width: 70px; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header { width: 70px; justify-content: center; width: 70px; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .logo-name { display: none; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-header .toggle-icon { display: none; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu a { justify-content: center; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .menu-title { display: none; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li ul { display: none; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu li.menu-label { display: none; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .metismenu .has-arrow:after { display: none; } body.toggled:not(.sidebar-hovered) .sidebar-wrapper .sidebar-bottom { width: 70px; } body.toggled:not(.sidebar-hovered) .sidebar-bottom .dropdown-laungauge { display: none; } body.toggled:not(.sidebar-hovered) .sidebar-bottom .dropdown-help { display: none; } } .chip { display: inline-block; height: 32px; padding: 0 12px; margin-right: 1rem; margin-bottom: 1rem; font-size: 14px; font-weight: 500; line-height: 32px; color: rgba(0, 0, 0, 0.7); cursor: pointer; background-color: #f1f1f1; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 16px; transition: all 0.3s linear; box-shadow: none; } .chip img { float: left; width: 32px; height: 32px; margin: 0 8px 0 -12px; border-radius: 50%; } .chip.chip-md { height: 42px; line-height: 42px; border-radius: 21px; } .chip.chip-md img { height: 42px; width: 42px; } /* main content */ .main-wrapper { margin-top: 70px; padding-bottom: 20px; margin-left: 260px; transition: ease-out 0.3s; } .main-wrapper .main-content { padding: 1.5rem; } .main-wrapper .main-content .breadcrumb-title { font-size: 20px; border-right: 1.5px solid #aaa4a4; } .main-wrapper .main-content .page-breadcrumb .breadcrumb li.breadcrumb-item { font-size: 16px; } .main-wrapper .main-content .page-breadcrumb .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; font-family: "Material Icons Outlined"; content: "\e88a"; } .main-wrapper .main-content .badge-icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; background-color: #f2f2f3; cursor: pointer; } .main-wrapper .main-content .badge-icon .badge-number { width: 20px; height: 20px; background-color: #ff1717; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 10px; padding: 1px; } .main-wrapper .main-content .sharelink { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; } .main-wrapper .main-content .sharelink:hover, .main-wrapper .main-content .sharelink:focus { background-color: #efefef; } .main-wrapper .main-content .options { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; width: 30px; height: 30px; } .main-wrapper .main-content .options:hover, .main-wrapper .main-content .options:focus { background-color: #efefef; } .main-wrapper .main-content .dropdown-menu-share { width: -moz-max-content; width: max-content; } .main-wrapper .main-content .vertical-pills button { width: 100%; text-align: left; border-radius: 0%; } .main-wrapper .main-content .vertical-pills .nav-link { border-bottom: 1px solid #dee2e6; color: #5d5d5d; } .main-wrapper .main-content .vertical-pills .nav-link:last-child { border-bottom: 0px solid #dee2e6; } .main-wrapper .main-content .vertical-pills .nav-link.active { color: #ffffff; } .main-wrapper .main-content .customer-notes { height: 480px; position: relative; overflow-y: scroll; } .main-wrapper .main-content .lable-table { text-transform: uppercase; padding: 1px 8px; } .main-wrapper .main-content .customer-table table thead { font-size: 0.8rem; text-transform: uppercase; font-weight: 400; } .main-wrapper .main-content .customer-table table .customer-name { color: #000000; } .main-wrapper .main-content .product-table table thead { font-size: 0.8rem; text-transform: uppercase; font-weight: 400; } .main-wrapper .main-content .product-table table .product-category { font-size: 0.8rem; color: #878d96; } .main-wrapper .main-content .product-table table .product-title { font-size: 0.97rem; color: #2f353c; } .main-wrapper .main-content .product-table table .product-tags { max-width: 220px; display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; } .main-wrapper .main-content .product-table table .product-tags .btn-tags { font-size: 0.75rem; background-color: #f6f6f6; color: #000000; padding: 2px 10px; text-transform: uppercase; font-weight: 500; border-radius: 2px; } .main-wrapper .main-content .product-table table .product-rating { font-size: 0.8rem; background-color: #ffffff; padding: 2px 5px; text-align: center; border-radius: 4px; border: 1px solid #e8e8e8; font-weight: 500; } .separator { display: flex; align-items: center; } .separator .line { height: 1px; flex: 1; background-color: #dee2e6; } .separator p { padding: 0 1rem; } .review-desc { width: 400px; } .auth-cover-left, .auth-cover-right { display: flex; background-color: #ffffff; min-height: 100vh; } .auth-cover-right { background-color: #ffffff; } .auth-social-login { width: 5rem; display: flex; align-items: center; justify-content: start; } .order-delete { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; cursor: pointer; } .order-delete:hover, .order-delete:focus { background-color: #efefef; } /*page footer*/ .page-footer { display: flex; align-items: center; justify-content: center; background-color: #ffffff; border-top: 1px solid var(--bs-border-color); height: 40px; position: absolute; left: 260px; right: 0; bottom: 0; transition: ease-out 0.3s; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.044), 0 2px 6px 0 rgba(0, 0, 0, 0.049); } .user-close-btn { display: flex; align-items: center; justify-content: center; color: #ffffff; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; position: absolute; right: -50px; top: 16px; background-color: #050505; } /* order offcanvas */ .order-title { font-size: 15px; } /* utilities */ .primaery-menu-close { display: flex; align-items: center; justify-content: center; color: #494949; width: 45px; height: 45px; border-radius: 50%; transition: all 0.3s; } .primaery-menu-close:hover, .primaery-menu-close:focus { background-color: #efefef; } .dropdown-toggle-nocaret:after { display: none; } .dropup .dropdown-toggle-nocaret:after { display: none; } .w-260 { width: 300px !important; } .h-70 { height: 70px !important; } .h-370 { height: 370px; } .f-14 { font-size: 14px; } .raised { box-shadow: var(--mdc-protected-button-container-elevation, 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)); } .wh-48 { width: 48px; height: 48px; } .wh-64 { width: 64px; height: 64px; } .wh-120 { width: 120px; height: 120px; } .font-22 { font-size: 45px; } .font-text1 { font-size: 0.8rem; } .font-text2 { font-size: 0.7rem; } .cursor-pointer { cursor: pointer; } .theme-icons { background-color: #fff; } .user-list { position: relative; height: 400px; } .btn-circle { display: flex; align-items: center; justify-content: center; } .error { color: #fe1010; } .dash-lable { font-size: 14px; padding: 2px 7px; background-color: #f3f3f3; } form select.error, form textarea.error, form input.error, form input.error:focus, form textarea.error:focus, form select.error:focus { border-color: #fe1010 !important; } /* alerts */ .alert-border-primary { border: 1px solid var(--bs-gray-400); border-left: 5px solid #008cff; } .alert-border-secondary { border: 1px solid var(--bs-gray-400); border-left: 5px solid #6c757d; } .alert-border-success { border: 1px solid var(--bs-gray-400); border-left: 5px solid #02c27a; } .alert-border-danger { border: 1px solid var(--bs-gray-400); border-left: 5px solid #fc185a; } .alert-border-warning { border: 1px solid var(--bs-gray-400); border-left: 5px solid #fbb513; } .alert-border-info { border: 1px solid var(--bs-gray-400); border-left: 5px solid #0dcaf0; } .alert-border-dark { border: 1px solid var(--bs-gray-400); border-left: 5px solid #212529; } .bg-error { background-image: url("../assets/images/auth/error-bg.png"); background-position: center; background-size: cover; background-attachment: fixed; } .error-title { font-size: 140px; line-height: 140px; text-transform: uppercase; font-weight: bold; } .error-sub-title { font-size: 30px; line-height: 30px; text-transform: uppercase; } .contacts-social a { font-size: 16px; width: 36px; height: 36px; line-height: 36px; background: #fff; border: 1px solid #eeecec; text-align: center; border-radius: 50%; color: #2b2a2a; } .chart-container1 { position: relative; height: 350px; } .chart-container2 { position: relative; height: 138px; } .gmaps, .gmaps-panaroma { height: 400px; background: #eee; border-radius: 3px; } /* authentication */ .bg-login, .bg-reset-password, .bg-forgot-password, .bg-register { background-image: url(../assets/images/auth/bg-login.png); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } .bg-register { background-image: url(../assets/images/auth/bg-register.png); } .bg-forgot-password { background-image: url(../assets/images/auth/bg-forgot.png); } .bg-reset-password { background-image: url(../assets/images/auth/bg-reset-password.png); } /* switcher */ .form-check-img { max-width: 100%; height: auto; } .form-check-label-highlighter .form-check-input:checked[type=checkbox] ~ .form-check-label, .form-check-label-highlighter .form-check-input:checked[type=radio] ~ .form-check-label { border-color: #377dff; }/*# sourceMappingURL=main.css.map */ .btn-xs { --bs-btn-padding-y: 0.1rem !important; --bs-btn-padding-x: 0.1rem !important; --bs-btn-font-size: 0.875rem !important; --bs-btn-border-radius: var(--bs-border-radius-sm) !important; padding: 2px 5px 2px 5px !important; } [data-bs-theme=dark] body { color: var(--bs-body-color); background-color: var(--bs-body-bg-2); /* aligns */ /*header*/ /* sidebar */ /* main content */ /*page footer*/ /* Metis Menu */ /* order offcanvas */ /* utilities */ } [data-bs-theme=dark] body input::-moz-placeholder { color: #fff !important; } [data-bs-theme=dark] body input::placeholder { color: #fff !important; } [data-bs-theme=dark] body .bg-light { background-color: #32363b !important; } [data-bs-theme=dark] body .card-title { color: #dee2e6; } [data-bs-theme=dark] body .top-header .navbar { background-color: #212529; } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-control:focus { border: 1px solid var(--bs-border-color); } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-popup { background-color: var(--bs-body-bg); } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-popup .card { border: 1px solid var(--bs-border-color-translucent); } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-popup .search-title { color: #939aa0; } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-popup .kewords { color: var(--bs-body-color); background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-popup .kewords:hover { color: #efefef; background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-popup .search-list-item:hover { color: var(--bs-body-color); background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .search-bar .search-popup .search-list-item .list-icon { background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .nav-item .mega-menu { background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .nav-item .mega-menu .mega-menu-icon { background-color: #f8f8f8; } [data-bs-theme=dark] body .top-header .navbar .nav-item .mega-menu .card:hover { background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-apps .app-wrapper { background-color: var(--bs-body-bg); } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-apps .app-wrapper:hover { background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-notify .option { color: var(--bs-body-color); background-color: var(--bs-body-bg); border: 0px solid var(--bs-border-color-translucent); } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-notify .option:hover { background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-notify .notify-title { color: var(--bs-body-color); } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-notify .notify-desc { color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-notify .notify-time { color: #939aa0; } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-notify .user-wrapper { background-color: #efefef; } [data-bs-theme=dark] body .top-header .navbar .nav-item .dropdown-notify .notify-close { background-color: var(--bs-body-bg-2); } [data-bs-theme=dark] body .top-header .navbar .dropdown-menu { border: 1px solid var(--bs-border-color-translucent); } [data-bs-theme=dark] body .top-header .navbar .dropdown-menu::after { background: var(--bs-body-bg); border-top: 1px solid var(--bs-border-color); border-left: 1px solid var(--bs-border-color); } [data-bs-theme=dark] body .top-header .navbar .btn-toggle a { color: #dee2e6; } [data-bs-theme=dark] body .top-header .navbar .btn-toggle a:hover, [data-bs-theme=dark] body .top-header .navbar .btn-toggle a:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .top-header .navbar .nav-right-links .nav-link { color: #dee2e6; } [data-bs-theme=dark] body .top-header .navbar .nav-right-links .nav-link:hover, [data-bs-theme=dark] body .top-header .navbar .nav-right-links .nav-link:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .sidebar-wrapper { background-color: var(--bs-body-bg); border-right: 1px solid var(--bs-border-color); } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-header { background-color: var(--bs-body-bg); border-right: 1px solid var(--bs-border-color); } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-header .sidebar-close { color: #dee2e6; } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-header .sidebar-close:hover, [data-bs-theme=dark] body .sidebar-wrapper .sidebar-header .sidebar-close:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-nav { background-color: var(--bs-body-bg); } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-bottom { background-color: var(--bs-body-bg); border-top: 1px solid var(--bs-border-color); border-right: 1px solid var(--bs-border-color); } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-bottom .footer-icon { color: #dee2e6; } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-bottom .footer-icon:hover, [data-bs-theme=dark] body .sidebar-wrapper .sidebar-bottom .footer-icon:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .sidebar-wrapper .sidebar-bottom .dropdown-menu { background-color: var(--bs-body-bg-2); border: 1px solid var(--bs-border-color-translucent); } [data-bs-theme=dark] body .chip { color: var(--bs-body-color); background-color: var(--bs-body-bg-2); border: 1px solid var(--bs-border-color); } [data-bs-theme=dark] body .main-wrapper .main-content .breadcrumb-title { border-right: 1.5px solid var(--bs-border-color-translucent); } [data-bs-theme=dark] body .main-wrapper .main-content .sharelink { color: #dee2e6; } [data-bs-theme=dark] body .main-wrapper .main-content .sharelink:hover, [data-bs-theme=dark] body .main-wrapper .main-content .sharelink:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .main-wrapper .main-content .options { color: #dee2e6; } [data-bs-theme=dark] body .main-wrapper .main-content .options:hover, [data-bs-theme=dark] body .main-wrapper .main-content .options:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .main-wrapper .main-content .vertical-pills .nav-link { border-bottom: 1px solid var(--bs-border-color); color: var(--bs-body-color); } [data-bs-theme=dark] body .main-wrapper .main-content .vertical-pills .nav-link:last-child { border-bottom: 0px solid #dee2e6; } [data-bs-theme=dark] body .main-wrapper .main-content .customer-table table .customer-name { color: var(--bs-body-color); } [data-bs-theme=dark] body .main-wrapper .main-content .product-table table .product-category { color: #878d96; } [data-bs-theme=dark] body .main-wrapper .main-content .product-table table .product-title { color: var(--bs-body-color); } [data-bs-theme=dark] body .main-wrapper .main-content .product-table table .product-tags .btn-tags { background-color: var(--bs-body-bg-2); color: var(--bs-body-color); } [data-bs-theme=dark] body .main-wrapper .main-content .product-table table .product-rating { background-color: var(--bs-body-bg); border: 1px solid var(--bs-border-color); } [data-bs-theme=dark] body .main-wrapper .main-content .apexcharts-datalabel, [data-bs-theme=dark] body .main-wrapper .main-content .apexcharts-datalabel-label, [data-bs-theme=dark] body .main-wrapper .main-content .apexcharts-datalabel-value, [data-bs-theme=dark] body .main-wrapper .main-content .apexcharts-datalabels, [data-bs-theme=dark] body .main-wrapper .main-content .apexcharts-pie-label { fill: #fff; } [data-bs-theme=dark] body .separator .line { background-color: var(--bs-border-color); } [data-bs-theme=dark] body .auth-cover-left { background-color: var(--bs-body-bg); } [data-bs-theme=dark] body .order-delete { color: #dee2e6; cursor: pointer; } [data-bs-theme=dark] body .order-delete:hover, [data-bs-theme=dark] body .order-delete:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .page-footer { background-color: #212529; border-top: 0px solid var(--bs-border-color); } [data-bs-theme=dark] body .sidebar-nav .metismenu { background: 0 0; } [data-bs-theme=dark] body .sidebar-nav .metismenu a { color: #a7acb1; } [data-bs-theme=dark] body .sidebar-nav .metismenu a:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=dark] body .sidebar-nav .metismenu a:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=dark] body .sidebar-nav .metismenu a:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=dark] body .sidebar-nav .metismenu ul { background-color: var(--bs-body-bg); } [data-bs-theme=dark] body .sidebar-nav .metismenu .mm-active > a { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=dark] body .menu-label { color: #b0afaf; } [data-bs-theme=dark] body .metismenu .has-arrow:after { border-color: initial; } [data-bs-theme=dark] body .primaery-menu-close { color: #dee2e6; } [data-bs-theme=dark] body .primaery-menu-close:hover, [data-bs-theme=dark] body .primaery-menu-close:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=dark] body .theme-icons { background-color: var(--bs-body-bg); } [data-bs-theme=dark] body .error { color: #fe1010; } [data-bs-theme=dark] body .dash-lable { background-color: #f3f3f3; } [data-bs-theme=dark] body form select.error, [data-bs-theme=dark] body form textarea.error, [data-bs-theme=dark] body form input.error, [data-bs-theme=dark] body form input.error:focus, [data-bs-theme=dark] body form textarea.error:focus, [data-bs-theme=dark] body form select.error:focus { border-color: #fe1010 !important; } [data-bs-theme=dark] body .gmaps, [data-bs-theme=dark] body .gmaps-panaroma { background: var(--bs-body-bg-2); } [data-bs-theme=dark] body .bootstrap-tagsinput { background-color: var(--bs-body-bg); border-color: var(--bs-border-color); }/*# sourceMappingURL=dark-theme.css.map */ [data-bs-theme=semi-dark] { --bs-semi-body-color: #dee2e6; --bs-semi-body-color-rgb: 222, 226, 230; --bs-semi-body-bg: #212529; --bs-semi-body-bg-2: #181c1f; --bs-semi-border-color: #495057; --bs-semi-border-color-translucent: rgba(255, 255, 255, 0.15); } [data-bs-theme=semi-dark] body .top-header .navbar { border-bottom: 1px solid #dee2e6; box-shadow: none; background-color: #639cd6; } [data-bs-theme=semi-dark] body .top-header .navbar .btn-toggle a:hover, [data-bs-theme=semi-dark] body .top-header .navbar .btn-toggle a:focus { color: #383c40; background-color: #f9f9f9; } [data-bs-theme=semi-dark] body .top-header .navbar .nav-right-links .nav-link:hover, [data-bs-theme=semi-dark] body .top-header .navbar .nav-right-links .nav-link:focus { color: #383c40; background-color: #f9f9f9; } [data-bs-theme=semi-dark] body .sidebar-wrapper { background-color: var(--bs-semi-body-bg); border-right: 1px solid var(--bs-semi-border-color); /* Metis Menu */ } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header { background-color: var(--bs-semi-body-bg); border-right: 1px solid var(--bs-semi-border-color); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .sidebar-close { color: #dee2e6; } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .sidebar-close:hover, [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .sidebar-close:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-header .logo-name h5 { color: var(--bs-semi-body-color); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav { background-color: var(--bs-semi-body-bg); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav .metismenu { background: 0 0; } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav .metismenu ul { background-color: var(--bs-semi-body-bg); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav .metismenu a { color: #a7acb1; } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav .metismenu a:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav .metismenu a:focus { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav .metismenu a:hover { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-nav .metismenu .mm-active > a { color: #ffffff; background-color: rgba(255, 255, 255, 0.05); } [data-bs-theme=semi-dark] body .sidebar-wrapper .menu-label { color: #b0afaf; } [data-bs-theme=semi-dark] body .sidebar-wrapper .metismenu .has-arrow:after { border-color: initial; } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-bottom { background-color: var(--bs-semi-body-bg); border-top: 1px solid var(--bs-semi-border-color); border-right: 1px solid var(--bs-semi-border-color); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-bottom .footer-icon { color: #dee2e6; } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-bottom .footer-icon:hover, [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-bottom .footer-icon:focus { color: #ffffff; background-color: #383c40; } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-bottom .dropdown-menu { background-color: var(--bs-semi-body-bg-2); border: 1px solid var(--bs-semi-border-color-translucent); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-bottom .dropdown-menu .dropdown-item { color: var(--bs-semi-body-color); } [data-bs-theme=semi-dark] body .sidebar-wrapper .sidebar-bottom .dropdown-menu .dropdown-item:hover { background-color: var(--bs-semi-body-bg); }/*# sourceMappingURL=semi-dark.css.map */ [data-bs-theme=bodered-theme] body { background-color: rgb(255, 255, 255); } [data-bs-theme=bodered-theme] body .top-header .navbar { border-bottom: 1px solid #dee2e6; box-shadow: none; } [data-bs-theme=bodered-theme] body .sidebar-wrapper { border-right: 1px solid #dee2e6; box-shadow: none; } [data-bs-theme=bodered-theme] body .card { box-shadow: none; border: 1px solid #dee2e6; }/*# sourceMappingURL=bordered-theme.css.map */ /* Responsive */ /* Toogle in responsive */ @media only screen and (max-width: 1199px) { .table-responsive { white-space: nowrap; } .sidebar-wrapper { left: -260px; } .sidebar-wrapper .sidebar-header .sidebar-close { display: flex; } .top-header .navbar { left: 0; } .page-content { margin-left: 0; } .toggled .sidebar-wrapper { width: 260px; left: 0px; } .toggled .sidebar-wrapper .sidebar-header { width: 260px; } .toggled .sidebar-wrapper .sidebar-bottom { width: 260px; } .toggled .logo-name { display: block; } .toggled .top-header .navbar { left: 0px; } .toggled .page-footer { left: 0px; } .toggled .main-wrapper { margin-left: 0; } .toggled .overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.5; z-index: 11; display: block; cursor: move; transition: all 0.23s ease-out; } } @media only screen and (max-width: 1199px) { .top-header .navbar { left: 0; } .top-header .navbar .dropdown { position: static; } .top-header .navbar .dropdown .dropdown-menu { width: 100%; } .top-header .navbar .dropdown .dropdown-menu::after { display: none; } .top-header .navbar .mega-menu-widgets { padding: 1rem; position: relative; height: 480px; overflow-y: auto; overflow-x: hidden; } .main-wrapper { margin-left: 0; } /*page footer*/ .page-footer { left: 0px; } /*mini sidebar*/ .mini-sidebar { left: -70px; } } @media only screen and (max-width: 992px) { .search-popup { position: fixed !important; top: 0 !important; z-index: 10; } }/*# sourceMappingURL=responsive.css.map */