/* Minification failed. Returning unminified contents.
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(104,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(105,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary'
(109,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(110,32): run-time error CSS1039: Token not allowed after unary operator: '-bg-secondary-dark'
(115,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(116,17): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(117,24): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(121,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(122,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(123,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(127,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(128,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(129,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(134,17): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(135,24): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(139,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(140,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(141,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary'
(145,32): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(146,21): run-time error CSS1039: Token not allowed after unary operator: '-text-light'
(147,28): run-time error CSS1039: Token not allowed after unary operator: '-color-form-manager-primary-dark'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(154,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(182,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(183,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(184,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(185,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(186,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(188,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(190,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(193,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(194,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(195,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(196,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(197,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(198,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(200,5): 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 '-'
(215,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(216,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(217,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,5): 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 '-'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(268,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(269,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(276,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): 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 '-'
(300,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,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 '-'
(317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,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 '-'
(334,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,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 '-'
(351,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(353,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 '-'
(368,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(370,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(371,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(372,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(373,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(374,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(376,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(378,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(379,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(380,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(381,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(382,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3706,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(3710,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(3714,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(3718,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(3722,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(3726,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(3730,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(3734,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(3738,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(3742,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(3746,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(3750,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(3754,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(3758,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3762,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(3766,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(3770,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3774,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3778,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3782,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(3786,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(3790,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(3794,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(3798,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(3802,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(3806,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(3810,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(3814,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(3818,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(3822,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(3826,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(3830,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(3834,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(3838,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(3842,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(3846,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(3850,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(3854,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(3858,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(3862,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(3866,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(3870,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(3874,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(3878,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(3882,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(3886,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(3890,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(3894,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(3898,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(3902,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(3906,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(3910,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(3914,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(3918,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(3922,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(3926,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(3930,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(3934,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(3938,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(3942,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(3946,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(3950,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(3954,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(3958,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(3962,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(3966,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(3970,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(3974,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(3978,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(3982,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(3986,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(3990,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(3994,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(3998,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4002,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4006,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4010,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4014,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4018,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4022,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4026,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4030,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4034,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4038,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4042,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4046,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4050,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4054,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(4058,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(4062,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(4066,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(4070,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(4074,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(4078,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4082,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(4086,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(4090,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(4094,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4098,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4102,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(4106,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4110,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(4114,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(4118,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4122,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(4126,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4130,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4134,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(4138,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(4142,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(4146,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(4150,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(4154,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(4158,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(4162,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(4166,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(4170,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(4174,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(4178,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(4182,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(4186,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(4190,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(4194,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(4198,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(4202,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(4206,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(4210,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(4214,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(4218,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(4222,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(4226,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(4230,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(4234,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(4238,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(4242,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(4246,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(4250,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(4254,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(4258,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(4262,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(4266,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(4270,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(4274,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(4278,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(4282,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(4286,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(4290,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(4294,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(4298,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(4302,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(4306,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(4310,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(4314,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(4318,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(4322,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(4326,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(4330,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(4334,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(4338,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(4342,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(4346,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4350,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4354,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4358,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4362,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4366,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4370,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4374,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4378,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4382,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4386,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4390,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4394,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4398,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4402,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4406,17): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(4410,17): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(4414,17): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(4418,17): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(4422,17): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(4426,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4430,17): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(4434,17): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(4438,17): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(4442,17): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(4446,17): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(4450,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4454,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(4458,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(4462,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(4466,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(4470,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(4474,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4478,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(4482,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(4486,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(4490,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(4494,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(4498,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(4502,17): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(4506,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(4510,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4514,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4518,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(4522,17): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(4526,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(4530,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-light'
(4534,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-dark'
(4538,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4542,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4546,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4550,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4554,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4558,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4562,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4566,17): run-time error CSS1039: Token not allowed after unary operator: '-base'
(4573,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(4577,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(4581,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(4585,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(4589,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(4593,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(4597,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4601,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(4605,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(4609,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(4613,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4617,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4621,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(4625,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4629,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(4633,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(4637,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4641,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(4645,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4649,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4653,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(4657,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(4661,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(4665,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(4669,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(4673,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(4677,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(4681,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(4685,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(4689,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(4693,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(4697,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(4701,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(4705,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(4709,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(4713,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(4717,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(4721,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(4725,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(4729,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(4733,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(4737,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(4741,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(4745,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(4749,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(4753,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(4757,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(4761,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(4765,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(4769,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(4773,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(4777,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(4781,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(4785,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(4789,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(4793,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(4797,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(4801,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(4805,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(4809,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(4813,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(4817,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(4821,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(4825,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(4829,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(4833,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(4837,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(4841,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(4845,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(4849,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(4853,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(4857,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(4861,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(4865,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4869,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4873,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4877,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4881,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4885,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4889,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4893,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4897,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4901,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4905,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4909,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4913,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4917,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4921,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4925,28): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(4929,28): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(4933,28): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(4937,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(4941,28): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(4945,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4949,28): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(4953,28): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(4957,28): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(4961,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(4965,28): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(4969,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4973,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(4977,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(4981,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(4985,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(4989,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(4993,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4997,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(5001,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(5005,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(5009,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(5013,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(5017,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(5021,28): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(5025,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(5029,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(5033,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5037,28): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(5041,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(5051,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(5061,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(5071,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(5081,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(5091,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(5101,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(5111,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(5121,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(5131,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(5141,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(5151,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5161,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(5171,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(5181,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(5191,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(5201,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5211,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5221,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5231,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5241,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5251,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(5261,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(5271,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(5281,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(5291,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(5301,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(5311,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(5321,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(5331,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(5341,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(5351,32): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(5361,32): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(5371,32): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(5381,32): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(5391,32): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(5401,32): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(5411,32): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(5421,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(5431,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(5441,32): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(5451,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(5461,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(5471,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(5481,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(5491,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(5501,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(5511,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(5521,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(5531,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(5541,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(5551,32): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(5561,32): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(5571,32): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(5581,32): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(5591,32): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(5601,32): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(5611,32): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(5621,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(5631,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(5641,32): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(5651,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(5661,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(5671,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(5681,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(5691,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(5701,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(5711,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(5721,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(5731,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(5741,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(5751,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(5761,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(5771,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(5781,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(5791,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(5801,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(5811,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(5821,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(5831,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(5841,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(5851,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(5861,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(5871,32): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(5881,32): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(5891,32): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(5901,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(5911,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(5921,32): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(5931,32): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(5941,32): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(5951,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(5961,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(5971,32): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(5981,32): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(5991,32): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(6001,32): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(6011,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6021,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6031,32): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(6041,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6051,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(6061,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(6071,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6081,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6091,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(6101,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6111,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(6121,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(6131,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6141,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6151,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(6161,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(6171,32): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(6181,32): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(6191,32): run-time error CSS1039: Token not allowed after unary operator: '-red'
(6201,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6211,32): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(6221,32): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(6225,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6237,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6241,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(6245,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-light'
(6249,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-light'
(6253,28): run-time error CSS1039: Token not allowed after unary operator: '-pink-light'
(6393,22): run-time error CSS1039: Token not allowed after unary operator: '-gradients-Colors-gradients-2'
(6485,22): run-time error CSS1039: Token not allowed after unary operator: '-gradients-Colors-gradients-2'
(6730,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6732,24): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6736,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(6738,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6742,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6744,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6748,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6750,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6754,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6756,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6760,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6762,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6766,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6768,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6772,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6774,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6778,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6780,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6784,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6786,24): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6790,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6792,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6796,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6798,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6803,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6804,24): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6808,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(6810,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6814,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6816,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6821,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6822,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6826,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6828,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6832,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6834,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6839,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6840,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6844,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6846,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6850,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6852,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6857,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6858,24): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6862,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6864,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6868,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6870,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6875,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(6877,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(6881,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6883,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6887,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6889,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6893,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(6895,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(6899,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6901,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6905,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6907,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6911,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(6913,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(6917,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6919,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6923,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6925,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6929,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(6931,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(6935,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6937,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6941,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6943,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6947,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(6949,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(6953,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6955,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6959,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6961,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6965,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(6967,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(6971,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6973,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6977,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6979,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6983,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(6985,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(6989,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6991,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6995,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6997,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7001,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7003,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7007,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7009,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7013,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7015,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7019,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7021,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7025,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7027,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7031,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7033,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7037,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(7039,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(7043,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7045,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7049,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7051,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7055,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(7057,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(7061,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7063,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7067,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7069,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7073,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(7075,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(7079,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7081,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7085,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7087,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7091,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(7093,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(7097,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7099,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7103,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7105,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7109,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(7111,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(7115,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7117,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7121,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7123,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7127,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(7129,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(7133,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7135,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7139,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7141,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7145,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(7147,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(7151,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7153,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7157,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7159,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7163,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(7165,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(7169,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7171,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7175,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7177,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7181,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7183,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7187,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7189,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7193,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7195,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7199,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7201,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7205,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7207,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7211,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7213,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7217,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(7219,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(7223,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7225,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7229,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7231,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7235,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(7237,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(7241,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7243,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7247,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7249,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7253,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(7255,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(7259,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7261,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7265,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7267,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7271,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(7273,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(7277,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7279,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7283,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7285,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7289,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(7291,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(7295,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7297,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7301,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7303,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7307,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(7309,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(7313,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7315,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7319,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7321,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7325,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(7327,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(7331,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7333,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7337,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7339,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7343,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(7345,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(7349,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7351,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7355,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7357,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7361,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7363,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7367,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7369,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7373,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7375,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7379,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7381,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7385,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7387,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7391,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7393,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7397,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(7399,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(7403,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7405,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7409,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7411,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7415,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(7417,24): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(7421,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7423,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7427,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7429,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7433,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(7435,24): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(7439,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7441,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7445,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7447,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7451,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(7453,24): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(7457,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7459,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7463,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7465,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7469,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(7471,24): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(7475,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7477,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7481,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7483,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7487,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(7489,24): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(7493,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7495,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7499,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7501,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7505,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(7507,24): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(7511,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7513,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7517,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7519,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7523,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(7525,24): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(7529,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7531,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7535,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7537,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7541,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7543,24): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7547,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7549,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7553,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7555,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7559,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7561,24): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7565,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7567,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7571,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7573,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7577,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(7579,24): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(7583,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7585,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7589,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7591,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7595,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(7597,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(7601,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7603,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7607,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7609,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7613,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(7615,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(7619,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7621,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7625,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7627,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7631,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(7633,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(7637,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7639,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7643,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7645,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7649,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(7651,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(7655,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7657,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7661,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7663,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7667,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(7669,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(7673,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7675,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7679,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7681,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7685,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(7687,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(7691,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7693,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7697,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7699,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7703,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(7705,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(7709,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7711,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7715,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7717,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7721,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7723,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7727,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7729,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7733,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7735,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7739,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7741,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7745,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7747,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7751,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7753,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7757,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(7759,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(7763,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7765,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7769,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7771,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7775,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(7777,24): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(7781,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7783,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7787,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7789,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7793,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(7795,24): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(7799,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7801,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7805,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7807,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7811,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(7813,24): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(7817,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7819,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7823,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7825,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7829,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(7831,24): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(7835,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7837,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7841,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7843,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7847,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(7849,24): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(7853,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7855,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7859,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7861,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7865,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(7867,24): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(7871,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7873,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7877,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7879,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7883,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(7885,24): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(7889,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7891,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7895,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7897,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7901,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7903,24): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7907,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7909,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7913,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7915,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7919,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7921,24): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7925,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7927,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7931,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7933,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7937,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(7939,24): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(7943,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7945,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7949,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7951,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7955,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(7957,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(7961,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7963,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7967,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7969,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7973,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(7975,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(7979,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7981,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7985,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7987,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7991,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(7993,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(7997,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7999,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8003,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8005,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8009,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(8011,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(8015,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8017,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8021,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8023,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8027,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(8029,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(8033,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8035,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8039,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8041,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8045,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(8047,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(8051,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8053,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8057,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8059,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8063,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(8065,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(8069,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8071,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8075,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8077,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8081,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8083,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8087,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8089,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8093,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8095,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8099,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8101,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8105,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8107,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8111,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8113,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8117,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(8119,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(8123,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8125,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8129,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8131,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8135,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(8137,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(8141,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8143,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8147,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8149,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8153,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(8155,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(8159,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8161,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8165,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8167,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8171,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(8173,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(8177,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8179,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8183,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8185,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8189,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(8191,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(8195,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8197,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8201,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8203,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8207,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(8209,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(8213,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8215,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8219,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8221,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8225,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(8227,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(8231,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8233,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8237,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8239,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8243,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(8245,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(8249,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8251,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8255,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8257,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8261,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(8263,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(8267,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8269,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8273,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8275,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8279,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(8281,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(8285,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8287,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8291,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8293,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8297,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(8299,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(8303,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8305,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8309,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8311,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8315,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8317,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8321,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8323,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8327,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8329,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8333,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8335,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8339,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8341,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8345,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8347,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8351,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(8353,24): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(8357,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8359,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8363,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8365,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8369,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(8371,24): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(8375,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8377,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8381,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8383,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8387,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(8389,24): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(8393,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8395,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8399,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8401,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8405,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8407,24): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8411,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8413,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8417,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8419,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8423,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8425,24): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8429,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8431,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8435,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8437,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8443,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8444,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8448,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8450,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8454,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8456,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8461,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8462,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8466,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8468,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8472,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8474,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8479,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8480,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8484,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8486,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8490,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8492,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8497,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8498,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8502,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8504,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8508,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8510,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8515,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8516,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8520,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8522,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8526,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8528,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8533,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8534,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8538,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8540,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8544,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8546,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8551,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8552,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8556,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8558,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8562,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8564,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8569,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8570,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8574,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8576,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8580,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8582,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8587,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8588,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8592,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8594,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8598,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8600,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8605,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8606,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8610,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8612,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8616,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8618,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8623,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8624,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8628,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8630,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8634,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8636,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8641,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8642,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8646,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8648,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8652,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8654,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8659,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8660,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8664,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8666,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8670,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8672,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8677,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8678,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8682,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8684,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8688,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8690,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8695,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8696,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8700,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8702,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8706,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8708,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8713,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8714,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8718,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8720,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8724,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8726,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8731,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8732,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8736,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8738,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8742,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8744,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8749,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8750,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8754,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8756,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8760,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8762,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8767,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8768,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8772,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8774,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8778,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8780,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8785,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8786,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8790,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8792,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8796,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8798,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8803,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8804,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8808,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8810,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8814,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8816,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8821,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8822,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8826,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8828,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8832,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8834,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8839,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8840,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8844,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8846,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8850,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8852,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8857,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8858,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8862,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8864,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8868,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8870,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8875,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8876,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8880,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8882,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8886,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8888,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8893,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8894,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8898,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8900,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8904,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8906,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8911,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8912,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8916,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8918,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8922,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8924,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8929,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8930,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8934,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8936,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8940,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8942,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8947,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8948,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8952,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8954,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8958,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8960,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8965,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8966,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8970,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8972,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8976,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8978,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8983,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8984,24): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8988,32): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8990,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8994,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(8996,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9001,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9002,24): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9006,32): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9008,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9012,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9014,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9019,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9020,24): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9024,32): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9026,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9030,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9032,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9037,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9038,24): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9042,32): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9044,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9048,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9050,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9055,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9056,24): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9060,32): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9062,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9066,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9068,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9073,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9074,24): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9078,32): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9080,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9084,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9086,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9091,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9092,24): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9096,32): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9098,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9102,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9104,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9109,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9110,24): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9114,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9116,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9120,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9122,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9127,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9128,24): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9132,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9134,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9138,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9140,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9145,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9146,24): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9150,32): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9152,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9156,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9158,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9163,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9164,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9168,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9170,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9174,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9176,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9181,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9182,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9186,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9188,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9192,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9194,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9199,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9200,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9204,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9206,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9210,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9212,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9217,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9218,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9222,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9224,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9228,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9230,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9235,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9236,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9240,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9242,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9246,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9248,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9253,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9254,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9258,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9260,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9264,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9266,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9271,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9272,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9276,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9278,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9282,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9284,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9289,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9290,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9294,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9296,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9300,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9302,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9307,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9308,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9312,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9314,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9318,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9320,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9325,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9326,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9330,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9332,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9336,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9338,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9343,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9344,24): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9348,32): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9350,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9354,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9356,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9361,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9362,24): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9366,32): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9368,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9372,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9374,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9379,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9380,24): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9384,32): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9386,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9390,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9392,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9397,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9398,24): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9402,32): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9404,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9408,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9410,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9415,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9416,24): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9420,32): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9422,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9426,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9428,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9433,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9434,24): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9438,32): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9440,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9444,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9446,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9451,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9452,24): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9456,32): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9458,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9462,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9464,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9469,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9470,24): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9474,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9476,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9480,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9482,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9487,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9488,24): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9492,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9494,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9498,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9500,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9505,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9506,24): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9510,32): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9512,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9516,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9518,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9523,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9524,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9528,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9530,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9534,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9536,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9541,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9542,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9546,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9548,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9552,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9554,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9559,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9560,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9564,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9566,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9570,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9572,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9577,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9578,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9582,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9584,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9588,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9590,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9595,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9596,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9600,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9602,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9606,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9608,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9613,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9614,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9618,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9620,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9624,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9626,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9631,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9632,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9636,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9638,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9642,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9644,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9649,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9650,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9654,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9656,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9660,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9662,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9667,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9668,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9672,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9674,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9678,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9680,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9685,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9686,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9690,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9692,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9696,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9698,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9703,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9704,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9708,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9710,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9714,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9716,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9721,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9722,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9726,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9728,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9732,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9734,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9739,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9740,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9744,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9746,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9750,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9752,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9757,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9758,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9762,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9764,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9768,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9770,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9775,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9776,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9780,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9782,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9786,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9788,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9793,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9794,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9798,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9800,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9804,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9806,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9811,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9812,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9816,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9818,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9822,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9824,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9829,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9830,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9834,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9836,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9840,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9842,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9847,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9848,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9852,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9854,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9858,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9860,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9865,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9866,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9870,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9872,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9876,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9878,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9883,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9884,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9888,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9890,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9894,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9896,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9901,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9902,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9906,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9908,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9912,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9914,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9919,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9920,24): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9924,32): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9926,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9930,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9932,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9937,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9938,24): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9942,32): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9944,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9948,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9950,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9955,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9956,24): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9960,32): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9962,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9966,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9968,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9973,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9974,24): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9978,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9980,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9984,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9986,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9991,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9992,24): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9996,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9998,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10002,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10004,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10008,25): run-time error CSS1039: Token not allowed after unary operator: '-bs-border-radius-pill'
 */
@import "less/_override.css";

:root {
    --bg-primary: #085ED7;
    --bg-secondary: gray;
    --bg-secondary-dark: darkgray;
    --bg-success: #45B369;
    --bg-warning: #FF9F2A;
    --bg-info: #6C747D;
    --bg-border: #E4E7EC;
    --text-primary: #4B5563;
    --text-dark: #121927;
    --text-light: white;
    --color-accent-primary: #0D6EFD;
    --color-border-light: #EDEDED;
    --color-success-deep: #1A8754;
    --color-danger: #DC3544;
    --icon-close-color: #4B5563;
    --bg-cancel-btn: #4B5563;
    --color-form-manager-primary: var(--primary-500);
    --color-form-manager-primary-dark: var(--primary-700);
}

html, body {
    /*height: 100%;*/
    margin: 0;
    padding: 0;
}

.SiteWrapper {
    box-sizing: border-box;
    min-height: 100%;
}

body {
    min-height: 100%;
    font-family: "adobe-clean", sans-serif;
    font-stretch: extra-condensed;
    position: relative;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

a.Button:hover .k-icon {
    font-weight: bold;
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    min-height: 1.45em;
}

.k-dropdown-wrap > .k-input {
    line-height: 1.25em;
}


.k-dropdown-wrap {
    height: 22px;
}

    .k-dropdown-wrap .k-select {
        line-height: 1.35em;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: 0px;
}

.page-navigation-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cancel-btn {
    color: var(--text-light);
    background-color: var(--bg-secondary);
    border-color: var(--bg-secondary);
}

    .cancel-btn:hover {
        color: var(--text-light);
        background-color: var(--bg-secondary-dark);
    }

/* Primary button class for form manager */
.fm-btn-primary {
    background-color: var(--color-form-manager-primary);
    color: var(--text-light);
    border-color: var(--color-form-manager-primary);
}

    .fm-btn-primary:hover {
        background-color: var(--color-form-manager-primary-dark);
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary-dark);
    }

    .fm-btn-primary:active, .fm-btn-primary:focus {
        background-color: var(--color-form-manager-primary-dark) !important;
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary-dark) !important;
    }

.fm-btn-outline-primary {
    background-color: transparent !important;
    color: var(--color-form-manager-primary) !important;
    border-color: var(--color-form-manager-primary) !important;
}

    .fm-btn-outline-primary:hover {
        background-color: var(--color-form-manager-primary) !important;
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary) !important;
    }

    .fm-btn-outline-primary:active, .fm-btn-outline-primary:focus {
        background-color: var(--color-form-manager-primary-dark) !important;
        color: var(--text-light) !important;
        border-color: var(--color-form-manager-primary-dark) !important;
    }
:root {
    --default-font:;
    --h1: clamp(2rem, 1.2rem + 4vw, 4.5rem);
    --h2: clamp(1.75rem, 1.11rem + 3.2vw, 3.75rem);
    --h3: clamp(1.5rem, 1.02rem + 2.4vw, 3rem);
    --h4: clamp(1.375rem, 1.095rem + 1.4vw, 2.25rem);
    --h5: clamp(1.25rem, 1.05rem + 1vw, 1.875rem);
    --h6: clamp(1.125rem, 1.005rem + 0.6vw, 1.5rem);
    --size-2: 0.125rem;
    --size-4: 0.25rem;
    --size-6: 0.375rem;
    --size-8: 0.5rem;
    --size-9: 0.5625rem;
    --size-10: 0.625rem;
    --size-11: 0.6875rem;
    --size-12: 0.75rem;
    --size-13: 0.8125rem;
    --size-16: 1rem;
    --size-20: 1.25rem;
    --size-24: 1.5rem;
    --size-28: 1.5rem;
    --size-32: 2rem;
    --size-36: 2rem;
    --size-40: 2.5rem;
    --size-44: 2.75rem;
    --size-48: 3rem;
    --size-50: 3.125rem;
    --size-56: 3.5rem;
    --size-60: 3.75rem;
    --size-64: 4rem;
    --size-72: 4.5rem;
    --size-76: 4.75rem;
    --size-80: 5rem;
    --size-90: 5.625rem;
    --size-110: 6.875rem;
    --size-120: 7.5rem;
    --size-144: 9rem;
    --size-160: 10rem;
    --size-170: 10.625rem;
    --size-190: 11.875rem;
    --size-200: 12.5rem;
    --size-240: 15rem;
    --size-440: 27.5rem;
    --rounded-2: 0.125rem;
    --rounded-4: 0.25rem;
    --rounded-6: 0.375rem;
    --rounded-8: 0.5rem;
    --rounded-9: 0.5625rem;
    --rounded-10: 0.625rem;
    --rounded-11: 0.6875rem;
    --rounded-12: 0.75rem;
    --rounded-13: 0.8125rem;
    --rounded-16: 1rem;
    --rounded-20: 1.25rem;
    --rounded-24: 1.5rem;
    --rounded-28: 1.5rem;
    --rounded-32: 2rem;
    --rounded-36: 2rem;
    --rounded-40: 2.5rem;
    --rounded-44: 2.75rem;
    --rounded-48: 3rem;
    --rounded-50: 3.125rem;
    --rounded-56: 3.5rem;
    --rounded-60: 3.75rem;
    --rounded-64: 4rem;
    --rounded-72: 4.5rem;
    --rounded-76: 4.75rem;
    --rounded-80: 5rem;
    --rounded-90: 5.625rem;
    --rounded-110: 6.875rem;
    --rounded-120: 7.5rem;
    --rounded-144: 9rem;
    --rounded-160: 10rem;
    --rounded-170: 10.625rem;
    --rounded-190: 11.875rem;
    --rounded-200: 12.5rem;
    --rounded-240: 15rem;
    --rounded-440: 27.5rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --shadow-1: 0 4px 60px 0 rgba(4, 6, 15, 0.8);
    --shadow-2: 0 4px 60px 0 rgba(4, 6, 15, 0.5);
    --shadow-3: 0 20px 100px 0 rgba(4, 6, 15, 0.8);
    --shadow-4: 4px 8px 24px 0 rgba(182, 182, 182, 0.2);
    --shadow-5: 4px 12px 32px 0 rgba(0, 169, 158, 0.1);
    --shadow-6: 4px 16px 32px 0 rgba(0, 169, 158, 0.1);
    --font-2xxl: 2rem;
    --font-2xl: 1.75rem;
    --font-xxl: 1.5rem;
    --font-xl: 1.25rem;
    --font-lg: 1.125rem;
    --font-md: 1rem;
    --font-sm: 0.875rem;
    --font-xs: 0.75rem;
    --font-xxs: 0.625rem;
    --primary-50: #E4F1FF;
    --primary-100: #BFDCFF;
    --primary-200: #95C7FF;
    --primary-300: #6BB1FF;
    --primary-400: #519FFF;
    --primary-500: #458EFF;
    --primary-600: #487FFF;
    --primary-700: #486CEA;
    --primary-800: #4759D6;
    --primary-900: #4536B6;
    --neutral-50: #F5F6FA;
    --neutral-100: #F3F4F6;
    --neutral-200: #EBECEF;
    --neutral-300: #D1D5DB;
    --neutral-400: #9CA3AF;
    --neutral-500: #6B7280;
    --neutral-600: #4B5563;
    --neutral-700: #374151;
    --neutral-800: #1F2937;
    --neutral-900: #111827;
    --danger-50: #FEF2F2;
    --danger-100: #FEE2E2;
    --danger-200: #FECACA;
    --danger-300: #FCA5A5;
    --danger-400: #F87171;
    --danger-500: #EF4444;
    --danger-600: #DC2626;
    --danger-700: #B91C1C;
    --danger-800: #991B1B;
    --danger-900: #7F1D1D;
    --success-50: #F0FDF4;
    --success-100: #DCFCE7;
    --success-200: #BBF7D0;
    --success-300: #86EFAC;
    --success-400: #4ADE80;
    --success-500: #22C55E;
    --success-600: #16A34A;
    --success-700: #15803D;
    --success-800: #166534;
    --success-900: #14532D;
    --warning-50: #FEFCE8;
    --warning-100: #FEF9C3;
    --warning-200: #FEF08A;
    --warning-300: #FDE047;
    --warning-400: #FACC15;
    --warning-500: #EAB308;
    --warning-600: #FF9F29;
    --warning-700: #f39016;
    --warning-800: #e58209;
    --warning-900: #d77907;
    --info-50: #EFF6FF;
    --info-100: #DBEAFE;
    --info-200: #BFDBFE;
    --info-300: #93C5FD;
    --info-400: #60A5FA;
    --info-500: #3B82F6;
    --info-600: #2563EB;
    --info-700: #1D4ED8;
    --info-800: #1E40AF;
    --info-900: #1E3A8A;
    --cyan-50: #e2f5fb;
    --cyan-100: #DAF6FF;
    --cyan-200: #85daf4;
    --cyan-300: #6cdafc;
    --cyan-400: #48cef7;
    --cyan-500: #2bc9f9;
    --cyan-600: #00b8f2;
    --cyan-700: #03a9dc;
    --cyan-800: #049dcb;
    --cyan-900: #0390bb;
    --dark-1: #1B2431;
    --dark-2: #273142;
    --dark-3: #323D4E;
    --lilac-50: #f0e1ff;
    --lilac-100: #EBD7FF;
    --lilac-200: #dcc0f8;
    --lilac-300: #cd9ffa;
    --lilac-400: #c48afe;
    --lilac-500: #b66dff;
    --lilac-600: #8252E9;
    --lilac-700: #6f37e6;
    --lilac-800: #601eef;
    --light-50: #F5F6FA;
    --light-100: #F3F4F6;
    --light-600: #E4F1FF;
    --light-700: #374151;
    --light-800: #1F2937;
    --success-main: #45B369;
    --success-surface: #DAF0E1;
    --success-border: #B5E1C3;
    --success-hover: #009F5E;
    --success-pressed: #006038;
    --success-focus: rgba(69, 179, 105, 0.1490196078);
    --info-main: #144BD6;
    --info-surface: #E7EEFC;
    --info-border: #AECAFC;
    --info-hover: #0A51CE;
    --info-pressed: #06307C;
    --info-focus: rgba(20, 75, 214, 0.1490196078);
    --warning-main: #FF9F29;
    --warning-surface: #FFF9E2;
    --warning-border: #FFEBA6;
    --warning-hover: #D69705;
    --warning-pressed: #C28800;
    --warning-focus: rgba(255, 192, 45, 0.1490196078);
    --danger-main: #EF4A00;
    --danger-surface: #FCDAE2;
    --danger-border: #F9B5C6;
    --danger-hover: #D53128;
    --danger-pressed: #801D18;
    --danger-focus: rgba(239, 71, 112, 0.1490196078);
    --cyan: #00B8F2;
    --indigo: #7F27FF;
    --purple: #8252E9;
    --red: #E30A0A;
    --yellow: #F4941E;
    --orange: #F86624;
    --pink: #DE3ACE;
    --primary-light: rgba(72, 127, 255, 0.15);
    --yellow-light: rgba(255, 159, 41, 0.15);
    --purple-light: rgba(130, 82, 233, 0.15);
    --pink-light: rgba(250, 54, 230, 0.15);
    --primary-light-white: rgba(72, 127, 255, 0.25);
    --yellow-light-white: rgba(255, 159, 41, 0.25);
    --purple-light-white: rgba(132, 90, 223, 0.25);
    --pink-light-white: rgba(250, 54, 230, 0.25);
    --base: #fff;
    --brand: var(--primary-600);
    --button-secondary: var(--primary-50);
    --black: var(--dark-2);
    --white: var(--base);
    --bg-color: var(--neutral-50);
    --text-primary-light: var(--neutral-900);
    --text-secondary-light: var(--neutral-600);
    --text-secondary-dark: var(--neutral-300);
    --input-form-light: var(--neutral-300);
    --input-form-dark: var(--neutral-500);
    --input-bg: var(--neutral-50);
    --input-stroke: var(--neutral-300);
    --border-color: #d1d5db80;
}

@supports (-ms-accelerator:true) {
    /* IE Edge 12+ CSS styles go here */
    input[type="checkbox"] {
        vertical-align: sub;
    }

    .squaretext {
        display: inline !important;
    }
}



html {
    overflow-x: hidden !important;
    height: 100%;
    width: 100vw;
    font-size: 16px;
}

.body-content {
    overflow-x: hidden !important;
    position: relative;
    margin: 0;
    padding-bottom: 6rem;
    min-height: 100%;
}

form {
    margin-bottom: 100px;
    height: 100%;
}

/*begin css updates - Austin*/
.navbar-inverse {
    background-color: #002e62;
    box-shadow: 0px 5px 5px #888888;
    border-color: #080808;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    /*background-color: #03448d;*/
}

.redNew {
    color: #ab0535 !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: white;
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 0px;
    padding: 10px 15px;
}

.navbar-inverse .navbar-nav > li:hover {
    background-color: #03448d;
}

.application-view-navbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .application-view-navbar .navbar-nav {
        margin: 0px;
    }

    .application-view-navbar .dropdown {
        display: inline-block !important;
    }

    #topMenuBar .dropdown-menu,
    .application-view-navbar .dropdown-menu {
        width: fit-content !important;
        overflow-x: hidden;
    }

    /* Used for last dropdown so it won't flow outside the screen */
    #topMenuBar > li:last-of-type > .dropdown-menu,
    .application-view-navbar .navbar-nav > li:last-of-type > .dropdown-menu {
        left: auto;
        right: 0px;
    }

    #topMenuBar .login-nav {
        width: 100px !important;
        float: left !important;
    }
/*end css updates - Austin*/
@media (max-width: 768px) {
    .button2 {
        width: 100% !important;
    }

    .TreatmentBar > .col-sm-2 {
        margin-bottom: 10px;
    }

    .TreatmentBar > .col-sm-3:last-child {
        margin-bottom: 0px;
    }

    .row.toppadder {
        padding: 10px;
    }

    #topMenuBar .dropdown {
        display: block !important;
        float: none !important;
        text-align: left;
    }

    #topMenuBar .dropdown-menu {
        width: 100% !important;
    }

    #topMenuBar > li:last-of-type > .dropdown-menu {
        left: 0px;
    }

    .application-view-navbar .dropdown {
        display: block !important;
    }

    .application-view-navbar .dropdown-menu {
        left: auto;
        right: 0px;
    }
}

    .lnkPublicView {
        width: 100%;
        text-align: right;
    }

    .unbold > * {
        font-weight: 100 !important;
    }

    .modalSummary .modal-content {
        width: auto !important;
        margin: auto;
        height: auto;
    }

    .flkmodalBackground {
        background-color: #ddd;
        opacity: 0.7;
    }

    footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 80px;
        line-height: 50px;
        background-color: #343a40;
    }

    @media (max-width: 991px) {
        .nav > li {
            position: relative !important;
        }

        .navbar-header {
            float: none;
        }

        .navbar-left, .navbar-right {
            float: none !important;
        }

        .navbar-toggle {
            display: block;
        }

        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }

        .navbar-fixed-top {
            top: 0;
            border-width: 0 0 1px;
        }

        .navbar-collapse.collapse {
            display: none !important;
        }

        .navbar-nav {
            float: none !important;
            margin-top: 7.5px;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .collapse.in {
            display: block !important;
        }
    }

    @media (max-width: 991px) {
        .dropdown:active .dropdown-menu {
            display: block;
        }

        .dropdown:current .dropdown-menu {
            display: block;
        }

        .dropdown:focus .dropdown-menu {
            display: block;
        }

        .dropdown:hover .dropdown-menu {
            display: block;
        }
    }

    @media (max-width: 991px) {
        .dropdown-menu {
            position: relative;
            top: 100%;
            left: 0;
            z-index: 1000;
            display: none;
            float: left;
            min-width: 160px;
            padding: 5px 0;
            margin: 2px 0 0;
            font-size: 15px;
            text-align: left;
            list-style: none;
            overflow-x: scroll;
            background-color: #002e62;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, .15);
            border-radius: 0px;
            -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
            box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        }
    }


    @media (max-width: 989px) {
        footer {
            margin: 0px;
            position: relative;
            bottom: 0;
            padding-top: 20px;
        }

            footer > .container > center > p {
                white-space: normal !important;
            }
    }

    .jumbotron {
        height: 100%;
    }

    header {
        background-color: white !important;
        z-index: 1001;
    }

    body {
        overflow-x: hidden !important;
        font-family: Roboto, sans-serif;
        background-color: #e6e6e6;
        position: relative;
        margin: 0;
        padding-bottom: 70px;
        min-height: 100%;
    }


    .CustomBodyHeight {
        height: 1500px;
    }

    .cpInput {
        width: 250px !important;
    }

    @media (max-width: 767px) {
        .cpInput {
            width: 100% !important;
        }
    }

    @media (max-width: 767px) {
        body {
            padding-bottom: 0px;
        }
    }

@font-face {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    src: "https://www.rankone.com/content/fonts/fontawesome-webfont.ttf?v=4.4.0";
}

    @font-face {
        font-family: "Roboto";
        font-style: normal;
        font-weight: 400;
        src: local("Roboto"), local("Roboto-Regular"), url("https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2") format("woff2");
        unicode-range: U+0-FF, U+131, U+152-153, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
    }

    * {
    }

    header {
        font-family: Roboto, sans-serif;
        font-weight: 600;
    }

    #prevent_Event_Page_Overflow_CSS {
        height: 325px;
        max-height: 325px;
        overflow-y: auto;
        scroll-behavior: smooth;
    }

    #addheight {
        height: 500px;
    }

    .noGoPro {
        color: red;
    }

    .proChecker {
        float: right;
    }

    @media (max-width: 1547px) and (min-width: 991px) {
        .proChecker {
            float: none;
            display: block;
        }
    }

    .upTop {
        vertical-align: top !important;
    }

    #a_Dashboard {
        text-align: left;
    }
    /*please do not change the below*/

    #upcomingEventStyles {
    }

    .EventRows:nth-child(even) {
        background-color: #e6e6e6;
    }

    .bluesquare {
        color: white;
        margin-left: 0px;
        font-family: 'Roboto', sans-serif;
        display: inline-block;
    }

    .eventLineHeight {
        padding: 12px 10px 0px 10px;
    }

    .squaretext {
        margin-left: 0px;
        font-family: 'Roboto', sans-serif;
        text-align: center;
        background: #03448d;
        width: 65px;
        margin-bottom: 10px;
        margin-top: 10px;
        padding: 2.5px;
    }

        .squaretext > :not(:empty) {
            padding: 0px;
        }

    .squaremonth {
        margin-left: 0px;
        font-family: 'Roboto', sans-serif;
        /*text-align:;*/
        display: inline;
        font-size: 16px;
    }

        .squaremonth > :not(:empty) {
            padding: 0px;
            line-height: 21px;
        }


    .squareday {
        font-family: 'Roboto', sans-serif;
        text-align: center;
        font-size: 16px;
        display: block;
        -moz-text-align-last: center;
        display: inline;
    }

        .squareday > :not(:empty) {
        }

    #ghostSpace {
        display: inline;
    }

    @media (max-width: 993px) and (min-width: 1460px) {
        .squaremonth {
            display: block;
        }

        .squareday {
            display: block;
        }

        .squaretext {
            width: 50px;
        }

        .eventLineHeight {
            padding-top: 6px;
        }

        #ghostSpace {
            display: none;
        }
    }

    @media (max-width: 768px) {
        .glyphicon {
            display: none !important;
        }
    }

    @media (min-width: 992px) and (max-width: 1689px) {
        .glyphicon {
            display: none !important;
        }
    }

    @media (min-width: 1000px) and (max-width: 1536px) {
        .navbar-inverse .navbar-nav > li > a {
            font-size: 15px;
            padding: 10px 15px;
        }
    }    

    @media (max-width: 1500px) {
        .squaretext {
            width: 45px;
        }
    }

    .dDate {
        font-family: 'Roboto', sans-serif;
        width: 64px;
        text-align: center;
        font-size: 25px;
        font-weight: bold;
        line-height: 18px;
        display: block;
        -moz-text-align-last: center;
    }

    .subAlign {
        vertical-align: sub;
    }

    /*please do not change the above*/

    .hidden-div {
        display: none;
    }

    .table-responsive {
        border: 0px solid #bcbcbc !important;
        text-shadow: none !important;
    }

    @supports (-ms-ime-align:auto) {
        .squareday {
            display: inline;
            line-height: 18px;
        }

        .table-responsive {
            min-height: 0.01%;
            overflow-x: inherit;
        }
    }

    .grow {
        transition: all .2s ease-in-out;
    }


        .grow:hover {
            transform: scale(1.1);
        }

    .modalPopup {
        background-color: #FFF;
        color: #000000;
        border: 1px solid black;
        box-shadow: 0px 5px 5px #888888;
    }

        .modalPopup > .minibackheader {
            margin-bottom: 10px;
        }

    .flkmodalPopup2 > .minibackheader {
        margin-bottom: 10px;
    }


    .exitModal {
        margin-top: 5px;
    }

    .exitModal-addEvent {
        margin-top: 5px;
        float: right;
    }

    .exitModalEquipment {
        margin: 0px 0px 10px 10px;
    }

    .modalBg > * {
        background-color: #FFF;
    }

    .flkmodalPopup {
        background-color: #FFF;
        font-size: 13px;
        box-shadow: 0px 5px 5px #888888;
        border: 1px solid black;
        top: 0px;
    }

    .flkmodalPopup2 {
        background-color: #FFF;
        font-size: 13px;
        box-shadow: 0px 5px 5px #888888;
        border: 1px solid black;
    }

    @media (max-width: 767px) {
        .flkmodalPopup {
            width: 100% !important;
            max-width: 100%;
        }
    }


    /* begin modal pop up width area */
    #cph_Main_mod_Edit_Event_foregroundElement {
        position: relative;
        left: 50% !important;
        /*top: 0px !important;*/
        transform: translate(-50%, 0%);
    }

    #ctl00_cph_Main_mod_Add_Event_foregroundElement {
        position: relative;
        left: 50% !important;
        top: -120px !important;
        transform: translate(-50%, 0%);
    }

    @media (max-width:320px) {
        #ctl00_cph_Main_mod_Add_Event_foregroundElement {
            position: relative;
            left: 50% !important;
            top: 0px !important;
            transform: translate(-50%, 0%);
            width: 100%;
        }
    }

    #cph_Main_dv_Modal_Add_Event {
        position: relative;
        left: 50% !important;
        top: 0px !important;
        transform: translate(-50%, 0%);
    }

    #cph_Main_mod_Edit_Event_foregroundElement {
        position: relative;
        left: 50% !important;
        /*top: 0px !important;*/
        transform: translate(-50%, 0%);
    }

        #cph_Main_mod_Edit_Event_foregroundElement .flkmodalPopup {
            /*top:650px;*/
        }


    @media (min-width: 1800px) and (max-width: 3200px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    @media (min-width: 1200px) and (max-width: 1800px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    @media (min-width: 862px) and (max-width: 1200px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    @media (min-width: 600px) (max-width:862px) {
        .flkmodalPopup {
            margin: 0 auto;
        }
    }

    .flkModalContainerTitle {
        /*space holder*/
    }

    #BrochureDiv {
        /*background: -webkit-linear-gradient(#ededed, #a6a19b)*/ /* For Safari 5.1 to 6.0 */
        /*background: -o-linear-gradient(#ededed, #a6a19b);*/ /* For Opera 11.1 to 12.0 */
        /*background: -moz-linear-gradient(#ededed, #a6a19b)*/ /* For Firefox 3.6 to 15 */
        /*background: linear-gradient(#ededed, #a6a19b);*/ /* Standard syntax */
        background-color: white;
        height: auto;
        background-size: contain;
    }

    .takeMeThere {
        color: white !important;
        margin-left: 20px;
    }

    .m- .displaying-photo {
        border-top-left-radius: 4px;
    }

    .glyphicon-new-window {
        font-size: 35px !important;
        float: right !important;
        margin-right: 10px;
        margin-top: 50px;
    }

    .transportationtitle {
        background-color: #EBEBEB;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
    }

    .tablecontenttext {
        font-size: 13px;
        line-height: 16px;
    }

    .gameText {
        display: inline-block;
    }

    contenttext-all > * {
        font-size: 13px;
    }

    .obj-center {
        margin: 0 auto !important;
    }

    .table-center {
        margin: 0 auto !important;
    }

    .table-center-contents > tr > td {
    }

    .middlebox {
    }

    .move > td {
        /*33%;*/
    }

    .middle > select {
        width: 50%;
    }

    .fix {
        height: 21px !important;
        overflow: visible !important;
    }

    .ajax__tab_tab {
        height: 21px !important;
        overflow: visible !important;
    }

    .ajax__tab_body {
    }

    .falseHeight {
        height: 250px;
    }

    .mytab {
        background-color: black !important;
    }

    .wordcontent {
        font-size: 13px;
    }

    .mtable_th {
        background: #666;
        color: #fff;
        padding: 10px;
        font-family: Roboto, sans-serif;
        vertical-align: middle !important;
    }

        .mtable_th > th {
            background: #666;
            color: #fff;
            padding: 10px;
            font-family: Roboto, sans-serif;
            vertical-align: middle !important;
        }

    th {
        background: #666 !important;
        color: #fff;
        padding: 10px;
        font-size: 13px;
        border: 1px solid black;
        font-family: Roboto, sans-serif;
    }


    .mtable > tbody > tr > th {
        font-size: 13px;
        line-height: 16px;
        background: #666;
        color: #fff;
        padding: 10px;
        font-family: Roboto, sans-serif;
    }

    .red {
        background-color: #fbd4d9;
    }

    .green {
        background-color: #baf6b0;
    }

    .yellow {
        background-color: #fff77d;
    }

    .greyBackground td {
        background-color: #DFE1E2;
    }

    .contenttext {
        font-size: 13px;
        font-family: Roboto, sans-serif !important;
    }

    .contenttextdash {
        font-size: 13px;
        margin: 10px 0px 0px 15px;
    }

    .tab-event {
        background-color: #bcbcbc;
        font-size: 13px;
        padding: 5px;
        margin-bottom: 2.5px;
        width: 75%;
    }

    .infocontent {
        font-size: 85%;
        font-family: 'Roboto', sans-serif;
        line-height: 16px;
        padding-top: 7.5px;
        padding-bottom: 0px;
        padding-left: 0px;
        white-space: nowrap;
    }

    .infoOther {
        font-family: 'Roboto', sans-serif;
        line-height: 16px;
        padding-top: 7.5px;
        padding-bottom: 7.5px;
    }

    /*navs.less file messing this up*/
body .nav-pills > li > a:hover {
    text-decoration: underline;
    background-color:none !important;
}
body .nav > li > a:hover, .nav > li > a:focus {
    background-color: none !important;
}

body #MainMagic > li > a:hover {
    background-color:none !important;
}

.hideme {
    display: none;
}

    .topbox {
        box-shadow: 0px 5px 5px #888888;
        background-color: #fff;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 30px;
        margin-bottom: 20px;
    }

    .box {
        box-shadow: 0px 5px 5px #888888;
        background-color: white !important;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .boxcontent {
        padding: 10px;
        font-family: 'Roboto', sans-serif;
    }

    .gameHeight {
        height: 33px;
    }

    @media (max-width: 767px) {
        .gameHeight {
            height: auto;
        }

        .squaretext {
            width: 90px;
            height: 90px;
        }

        .eventLineHeight {
            padding: 6px 0px 0px 0px;
        }

        .squaremonth {
            display: block;
            font-size: 26px;
        }

        .squareday {
            display: block;
            font-size: 30px;
        }

        .squaretext > :not(:empty) {
            padding-top: 4px;
        }
    }

    .EventHeader {
        background-color: #bcbcbc;
        font-size: 14px;
        padding: 5px 0px;
    }

    @media (max-width: 1468px) {
        .EventHeader {
            display: none;
        }
    }

    #eventbox1 {
        font-family: 'Roboto', sans-serif;
    }

    #eventbox2 {
        padding: 10px 0px 0px 2.5px;
        font-family: 'Roboto', sans-serif;
    }

    @media (max-width: 991px) {
        #eventbox1 {
            padding: 25px 5px 20px 5px;
        }

        #eventbox2 {
            padding: 25px 5px 20px 5px;
        }
    }

    @media (max-width: 767px) {
        #MainMagic {
            margin: 0 auto !important;
            display: table;
        }

        .nav-pills > li > a {
            margin: 0px 10px !important;
        }

        #logo {
            margin: 0 auto !important;
        }
    }

    .topnavs {
        color: #ab0535;
    }

    .center-pills {
        display: inline-block;
    }

    .underline {
        text-decoration: underline;
    }

    /*
    fix mid navbar
    
    @media (max-width: 767px) {
    #topnavs {
        text-align: justify;
        color: #ab0535;
        white-space: nowrap;
        display: inline;
        word-break: keep-all;
    }

    

    li > a > .glyphicon {
        display: none;
    }
}

@media (max-width: 1414px) {
    .glyphicon {
        display:none;
    }
}

@media (max-width: 1365px) {
    #nav > li > a {
        font-size:16px;
    }
    .navbar-nav > li > a {
        padding-left:15px;
        padding-right:15px;
    }
}*/

    #helpnav {
        margin-left: 0;
        color: #ab0535;
    }

    @media (max-width: 767px) {
    }

    .morebuttons {
        float: right;
        /*margin-top: 15px;*/
        font-size: 13px;
        color: #ab0535;
    }

        .morebuttons:hover {
            color: #ab0535;
        }



    #quicklinks > ul > li > a {
        padding: 5px 0px 5px 0px;
        margin: 0px 0px 0px 0px;
        color: #ab0535;
    }

        #quicklinks > ul > li > a:first-child {
            padding: 0px 0px 5px 0px;
            margin: 0px 0px 0px 0px;
            color: #ab0535;
        }

        #quicklinks > ul > li > a:last-child {
            padding: 2.5px 0px 0px 2.5px;
            margin: 0px 0px 0px 0px;
            color: #ab0535;
        }

    .bg {
        background-color: #e6e6e6;
    }

    .noflowy {
        overflow-y: hidden;
    }

    .VideoButton {
        background-color: white;
        color: #ab0535;
        display: inline-block;
        width: auto;
        font-size: 12px;
        border: 2px solid #ab0535;
        padding: 3px;
    }

        .VideoButton:hover {
            background-color: #eee;
            text-decoration: none;
        }

    .nobutton {
        margin-right: 40px;
        color: #000;
        font-weight: bold;
    }


    .button3 {
        width: 400px;
    }

    /*C:\Users\agammons\Source\Repos\RankOne.Orgs\RankOne.OrganizationalCP\Content\images\butt.gif*/

.LinkButton2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #555555;
    background: url(images/butt.gif) transparent repeat-x;
    padding: 3px 10px;
    height: 23px;
    border: 1px solid #d0d0d0;
    width: auto;
    cursor: pointer;
    margin: 10px 10px 10px 0px;
}

    .button2 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #555555;
        background: url(images/butt.gif) transparent repeat-x;
        padding: 0px 10px;
        height: 23px;
        border: 1px solid #d0d0d0;
        width: auto;
        cursor: pointer;
        margin: 10px 10px 10px 0px;
    }

        .button2:first-child {
            /*margin-left: 0px;*/
        }

        .button2:hover {
            border: 1px solid black;
            color: black;
        }

.button2--variant {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 0px 10px;
    height: 23px;
    border: 1px solid #d0d0d0;
    width: auto;
    cursor: pointer;
}



    .button1 {
        color: #fff;
        background: #03448d;
        padding: 4px;
        width: 140px;
        margin: 10px;
        font-size: 13px;
    }

    .ablock {
        display: block;
    }

    .campsLive {
        display: block;
        float: right;
    }

    .qlspacer {
        padding-left: 10px;
        margin-top: 5px;
        margin-bottom: 0px;
        padding-bottom: 10px;
        font-family: 'Roboto', sans-serif;
        padding-right: 10px;
    }

        .qlspacer > li > a {
            font-size: 12px;
        }

    .mainbtn {
        background: -webkit-linear-gradient(#e6e6e6, #bcbcbc) !important; /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#e6e6e6, #bcbcbc) !important; /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        color: #555555;
        padding: 2px 10px;
        font-weight: bold;
        margin-right: 5px;
    }

        .mainbtn:hover {
        }

    .calendarRemodel > table > tbody > tr > td > table > tbody > tr > td > a {
        margin: 5px;
        font-size: 20px;
        color: #FFF !important;
    }

    .calendarRemodel > table > tbody > tr > td > table > tbody > tr > td {
        font-size: 20px !important;
        background-color: #002e62 !important;
        color: white;
    }

    .calendarRemodel > table > tbody > tr > td > a {
        font-size: 13px;
    }

    .calendarRemodel > table > tbody > tr:first-child > td {
        background-color: #002e62 !important;
    }

    .calendarRemodel > table > tbody > tr > th {
        color: #FFF;
        text-align: center;
        font-size: 16px;
    }

    .calendarRemodel > td {
        font-size: 13px;
    }

    .calendarCurrent > table > tbody > tr > td {
    }

        .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td {
            background-color: silver;
            font-size: 13px !important;
        }

            .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:first-child {
                background-color: silver;
                font-size: 20px !important;
                padding-left: 10px;
            }

                .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:first-child:hover {
                    cursor: pointer;
                }

            .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:last-child {
                background-color: silver;
                font-size: 20px !important;
                padding-right: 10px;
            }

            .calendarCurrent > table > tbody > tr > td > table > tbody > tr > td:last-child {
                cursor: pointer;
            }

    .calendarCurrent > table > tbody > tr > th {
        text-align: center;
        border: none;
        background-color: #FFF !important;
        color: black;
    }

    .calendarCurrent > table > tbody > tr > td {
        font-size: 14px !important;
    }

        .calendarCurrent > table > tbody > tr > td > table > tbody > tr:first-child > td:nth-child(even) {
            font-size: 16px !important;
        }

    .dataheader {
        font-size: 13px;
        font-weight: normal;
        display: block;
        vertical-align: sub;
    }

        .dataheader > a {
            color: #ab0535;
        }

    .Time {
        display: inline;
    }

    .infoheader {
        color: #000;
        background: #fbd4d9;
        padding: 5px;
        font-size: 13px;
        display: inline;
    }

        .infoheader > a {
            color: #ab0535;
        }

            .infoheader > a:hover {
                color: #ab0535;
            }

    .calHeader {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
        text-align: center;
    }

        .calHeader > select {
            display: inline-block;
        }

        .calHeader > a {
            display: inline-block;
        }

    @media (max-width: 767px) {
        .minibackheader > select {
            display: block !important;
            float: none !important;
            text-align: right;
        }

        .minibackheader > a {
            float: none !important;
            display: block !important;
        }
    }

    .minibackheader {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d 40%, #002e62 80%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d 40%, #002e62 80%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d 40%, #002e62 80%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d 40%, #002e62 80%); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        .minibackheader > select {
            float: right;
            display: inline-block;
            height: 23px;
        }

        .minibackheader > a {
            float: right;
            display: inline-block;
        }

    minibackheader > h3 {
        display: inline-block;
        float: left;
    }


    /*-----------------------------------------*/
    .minibackWarning {
        color: #fff;
        background: #ab0535;
        background: -webkit-linear-gradient(#ab0535 20%, #ab0535 80%); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#ab0535 20%, #ab0535 80%); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#ab0535 20%, #ab0535 80%); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#ab0535 20%, #ab0535 80%); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 7.4px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        .minibackWarning > select {
            float: right;
            display: inline-block;
            height: 23px;
        }

        .minibackWarning > a {
            float: right;
            display: inline-block;
        }

    minibackWarning > h3 {
        display: inline-block;
        float: left;
    }

    .headerOptions {
        float: right;
        margin: 0 6px;
    }

        .headerOptions > .form-control {
            height: 24px;
            padding: 0px;
        }

    @media (max-width: 767px) {
        .headerOptions {
            float: none;
            margin: 2px auto;
        }

            .headerOptions > .form-control {
                height: 24px;
                padding: 0px;
            }
    }


    .flkModalContainerTitle {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        .flkModalContainerTitle > select {
            float: right;
            display: inline-block;
        }

        .flkModalContainerTitle > a {
            float: right;
            display: inline-block;
        }

        .flkModalContainerTitle > h3 {
            display: inline-block;
            float: left;
        }

        .flkModalContainerTitle > .flkspanClose {
            float: right !important;
        }

        .flkModalContainerTitle > .flkspanTitle {
            display: inline-block;
        }

    .flkspanClose > a > img {
        margin-top: 4px;
        margin-bottom: 35px;
    }


    #headerformainlist {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 7.4px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

        #headerformainlist > select {
            float: right;
            display: inline-block;
        }

        #headerformainlist > h3 {
            display: inline-block;
        }

    log-boxes {
        width: 50%;
    }

    .multi {
        width: 100% !important;
        display: block;
    }

    @media (max-width: 1506px) {
        .multi {
            width: 100% !important;
            display: block;
        }
    }

    @media (max-width: 767px) {
        .multi {
            width: 100% !important;
            display: block;
        }
    }

    .forms {
    }

    .multi1 {
        width: 18.7% !important;
    }

    .multi2 > td {
        width: 25%;
    }

        .multi2 > td > select {
            width: 75% !important;
        }

    .option4Box {
        width: 75% !important;
    }

    .multi4 > td {
        width: 25% !important;
    }

    .understrike {
        font-size: 16px;
        font-family: Roboto, sans-serif;
    }

    .displayError {
        font-size: 13px;
        color: red;
    }

    .noWrap {
        white-space: nowrap;
    }

    #fixthenavheight {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        background: transparent;
    }

    @-moz-document url-prefix() {
        fieldset {
            display: table-cell;
        }
    }

    h3 {
        font-family: 'Roboto', sans-serif;
        color: #e6e6e6;
    }

    #welcomename {
        float: right;
    }


    #backtotop {
        font-size: 20px;
        float: right;
        color: #ab0535;
    }

    #u2 {
        display: inline-block;
    }

    /*the following ID's are for the date and month functions for the upcoming event section
    please note the js would not work for me if I gave them classes
    this includes the ID's (d1 - d8) AND (a - h)
*/

    #d1 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d2 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d3 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d4 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d5 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d6 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d7 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #d8 {
        font-size: 25px;
        padding-bottom: 0px;
        font-weight: bold;
    }

    #a {
        font-size: 14px;
        font-weight: bold;
    }

    #b {
        font-size: 14px;
        font-weight: bold;
    }

    #c {
        font-size: 14px;
        font-weight: bold;
    }

    #d {
        font-size: 14px;
        font-weight: bold;
    }

    #e {
        font-size: 14px;
        font-weight: bold;
    }

    #f {
        font-size: 14px;
        font-weight: bold;
    }

    #g {
        font-size: 14px;
        font-weight: bold;
    }

    #h {
        font-size: 14px;
        font-weight: bold;
    }

    .nav-item {
        color: #ab0535;
        margin-top: 21px;
    }

    #understrikepie {
        font-size: 15px;
        padding: 25px 0px 0px 0px;
    }

    .table tbody tr td, .table tbody tr th {
        font-family: Roboto, sans-serif;
    }

    th {
        border-top: 1px solid black;
    }

    .mtable_row0 {
        background-color: #E4E4E4;
    }

    .table > tr > td {
        border-top: none !important;
        font-size: 13px;
        font-family: Roboto, sans-serif;
    }

    .mtable2 > tr > td {
        font-size: 13px;
        font-family: Roboto, sans-serif;
    }

    .firstlist {
        list-style: none;
    }

    .indent {
        text-indent: 16px;
    }

    .indent1 {
        text-indent: 32px;
    }

    .indent2 {
        text-indent: 64px;
    }

    .indent3 {
        text-indent: 96px;
    }


    #cph_Main_dv_Record_Count {
        padding-bottom: 0px;
    }

    #yearselector {
        font-size: 16px;
        float: right;
    }

    select {
        color: black;
        font-size: 13px !important;
    }

    .selectorbox {
        width: 90%;
    }
    /*b {
    color: #002e62;
}
    */

    .rankinput {
        padding: 5px;
        width: 180px;
    }

    .rankinputlabel {
        margin-top: 0px;
        padding: 5px;
    }

    .border {
        border: 1px solid grey;
    }

    .spacemakerbuttons {
        padding: 8px 8px 8px 12px;
        font-size: 13px !important;
    }

        .spacemakerbuttons > input {
            margin-right: 6px;
        }

    @media (max-width: 767px) {
        .spacemakerbuttons {
            padding: 16px 8px 0px 12px;
            font-size: 13px !important;
        }

            .spacemakerbuttons > input {
                display: block;
                margin-bottom: 16px;
            }

                .spacemakerbuttons > input:last-child {
                    margin-bottom: 0px;
                    display: block;
                }

        .dropdown-menu {
        }
    }

    .padLeft20 {
        padding-left: 20px;
    }

    .pad-left {
        padding-left: 10px;
    }

    .spacemaker {
        padding: 10px;
        font-size: 13px !important;
    }

        .spacemaker > input {
            margin: 0px 8px 0px 0px;
        }

        .spacemaker > select {
            margin: 0px 0px 0px 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

    .spacemakercheckboxes > table > tbody > tr > td {
        padding: 4px 12px 0px 0px;
        display: inline-block;
    }

        .spacemakercheckboxes > table > tbody > tr > td > input {
            display: inline-block;
        }

    .spacemakercheckboxes > select {
        margin: 0px 64px 0px 6px;
    }

    .spacemakercheckboxes > table > tbody > tr > td > label {
        display: inline-block;
    }

    .spacemakercheckboxes > input {
        vertical-align: -2px;
    }

    .spacemakerselectors {
        padding: 16px 0px 0px 0px;
        font-size: 13px !important;
    }

    .spacemakerbottom {
        padding: 10px 10px 0px 10px;
        font-size: 13px !important;
    }

    .fixChkBox > tbody > tr > th:first-child,
    .fixChkBox > tbody > tr > td:first-child {
        text-align: center !important;
    }

    @media (min-width: 768px) {
        .form-inline .form-control {
            vertical-align: 0px !important;
        }
    }


    .myInput {
        vertical-align: -2px;
        height: 27px;
        border: 1px solid #bcbcbc !important;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        .myInput:focus {
            border-color: #e6e6e6;
            height: 27px;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #03448d;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #03448d;
        }


    select {
        font-family: Roboto, sans-serif;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    }

        select.form-control {
            padding: 3px;
        }

    label {
        text-indent: 2px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 13px !important;
        color: black;
    }

    .block {
        display: block;
    }

    .inline-block {
        display: inline-block;
    }

    .font13 {
        font-size: 13px;
    }

        .font13 > table > tr > td {
            font-size: 13px;
        }

            .font13 > table > tr > td > a {
                font-size: 13px;
            }

        .font13 > table > tbody > tr > td > a {
            font-size: 13px;
        }

        /*.font13 > table > tbody > tr > td > {
            font-size: 13px;
        }*/

    .fontblack {
        color: black;
    }

    .ghost {
        color: white;
    }

    .whiteBackGround {
        background-color: white !important;
    }

    @media (max-width: 991px) {
        .rmvPadL {
            padding-left: 0px;
        }

        .rmvPadR {
            padding-right: 0px;
        }
    }

    .bottompad5 {
        padding-bottom: 10px;
    }

    .td-pad > tbody > tr > td {
        padding: 10px;
    }

    .td-pad > tr > td {
        padding: 10px;
    }

    .td-pad-left > tbody > tr > td {
        padding-left: 10px;
    }

    .td-pad-left > tr > td {
        padding-left: 10px;
    }

    .td-no-right-pad {
        padding-right: 0px !important;
    }

    .td-yes-right-pad {
        padding-right: 10px !important;
    }

    .td-pad-right > tr > td {
        padding-right: 50px;
    }

    .td-no-left-pad {
        padding-left: 0px !important;
    }

        .td-no-left-pad > td {
            padding-left: 0px !important;
        }

        .td-no-left-pad > tbody > tr > td {
            padding-left: 0px !important;
        }

        .td-no-left-pad > tr > td {
            padding-left: 0px !important;
        }

    .td-no-bottom-pad {
        padding-bottom: 0px !important;
    }

        .td-no-bottom-pad > tbody > tr > td {
            padding-bottom: 0px !important;
        }

        .td-no-bottom-pad > tr > td {
            padding-bottom: 0px !important;
        }

    .tr-no-bottom-pad > td {
        padding-bottom: 0px !important;
    }

    .tr-no-top-pad > td {
        padding-top: 0px !important;
    }

    tr-add-vertical-pad > tbody > tr {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    tr-add-vertical-pad > tr {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .tr-no-pad-vertical > td {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .td-no-top-pad {
        padding-top: 0px !important;
    }

    .td-no-top-pad-by-row > td {
        padding-top: 0px !important;
    }

    .button-no-left-margin {
        margin-left: 0px;
    }

    .no-margin {
        margin: 0px !important;
    }

    .no-margin-all > * {
        margin: 0px !important;
    }

    .no-padding {
        padding: 0px !important;
    }

        .no-padding > tbody > tr > td {
            padding: 0px !important;
        }

    .td-no-pad {
        padding: 0px !important;
    }

    .all-pad {
        padding: 10px;
    }

    .magicPad {
        padding-top: 5px;
    }

    .magicPadx2 {
        padding-top: 10px;
    }

    .light-pad > tbody > tr > td {
        padding: 2.5px;
    }

    .light-pad > tr > td {
        padding: 2.5px;
    }


    .padder {
        padding: 0px 10px 10px 10px;
        font-size: 13px !important;
    }

    .padderdoublesides {
        padding: 0px 16px 0px 16px;
        font-size: 13px !important;
    }

    .toppadder {
        padding: 10px 0px 0px 0px;
    }


    .bottompadder {
        padding: 0px 0px 10px 0px;
    }

    .bottompadderX2 {
        padding-bottom: 15px;
    }

    .vertical-pad {
        padding: 10px 0px 10px 0px;
    }

    .rem-ver-pad {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .hori-pad {
        padding: 0px 10px 0px 10px;
    }

    .calPad {
        padding: 0px 10px 0px 10px;
    }

    .rem-hori-pad {
        padding-left: 0px;
        padding-right: 0px;
    }

    .td-pad8 {
        padding: 8px;
    }


    .no-top-margin {
        margin-top: 0px !important;
    }

    .button-top-right {
        margin: 0px 0px;
    }

    .top-m-5 {
        margin-top: 5px;
    }

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

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


    .cal_Day {
        height: 60px !important;
    }

    @media (max-width: 767px) {
        .cal_Day {
            height: 30px !important;
        }
    }

    .searchboxspacer {
        display: inline-block;
        margin-right: 30px;
    }

    .remove-left-padding {
        padding-left: 0px;
    }

    .add-left-margin {
        margin-left: 10px;
    }

    .noshow {
        opacity: 0;
    }


    #letterselect > a {
        font-size: 12px;
        color: #002e62;
    }

        #letterselect > a:hover {
            color: #ab0535;
        }

    .block {
        display: inline-flex;
    }

    .float-right {
        float: right;
    }

    .float-left {
        float: left;
    }

    .searchwrapper {
        padding-bottom: 12px;
        display: inline-block;
    }

    .searchwrapper-right {
        padding-bottom: 12px;
        display: inline-block;
        margin-right: 10px;
    }

    .not-elig {
        background-color: #fbd4d9;
        text-align: center;
        font-size: 13px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 250px;
        display: block;
        float: right;
    }

    .flklabelcenter {
        font-size: 13px !important;
        text-align: center;
        font-weight: bold;
    }



    .flklabelLeft {
        padding: 0px !important;
        font-size: 13px !important;
        font-weight: bold;
    }

    .flklabel-float-left {
        float: left;
    }

    .flklabel {
        font-size: 13px !important;
        text-align: right;
        font-weight: bold;
    }

    .flklabel-nofloat {
        float: none;
        font-weight: bold;
        font-size: 13px !important;
    }

    .flkFix {
        padding: 1px 2px 0px 0px;
        ;
    }

    .minLabel {
        font-weight: bold;
        padding-bottom: 0px !important;
        font-size: 13px;
        font-family: Roboto, sans-serif;
    }

    .flkHeader {
        font-size: 13px;
        color: #002e62;
        font-weight: bold;
        font-family: Roboto, sans-serif;
    }

    .formsCheckbox {
        vertical-align: middle;
        padding-right: 10px;
        display: inline-block;
        vertical-align: -1.4px;
    }

    .formsCheckbox1 {
        vertical-align: middle;
        padding-right: 10px;
        display: inline-block;
        font-weight: normal !important;
    }

    .dateBox-right {
        display: inline-block;
        float: right;
    }

    .form-control {
        height: 24px;
    }

    .user_else {
        width: 75%;
        float: left;
    }

    @media (min-width: 767px) {
        .mobileselect {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 837px) {
        .nav > li {
            display: inline-block;
        }
    }

    @media (min-width: 768px) and (max-width: 1100px) {
        .dropdown-menu {
            right: 0;
            left: auto;
        }
    }

    .idwrapper {
        display: inline-block;
        margin-top: 8px;
    }

    .namewrapper {
        display: inline-block;
        margin-top: 8px;
    }

    .idwrapper > input:last-child {
        margin-right: 4px;
    }

    .namewrapper > input:last-child {
        margin-right: 4px;
        margin-bottom: 4px;
    }

    @media (max-width: 767px) {
        .formsCheckbox {
            vertical-align: middle;
            padding-right: 10px;
            display: inline-block !important;
            margin-bottom: 8px;
        }

            .formsCheckbox:last-child {
                margin-bottom: 8px;
            }

        .idwrapper {
            display: block;
            margin-top: 8px;
        }

        .namewrapper {
            display: block;
            margin-top: 8px;
        }

        .idwrapper > input:last-child {
            float: right;
            margin-right: 4px;
        }

        .namewrapper > input:last-child {
            float: right;
            margin-right: 4px;
            margin-bottom: 4px;
        }

        .searchid {
            padding: 5px 5px 5px 0px;
        }

        .searchname {
            padding: 5px 5px 5px 0px;
        }
    }

    .idwrapper {
        margin-top: 0px;
    }

    .namewrapper {
        margin-top: 0px;
    }

    #goodblock {
        width: 20px;
        height: 20px;
        background: #93E24E;
        float: left;
    }

    #good {
        display: inline-block;
        padding: 1px 0px 2.5px 0px;
    }

    #badblock {
        width: 20px;
        height: 20px;
        background: #e02c57;
        color: black;
        float: left;
    }

    #bad {
        display: inline-block;
    }

    .legend {
        font-size: 13px;
        text-align: left;
        margin-left: 25px;
        margin-bottom: 25px;
        margin-right: 25px;
        border: 1px dotted #e6e6e6;
        padding: 5px;
        vertical-align: central;
    }

    .tooltip:hover {
        display: block;
        width: auto;
        height: auto;
        background-color: #bcbcbc;
        color: #FFF;
    }

    .gv_results > td {
        padding: 0px 0px 0px 0px;
        text-align: left;
        color: Black;
    }

    .syncInfo {
        background-color: #bcbcbc;
    }

    .page {
        color: black;
        border-bottom: 1px solid black;
        margin-right: 10px;
    }

        .page:hover {
            color: black;
            border: none;
            text-decoration: none;
        }

    .AthProNot {
        background: #ACF1A3;
    }

    .AthProReq {
        background: #FFFCAE;
    }

    .add_button {
        position: relative;
    }



    .row {
        margin: 0px !important;
    }

    .log-select-boxes {
        width: 250px;
    }

    .old-red {
        background-color: #fbd4d9;
        text-align: center;
        clear: both;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .report-select-options {
        /*margin: 5px;*/
        border: 1px solid #ddd;
        background: #fff;
        padding: 5px;
        display: -webkit-flex;
        display: -ms-flexbox;
        color: black;
        font-weight: bold;
    }

        .report-select-options > input {
            width: 20px;
            height: 15px;
            background: #e0e0e0;
            border: none;
        }

        .report-select-options > span {
            display: inline-block;
            padding: 0px;
            margin: 0px;
            width: 190px;
        }

        .report-select-options > a {
            margin-left: 5px;
        }

            .report-select-options > a > img {
                border: none;
            }

    .number-space > tbody > tr:last-child > td > table > tbody > tr > td {
        padding-right: 5px !important;
    }

    .noBorder > tbody > tr > td,
    .noBorder > tbody > tr > th {
        border: none !important;
        background-color: white !important;
        color: black;
    }

    .one-line {
        display: inline-block;
    }

    .l-btn {
        padding-left: 0px !important;
    }

    .r-btn {
        padding-right: 0px !important;
    }

    .h-btn {
        padding-top: 0px !important;
    }

    .low-btn {
        padding-bottom: 0px !important;
    }

    .noCheckBox > input {
        display: none;
    }

    .str8-input {
        vertical-align: 0px;
    }

    .yc_in {
        border: 1px solid #bcbcbc;
        font-family: Roboto, sans-serif;
        background-color: #e6e6e6;
        height: 195px;
        margin-bottom: 11px;
        padding-bottom: 14px;
        text-decoration: none;
        font-weight: bold;
        line-height: 22px;
    }

    .yc_box {
        text-align: center;
        margin-top: 18px;
    }

    @media (max-width: 767px) {
        .yc_box {
            float: none;
            margin-right: 0px;
            margin-left: 0px;
            width: unset;
        }
    }

    @media (max-width:767px) {
        .nav-pills > li > a {
            margin-left: 20px;
        }
    }

    .miniCalHeader {
        color: #fff;
        background: #002e62;
        background: -webkit-linear-gradient(#03448d, #002e62); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#03448d, #002e62); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#03448d, #002e62); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#03448d, #002e62); /* Standard syntax */
        /*border:5px solid #002e62;*/
        padding: 10px;
        margin-bottom: 0px;
        font-size: 16px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: 'Roboto', sans-serif;
    }

    miniCalMonths {
        color: white;
    }

    .weektxt {
        font-size: 12px !important;
        color: #ab0535;
    }

    .daytxt {
        font-size: 12px !important;
        color: #002e62;
    }

    .rebornTables > tbody > th {
        padding: 2.5px !important;
    }

    .cal_header2 {
        color: #FFF;
        text-align: center;
        padding-top: 2px;
        padding-bottom: 4px;
        background-color: #222;
    }

    .bold {
        font-weight: bold;
    }

    .displayMainImg {
        border: 0 !important;
        margin-bottom: 15px !important;
        margin-top: 15px !important;
        max-width: 100% !important;
        display: block !important;
        height: auto !important;
    }

    .slideImage {
        margin: 0px !important;
    }

    .up {
        margin: 0px 5px 0px 0px !important;
    }

    .down {
        margin: 0px !important;
    }

    .text-hidden {
        width: 400px;
    }

    .text-black {
        color: black !important;
    }

    .tab-event {
        color: white;
    }

    .sliders {
        margin: 0px 0px 5px 0px;
        background-color: #222;
    }

    .pagination {
        margin: 0px !important;
    }

    .fontMenu > li > a {
        font-size: 20px;
        letter-spacing: 1px;
        font-weight: 600;
        font-family: Roboto, sans-serif;
    }

    .none {
        display: none;
        color: #fff;
    }

    .hb1nt {
    }

    .hb2vt {
        width: 100%;
    }

    .profileBlock {
        width: 20px;
        height: 400px;
    }

    .flkLink {
        color: #ab0535 !important;
        text-decoration: underline;
        font-size: 13px;
    }

        .flkLink:hover {
            color: #ab0535 !important;
            text-decoration: none;
            font-size: 13px;
        }

    .flkLinkMonth {
        color: #FFF;
        text-decoration: none;
        font-size: 16px;
    }

        .flkLinkMonth:hover {
            color: #FFF;
            text-decoration: underline;
            font-size: 16px;
            cursor: pointer;
        }

    .box_empty {
        background-image: url('../images/empty_date.gif');
        background-color: #c0c0c0;
    }

    .error {
        color: #ab0535;
    }

    .text-bottom {
        vertical-align: text-bottom;
    }

    .override .ajax__tab_xp .ajax__tab_body {
        border-top: 1px solid gray;
    }

    .override .ajax__tab_xp .ajax__tab_header {
        font-size: 13px;
        color: white;
        height: 30px;
        background: none;
    }

    .override .ajax__tab_tab {
        padding: 6px !important;
    }

    .override .ajax__tab_xp .ajax__tab_tab {
    }

    .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer {
        background: none;
    }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner {
            background: none;
            color: white;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,bcbcbc+100 */
            background: #03448d; /* Old browsers */
            background: -moz-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e6e6e6 0%, #03448d 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#03448d',GradientType=0 ); /* IE6-9 */
        }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
                background: none;
            }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer:hover {
            background: none;
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner:hover {
            background: none;
            color: white;
            background: #03448d; /* Old browsers */
            background: -moz-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e6e6e6 0%, #03448d 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#03448d',GradientType=2 ); /* IE6-9 */
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab:hover {
            background: none;
        }

    .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer {
        background: none;
        height: 100%;
    }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner {
            background: none;
            border-left: 1px solid gray;
            border-top-left-radius: 4px;
            border-right: 1px solid black;
            border-top-right-radius: 4px;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,bcbcbc+100 */
            background: #002e62; /* Old browsers */
            background: -moz-linear-gradient(top, #ddd 15%, #a2a3a5 50%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #ddd 15%, #a2a3a5 50%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #ddd 15%, #a2a3a5 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#a2a3a5',GradientType=2 ); /* IE6-9 */
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            height: 100%;
        }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
                background: none;
            }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer:hover {
            background: none;
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner:hover {
            background: none;
            box-shadow: 1px 0px 1px #bcbcbc;
            background: #03448d; /* Old browsers */
            background: -moz-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #e6e6e6 0%, #03448d 10%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #e6e6e6 0%, #03448d 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#03448d',GradientType=0 ); /* IE6-9 */
        }

        .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab:hover {
            background: none;
        }

    @media (max-width: 767px) {
        .override .ajax__tab_xp .ajax__tab_header {
            display: flex !important;
            overflow-x: scroll;
        }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner {
                white-space: nowrap;
            }

            .override .ajax__tab_xp .ajax__tab_header .ajax__tab_outer .ajax__tab_inner {
                white-space: nowrap;
            }
    }

    /*.colorSwitcherDashboard > .col-lg-6.col-md-6.col-sm-12.col-xs-12:nth-child(4n+1) > table, .colorSwitcherDashboard > .col-lg-6.col-md-6.col-sm-12.col-xs-12:nth-child(4n+2) > table {
    background-color:#f5f5f5 !important;
}
.colorSwitcherDashboard > table > tbody > tr:nth-child(odd) {
    background-color:#FFF !important;
}*/


    div#ct100_cph_Main_mod_Add_Event_foregroundElement {
        top: 0px !important;
    }

    @media (max-width: 767px) {
        .magicMover {
            text-align: center;
        }
    }

    .titleSmall {
        color: #002e62;
        font-weight: bold;
        letter-spacing: 1px;
        font-size: 14px;
        border-bottom: 1px solid #002e62;
    }

    /* begin safari css */

    /* Safari 7.1+ */

    /*_::-webkit-full-page-media, _:future, :root .safari_only {*/
        /*put magic here*/
    /*}*/

    /* Safari 10.1+ */

    /*@media not all and (min-resolution:.001dpcm) {
        @media {*/
            /*put magic here*/
            /*.formsCheckbox {
                vertical-align: unset;
            }
        }
    }*/



/*mini calendar options for small devices*/

@media (max-width:767px) {
    .override .ajax__calendar {
        left: 0px !important;
        width: 100%;
    }

    .override .ajax__calendar_container {
        width: 100%;
    }

    .override .ajax__calendar_header {
        font-size: 16px;
    }

    .override .ajax__calendar_prev {
    }

    .override .ajax__calendar_next {
    }

    .override .ajax__calendar_title {
    }

    .override .ajax__calendar_body {
        height: 200px;
        width: 100%;
    }

    .override .ajax__calendar_days {
        width: auto;
    }

        .override .ajax__calendar_days > table > tbody > tr > td {
            padding: 5px;
        }

        .override .ajax__calendar_days > table > thead > tr > td {
        }

    .override .ajax__calendar_dayname {
        font-size: 16px;
        width: auto;
        height: auto;
    }

    .override .ajax__calendar_day {
        font-size: 16px;
        padding: 1px 15px;
    }

    .override .ajax__calendar_months {
        width: 100%;
        margin: 0 auto;
    }

    .override .ajax_calendar_month {
        font-size: 16px;
    }

    .override .ajax__calendar_footer {
        height: 35px;
        font-size: 16px;
    }

    .override .ajax__calendar_today {
        padding: 4px 12px;
    }
}


#option-selected > a {
    color: black !important;
}

    #option-selected > a:hover {
        color: black !important;
        text-decoration: none;
        cursor: auto !important;
    }

#option-selected > .up:hover {
    cursor: auto !important;
}

/*DistrctDetails Page*/
.dvPartnerSection {
    padding: 0 15px;
}

.dvPartnerSectionContent {
    width: 95%;
    margin: 10px auto 0;
    display: inline-block;
}

.horizontalCheckbox > input[type="checkbox"] {
    margin-top: 14px;
    margin-left: 10px;
}

button.NewPartner {
    border: 0px;
    background-color: transparent;
    color: #ab0535;
    font-size: 13px;
}

    button.NewPartner:hover {
        color: #002e62;
        text-decoration: underline;
    }

.btnTile {
    border: 1px solid #00b;
    background-color: #fff;
    color: #00b;
}

.LocationsDv > a {
    color: white;
}

.aCollapseAll:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    color: white;
    font-size: 10px;
}

/*.aCollapseAll.clicked:after {
	content:"\e114";
}*/

#cph_Main_btnPublic {
    text-decoration: underline;
}

    #cph_Main_btnPublic:hover {
        text-decoration: none;
    }

.aCollapseAll {
    color: white;
    text-decoration: underline;
}

    .aCollapseAll:hover {
        text-decoration: none;
        color: white;
    }

.headerLink {
    color: white;
    text-decoration: underline;
}

    .headerLink:hover {
        text-decoration: none;
        color: #05f0ff;
    }

.ActiveStatusLbl {
    font-size: 13px !important;
    color: black;
    display: inline-block;
    max-width: 100%;
    margin-top: 5px;
    font-weight: bold;
    padding: 10px;
}

.ActiveUser .activeColor {
    color: #04B51C;
}

.InactiveUser .activeColor {
    color: #E22908;
}

.nav-pills > li {
    float: right;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 15px;
    text-align: left;
    list-style: none;
    background-color: #002e62;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: white;
    white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #e6e6e6;
    text-decoration: none;
    background-color: #03448d;
}

.option-content-selected, .option-selected {
    height: 330px;
    overflow-y: scroll;
    float: left;
    background: #fff;
}

    .option-content-selected.fieldColumn {
        width: 66.66666667%;
        padding-left: 10px;
        border-style: solid;
        border-width: 1px 0px 1px 1px;
    }

    .option-selected.fieldViewer {
        width: 33%;
        display: block;
        position: relative;
        border-style: solid;
        border-width: 1px 2px 1px 1px;
    }

/*Loading Spinner*/
.loader {
    border: 5px solid #a5a5a5;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.deleteClassification :hover {
    cursor: pointer;
}

#editClassificationModal .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#editClassificationModal .container-fluid {
    height: 400px;
    overflow-y: auto;
}

.loading {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    position: fixed;
    z-index: 99
}

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.selSchoolYear {
    float: right;
    margin: 0 6px;
}

.athleteFieldTable {
    width: 100%
}

.reportCheckColumn {
    width: 20px;
}

.highlightRow {
    background-color: #f5f5f5;
}

div.double-scroll > table > tbody > tr > td {
    padding-right: 20px;
    padding-left: 10px;
}

.double-scroll {
    max-height: 500px;
}

div.double-scroll > table > thead > tr > th {
    position: sticky;
    top: -1px;
    border: none;
}

.centerTable .double-scroll {
    display: flex;
    justify-content: center;
}

.validationText {
    font-size: 13px;
    color: red;
}

.instructionsText {
    font-size: 14px;
    color: #2659ad;
    font-weight: bold;
}


.display {
    border-left: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
}

    .display > thead > tr > th {
        border: none;
    }

    .display > thead > tr > th {
        border-right: 1px solid #000000;
    }

        .display > thead > tr > th:last-child {
            border-right: none;
        }

        .display > thead > tr > th:first-child {
            border-left: none;
        }

.table-bordered > thead > tr > th, 
.table-bordered > tbody > tr > th, 
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td, 
.table-bordered > tbody > tr > td, 
.table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

table.dataTable.display.table tbody tr.stripeOdd,
#bodyOverride table.dataTable.stripe tbody tr.odd, #bodyOverride table.dataTable.display tbody tr.odd {
    background-color: #e6e6e6;
}

table.dataTable.display.table tbody tr.stripeEven,
#bodyOverride table.dataTable.stripe tbody tr.odd, #bodyOverride table.dataTable.display tbody tr.even {
    background-color: #fff;
}

.stripeEven {
    background-color: #e0e0e0;
}

#bodyOverride table.dataTable.display tbody tr.odd > .sorting_1,
#bodyOverride table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
    background-color: transparent;
}

#bodyOverride table.dataTable.display tbody tr.even > .sorting_1,
#bodyOverride table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
    background-color: transparent;
}

#bodyOverride table.dataTable thead th, 
#bodyOverride .dataTable thead td {
    border: 1px solid #ddd;
}

#bodyOverride table.dataTable.row-border tbody tr:first-child th,
#bodyOverride table.dataTable.row-border tbody tr:first-child td,
#bodyOverride table.dataTable.display tbody tr:first-child th,
#bodyOverride table.dataTable.display tbody tr:first-child td,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
#bodyOverride .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td,
#bodyOverride table.dataTable.row-border tbody th,
#bodyOverride table.dataTable.row-border tbody td,
#bodyOverride table.dataTable.display tbody th,
#bodyOverride table.dataTable.display tbody td {
    border: 1px solid #ddd;
}

/* === color css start === */
.text-primary-50 {
    color: var(--primary-50) !important;
}

.text-primary-100 {
    color: var(--primary-100) !important;
}

.text-primary-200 {
    color: var(--primary-200) !important;
}

.text-primary-300 {
    color: var(--primary-300) !important;
}

.text-primary-400 {
    color: var(--primary-400) !important;
}

.text-primary-500 {
    color: var(--primary-500) !important;
}

.text-primary-600 {
    color: var(--primary-600) !important;
}

.text-primary-700 {
    color: var(--primary-700) !important;
}

.text-primary-800 {
    color: var(--primary-800) !important;
}

.text-primary-900 {
    color: var(--primary-900) !important;
}

.text-neutral-50 {
    color: var(--neutral-50) !important;
}

.text-neutral-100 {
    color: var(--neutral-100) !important;
}

.text-neutral-200 {
    color: var(--neutral-200) !important;
}

.text-neutral-300 {
    color: var(--neutral-300) !important;
}

.text-neutral-400 {
    color: var(--neutral-400) !important;
}

.text-neutral-500 {
    color: var(--neutral-500) !important;
}

.text-neutral-600 {
    color: var(--neutral-600) !important;
}

.text-neutral-700 {
    color: var(--neutral-700) !important;
}

.text-neutral-800 {
    color: var(--neutral-800) !important;
}

.text-neutral-900 {
    color: var(--neutral-900) !important;
}

.text-danger-50 {
    color: var(--danger-50) !important;
}

.text-danger-100 {
    color: var(--danger-100) !important;
}

.text-danger-200 {
    color: var(--danger-200) !important;
}

.text-danger-300 {
    color: var(--danger-300) !important;
}

.text-danger-400 {
    color: var(--danger-400) !important;
}

.text-danger-500 {
    color: var(--danger-500) !important;
}

.text-danger-600 {
    color: var(--danger-600) !important;
}

.text-danger-700 {
    color: var(--danger-700) !important;
}

.text-danger-800 {
    color: var(--danger-800) !important;
}

.text-danger-900 {
    color: var(--danger-900) !important;
}

.text-success-50 {
    color: var(--success-50) !important;
}

.text-success-100 {
    color: var(--success-100) !important;
}

.text-success-200 {
    color: var(--success-200) !important;
}

.text-success-300 {
    color: var(--success-300) !important;
}

.text-success-400 {
    color: var(--success-400) !important;
}

.text-success-500 {
    color: var(--success-500) !important;
}

.text-success-600 {
    color: var(--success-600) !important;
}

.text-success-700 {
    color: var(--success-700) !important;
}

.text-success-800 {
    color: var(--success-800) !important;
}

.text-success-900 {
    color: var(--success-900) !important;
}

.text-warning-50 {
    color: var(--warning-50) !important;
}

.text-warning-100 {
    color: var(--warning-100) !important;
}

.text-warning-200 {
    color: var(--warning-200) !important;
}

.text-warning-300 {
    color: var(--warning-300) !important;
}

.text-warning-400 {
    color: var(--warning-400) !important;
}

.text-warning-500 {
    color: var(--warning-500) !important;
}

.text-warning-600 {
    color: var(--warning-600) !important;
}

.text-warning-700 {
    color: var(--warning-700) !important;
}

.text-warning-800 {
    color: var(--warning-800) !important;
}

.text-warning-900 {
    color: var(--warning-900) !important;
}

.text-info-50 {
    color: var(--info-50) !important;
}

.text-info-100 {
    color: var(--info-100) !important;
}

.text-info-200 {
    color: var(--info-200) !important;
}

.text-info-300 {
    color: var(--info-300) !important;
}

.text-info-400 {
    color: var(--info-400) !important;
}

.text-info-500 {
    color: var(--info-500) !important;
}

.text-info-600 {
    color: var(--info-600) !important;
}

.text-info-700 {
    color: var(--info-700) !important;
}

.text-info-800 {
    color: var(--info-800) !important;
}

.text-info-900 {
    color: var(--info-900) !important;
}

.text-cyan-50 {
    color: var(--cyan-50) !important;
}

.text-cyan-100 {
    color: var(--cyan-100) !important;
}

.text-cyan-200 {
    color: var(--cyan-200) !important;
}

.text-cyan-300 {
    color: var(--cyan-300) !important;
}

.text-cyan-400 {
    color: var(--cyan-400) !important;
}

.text-cyan-500 {
    color: var(--cyan-500) !important;
}

.text-cyan-600 {
    color: var(--cyan-600) !important;
}

.text-cyan-700 {
    color: var(--cyan-700) !important;
}

.text-cyan-800 {
    color: var(--cyan-800) !important;
}

.text-cyan-900 {
    color: var(--cyan-900) !important;
}

.text-dark-1 {
    color: var(--dark-1) !important;
}

.text-dark-2 {
    color: var(--dark-2) !important;
}

.text-dark-3 {
    color: var(--dark-3) !important;
}

.text-lilac-50 {
    color: var(--lilac-50) !important;
}

.text-lilac-100 {
    color: var(--lilac-100) !important;
}

.text-lilac-200 {
    color: var(--lilac-200) !important;
}

.text-lilac-300 {
    color: var(--lilac-300) !important;
}

.text-lilac-400 {
    color: var(--lilac-400) !important;
}

.text-lilac-500 {
    color: var(--lilac-500) !important;
}

.text-lilac-600 {
    color: var(--lilac-600) !important;
}

.text-lilac-700 {
    color: var(--lilac-700) !important;
}

.text-lilac-800 {
    color: var(--lilac-800) !important;
}

.text-light-50 {
    color: var(--light-50) !important;
}

.text-light-100 {
    color: var(--light-100) !important;
}

.text-light-600 {
    color: var(--light-600) !important;
}

.text-light-700 {
    color: var(--light-700) !important;
}

.text-light-800 {
    color: var(--light-800) !important;
}

.text-hover-primary-50:hover {
    color: var(--primary-50) !important;
}

.text-hover-primary-100:hover {
    color: var(--primary-100) !important;
}

.text-hover-primary-200:hover {
    color: var(--primary-200) !important;
}

.text-hover-primary-300:hover {
    color: var(--primary-300) !important;
}

.text-hover-primary-400:hover {
    color: var(--primary-400) !important;
}

.text-hover-primary-500:hover {
    color: var(--primary-500) !important;
}

.text-hover-primary-600:hover {
    color: var(--primary-600) !important;
}

.text-hover-primary-700:hover {
    color: var(--primary-700) !important;
}

.text-hover-primary-800:hover {
    color: var(--primary-800) !important;
}

.text-hover-primary-900:hover {
    color: var(--primary-900) !important;
}

.text-hover-neutral-50:hover {
    color: var(--neutral-50) !important;
}

.text-hover-neutral-100:hover {
    color: var(--neutral-100) !important;
}

.text-hover-neutral-200:hover {
    color: var(--neutral-200) !important;
}

.text-hover-neutral-300:hover {
    color: var(--neutral-300) !important;
}

.text-hover-neutral-400:hover {
    color: var(--neutral-400) !important;
}

.text-hover-neutral-500:hover {
    color: var(--neutral-500) !important;
}

.text-hover-neutral-600:hover {
    color: var(--neutral-600) !important;
}

.text-hover-neutral-700:hover {
    color: var(--neutral-700) !important;
}

.text-hover-neutral-800:hover {
    color: var(--neutral-800) !important;
}

.text-hover-neutral-900:hover {
    color: var(--neutral-900) !important;
}

.text-hover-danger-50:hover {
    color: var(--danger-50) !important;
}

.text-hover-danger-100:hover {
    color: var(--danger-100) !important;
}

.text-hover-danger-200:hover {
    color: var(--danger-200) !important;
}

.text-hover-danger-300:hover {
    color: var(--danger-300) !important;
}

.text-hover-danger-400:hover {
    color: var(--danger-400) !important;
}

.text-hover-danger-500:hover {
    color: var(--danger-500) !important;
}

.text-hover-danger-600:hover {
    color: var(--danger-600) !important;
}

.text-hover-danger-700:hover {
    color: var(--danger-700) !important;
}

.text-hover-danger-800:hover {
    color: var(--danger-800) !important;
}

.text-hover-danger-900:hover {
    color: var(--danger-900) !important;
}

.text-hover-success-50:hover {
    color: var(--success-50) !important;
}

.text-hover-success-100:hover {
    color: var(--success-100) !important;
}

.text-hover-success-200:hover {
    color: var(--success-200) !important;
}

.text-hover-success-300:hover {
    color: var(--success-300) !important;
}

.text-hover-success-400:hover {
    color: var(--success-400) !important;
}

.text-hover-success-500:hover {
    color: var(--success-500) !important;
}

.text-hover-success-600:hover {
    color: var(--success-600) !important;
}

.text-hover-success-700:hover {
    color: var(--success-700) !important;
}

.text-hover-success-800:hover {
    color: var(--success-800) !important;
}

.text-hover-success-900:hover {
    color: var(--success-900) !important;
}

.text-hover-warning-50:hover {
    color: var(--warning-50) !important;
}

.text-hover-warning-100:hover {
    color: var(--warning-100) !important;
}

.text-hover-warning-200:hover {
    color: var(--warning-200) !important;
}

.text-hover-warning-300:hover {
    color: var(--warning-300) !important;
}

.text-hover-warning-400:hover {
    color: var(--warning-400) !important;
}

.text-hover-warning-500:hover {
    color: var(--warning-500) !important;
}

.text-hover-warning-600:hover {
    color: var(--warning-600) !important;
}

.text-hover-warning-700:hover {
    color: var(--warning-700) !important;
}

.text-hover-warning-800:hover {
    color: var(--warning-800) !important;
}

.text-hover-warning-900:hover {
    color: var(--warning-900) !important;
}

.text-hover-info-50:hover {
    color: var(--info-50) !important;
}

.text-hover-info-100:hover {
    color: var(--info-100) !important;
}

.text-hover-info-200:hover {
    color: var(--info-200) !important;
}

.text-hover-info-300:hover {
    color: var(--info-300) !important;
}

.text-hover-info-400:hover {
    color: var(--info-400) !important;
}

.text-hover-info-500:hover {
    color: var(--info-500) !important;
}

.text-hover-info-600:hover {
    color: var(--info-600) !important;
}

.text-hover-info-700:hover {
    color: var(--info-700) !important;
}

.text-hover-info-800:hover {
    color: var(--info-800) !important;
}

.text-hover-info-900:hover {
    color: var(--info-900) !important;
}

.text-hover-cyan-50:hover {
    color: var(--cyan-50) !important;
}

.text-hover-cyan-100:hover {
    color: var(--cyan-100) !important;
}

.text-hover-cyan-200:hover {
    color: var(--cyan-200) !important;
}

.text-hover-cyan-300:hover {
    color: var(--cyan-300) !important;
}

.text-hover-cyan-400:hover {
    color: var(--cyan-400) !important;
}

.text-hover-cyan-500:hover {
    color: var(--cyan-500) !important;
}

.text-hover-cyan-600:hover {
    color: var(--cyan-600) !important;
}

.text-hover-cyan-700:hover {
    color: var(--cyan-700) !important;
}

.text-hover-cyan-800:hover {
    color: var(--cyan-800) !important;
}

.text-hover-cyan-900:hover {
    color: var(--cyan-900) !important;
}

.text-hover-dark-1:hover {
    color: var(--dark-1) !important;
}

.text-hover-dark-2:hover {
    color: var(--dark-2) !important;
}

.text-hover-dark-3:hover {
    color: var(--dark-3) !important;
}

.text-hover-lilac-50:hover {
    color: var(--lilac-50) !important;
}

.text-hover-lilac-100:hover {
    color: var(--lilac-100) !important;
}

.text-hover-lilac-200:hover {
    color: var(--lilac-200) !important;
}

.text-hover-lilac-300:hover {
    color: var(--lilac-300) !important;
}

.text-hover-lilac-400:hover {
    color: var(--lilac-400) !important;
}

.text-hover-lilac-500:hover {
    color: var(--lilac-500) !important;
}

.text-hover-lilac-600:hover {
    color: var(--lilac-600) !important;
}

.text-hover-lilac-700:hover {
    color: var(--lilac-700) !important;
}

.text-hover-lilac-800:hover {
    color: var(--lilac-800) !important;
}

.text-hover-light-50:hover {
    color: var(--light-50) !important;
}

.text-hover-light-100:hover {
    color: var(--light-100) !important;
}

.text-hover-light-600:hover {
    color: var(--light-600) !important;
}

.text-hover-light-700:hover {
    color: var(--light-700) !important;
}

.text-hover-light-800:hover {
    color: var(--light-800) !important;
}

.text-success-main {
    color: var(--success-main);
}

.text-success-surface {
    color: var(--success-surface);
}

.text-success-border {
    color: var(--success-border);
}

.text-success-hover {
    color: var(--success-hover);
}

.text-success-pressed {
    color: var(--success-pressed);
}

.text-success-focus {
    color: var(--success-focus);
}

.text-info-main {
    color: var(--info-main);
}

.text-info-surface {
    color: var(--info-surface);
}

.text-info-border {
    color: var(--info-border);
}

.text-info-hover {
    color: var(--info-hover);
}

.text-info-pressed {
    color: var(--info-pressed);
}

.text-info-focus {
    color: var(--info-focus);
}

.text-warning-main {
    color: var(--warning-main);
}

.text-warning-surface {
    color: var(--warning-surface);
}

.text-warning-border {
    color: var(--warning-border);
}

.text-warning-hover {
    color: var(--warning-hover);
}

.text-warning-pressed {
    color: var(--warning-pressed);
}

.text-warning-focus {
    color: var(--warning-focus);
}

.text-danger-main {
    color: var(--danger-main);
}

.text-danger-surface {
    color: var(--danger-surface);
}

.text-danger-border {
    color: var(--danger-border);
}

.text-danger-hover {
    color: var(--danger-hover);
}

.text-danger-pressed {
    color: var(--danger-pressed);
}

.text-danger-focus {
    color: var(--danger-focus);
}

.text-cyan {
    color: var(--cyan);
}

.text-indigo {
    color: var(--indigo);
}

.text-purple {
    color: var(--purple);
}

.text-red {
    color: var(--red);
}

.text-yellow {
    color: var(--yellow);
}

.text-orange {
    color: var(--orange);
}

.text-pink {
    color: var(--pink);
}

.text-primary-light {
    color: var(--text-primary-light) !important;
}

.text-secondary-light {
    color: var(--text-secondary-light);
}

.text-secondary-dark {
    color: var(--text-secondary-dark);
}

.text-base {
    color: var(--white) !important;
}

.text-black {
    color: var(--black) !important;
}

.hover-text-primary:hover, .btn.hover-text-primary:hover {
    color: var(--primary-600) !important;
}

.hover-text-success:hover, .btn.hover-text-success:hover {
    color: var(--success-main) !important;
}

.hover-text-info:hover, .btn.hover-text-info:hover {
    color: var(--info-main) !important;
}

.hover-text-warning:hover, .btn.hover-text-warning:hover {
    color: var(--warning-main) !important;
}

.hover-text-danger:hover, .btn.hover-text-danger:hover {
    color: var(--danger-main) !important;
}

.hover-text-white:hover, .btn.hover-text-white:hover {
    color: var(--base) !important;
}

/* === color css end === */

/* === bg css start === */
.bg-primary-50 {
    background-color: var(--primary-50) !important;
}

.bg-primary-100 {
    background-color: var(--primary-100) !important;
}

.bg-primary-200 {
    background-color: var(--primary-200) !important;
}

.bg-primary-300 {
    background-color: var(--primary-300) !important;
}

.bg-primary-400 {
    background-color: var(--primary-400) !important;
}

.bg-primary-500 {
    background-color: var(--primary-500) !important;
}

.bg-primary-600 {
    background-color: var(--primary-600) !important;
}

.bg-primary-700 {
    background-color: var(--primary-700) !important;
}

.bg-primary-800 {
    background-color: var(--primary-800) !important;
}

.bg-primary-900 {
    background-color: var(--primary-900) !important;
}

.bg-neutral-50 {
    background-color: var(--neutral-50) !important;
}

.bg-neutral-100 {
    background-color: var(--neutral-100) !important;
}

.bg-neutral-200 {
    background-color: var(--neutral-200) !important;
}

.bg-neutral-300 {
    background-color: var(--neutral-300) !important;
}

.bg-neutral-400 {
    background-color: var(--neutral-400) !important;
}

.bg-neutral-500 {
    background-color: var(--neutral-500) !important;
}

.bg-neutral-600 {
    background-color: var(--neutral-600) !important;
}

.bg-neutral-700 {
    background-color: var(--neutral-700) !important;
}

.bg-neutral-800 {
    background-color: var(--neutral-800) !important;
}

.bg-neutral-900 {
    background-color: var(--neutral-900) !important;
}

.bg-danger-50 {
    background-color: var(--danger-50) !important;
}

.bg-danger-100 {
    background-color: var(--danger-100) !important;
}

.bg-danger-200 {
    background-color: var(--danger-200) !important;
}

.bg-danger-300 {
    background-color: var(--danger-300) !important;
}

.bg-danger-400 {
    background-color: var(--danger-400) !important;
}

.bg-danger-500 {
    background-color: var(--danger-500) !important;
}

.bg-danger-600 {
    background-color: var(--danger-600) !important;
}

.bg-danger-700 {
    background-color: var(--danger-700) !important;
}

.bg-danger-800 {
    background-color: var(--danger-800) !important;
}

.bg-danger-900 {
    background-color: var(--danger-900) !important;
}

.bg-success-50 {
    background-color: var(--success-50) !important;
}

.bg-success-100 {
    background-color: var(--success-100) !important;
}

.bg-success-200 {
    background-color: var(--success-200) !important;
}

.bg-success-300 {
    background-color: var(--success-300) !important;
}

.bg-success-400 {
    background-color: var(--success-400) !important;
}

.bg-success-500 {
    background-color: var(--success-500) !important;
}

.bg-success-600 {
    background-color: var(--success-600) !important;
}

.bg-success-700 {
    background-color: var(--success-700) !important;
}

.bg-success-800 {
    background-color: var(--success-800) !important;
}

.bg-success-900 {
    background-color: var(--success-900) !important;
}

.bg-warning-50 {
    background-color: var(--warning-50) !important;
}

.bg-warning-100 {
    background-color: var(--warning-100) !important;
}

.bg-warning-200 {
    background-color: var(--warning-200) !important;
}

.bg-warning-300 {
    background-color: var(--warning-300) !important;
}

.bg-warning-400 {
    background-color: var(--warning-400) !important;
}

.bg-warning-500 {
    background-color: var(--warning-500) !important;
}

.bg-warning-600 {
    background-color: var(--warning-600) !important;
}

.bg-warning-700 {
    background-color: var(--warning-700) !important;
}

.bg-warning-800 {
    background-color: var(--warning-800) !important;
}

.bg-warning-900 {
    background-color: var(--warning-900) !important;
}

.bg-info-50 {
    background-color: var(--info-50) !important;
}

.bg-info-100 {
    background-color: var(--info-100) !important;
}

.bg-info-200 {
    background-color: var(--info-200) !important;
}

.bg-info-300 {
    background-color: var(--info-300) !important;
}

.bg-info-400 {
    background-color: var(--info-400) !important;
}

.bg-info-500 {
    background-color: var(--info-500) !important;
}

.bg-info-600 {
    background-color: var(--info-600) !important;
}

.bg-info-700 {
    background-color: var(--info-700) !important;
}

.bg-info-800 {
    background-color: var(--info-800) !important;
}

.bg-info-900 {
    background-color: var(--info-900) !important;
}

.bg-cyan-50 {
    background-color: var(--cyan-50) !important;
}

.bg-cyan-100 {
    background-color: var(--cyan-100) !important;
}

.bg-cyan-200 {
    background-color: var(--cyan-200) !important;
}

.bg-cyan-300 {
    background-color: var(--cyan-300) !important;
}

.bg-cyan-400 {
    background-color: var(--cyan-400) !important;
}

.bg-cyan-500 {
    background-color: var(--cyan-500) !important;
}

.bg-cyan-600 {
    background-color: var(--cyan-600) !important;
}

.bg-cyan-700 {
    background-color: var(--cyan-700) !important;
}

.bg-cyan-800 {
    background-color: var(--cyan-800) !important;
}

.bg-cyan-900 {
    background-color: var(--cyan-900) !important;
}

.bg-dark-1 {
    background-color: var(--dark-1) !important;
}

.bg-dark-2 {
    background-color: var(--dark-2) !important;
}

.bg-dark-3 {
    background-color: var(--dark-3) !important;
}

.bg-lilac-50 {
    background-color: var(--lilac-50) !important;
}

.bg-lilac-100 {
    background-color: var(--lilac-100) !important;
}

.bg-lilac-200 {
    background-color: var(--lilac-200) !important;
}

.bg-lilac-300 {
    background-color: var(--lilac-300) !important;
}

.bg-lilac-400 {
    background-color: var(--lilac-400) !important;
}

.bg-lilac-500 {
    background-color: var(--lilac-500) !important;
}

.bg-lilac-600 {
    background-color: var(--lilac-600) !important;
}

.bg-lilac-700 {
    background-color: var(--lilac-700) !important;
}

.bg-lilac-800 {
    background-color: var(--lilac-800) !important;
}

.bg-light-50 {
    background-color: var(--light-50) !important;
}

.bg-light-100 {
    background-color: var(--light-100) !important;
}

.bg-light-600 {
    background-color: var(--light-600) !important;
}

.bg-light-700 {
    background-color: var(--light-700) !important;
}

.bg-light-800 {
    background-color: var(--light-800) !important;
}

.bg-success-main {
    background-color: var(--success-main) !important;
}

.bg-success-surface {
    background-color: var(--success-surface) !important;
}

.bg-success-border {
    background-color: var(--success-border) !important;
}

.bg-success-hover {
    background-color: var(--success-hover) !important;
}

.bg-success-pressed {
    background-color: var(--success-pressed) !important;
}

.bg-success-focus {
    background-color: var(--success-focus) !important;
}

.bg-info-main {
    background-color: var(--info-main) !important;
}

.bg-info-surface {
    background-color: var(--info-surface) !important;
}

.bg-info-border {
    background-color: var(--info-border) !important;
}

.bg-info-hover {
    background-color: var(--info-hover) !important;
}

.bg-info-pressed {
    background-color: var(--info-pressed) !important;
}

.bg-info-focus {
    background-color: var(--info-focus) !important;
}

.bg-warning-main {
    background-color: var(--warning-main) !important;
}

.bg-warning-surface {
    background-color: var(--warning-surface) !important;
}

.bg-warning-border {
    background-color: var(--warning-border) !important;
}

.bg-warning-hover {
    background-color: var(--warning-hover) !important;
}

.bg-warning-pressed {
    background-color: var(--warning-pressed) !important;
}

.bg-warning-focus {
    background-color: var(--warning-focus) !important;
}

.bg-danger-main {
    background-color: var(--danger-main) !important;
}

.bg-danger-surface {
    background-color: var(--danger-surface) !important;
}

.bg-danger-border {
    background-color: var(--danger-border) !important;
}

.bg-danger-hover {
    background-color: var(--danger-hover) !important;
}

.bg-danger-pressed {
    background-color: var(--danger-pressed) !important;
}

.bg-danger-focus {
    background-color: var(--danger-focus) !important;
}

.bg-cyan {
    background-color: var(--cyan) !important;
}

.bg-indigo {
    background-color: var(--indigo) !important;
}

.bg-purple {
    background-color: var(--purple) !important;
}

.bg-red {
    background-color: var(--red) !important;
}

.bg-yellow {
    background-color: var(--yellow) !important;
}

.bg-orange {
    background-color: var(--orange) !important;
}

.bg-pink {
    background-color: var(--pink) !important;
}

.bg-hover-primary-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-50:hover {
        background-color: var(--primary-50) !important;
    }

.bg-hover-primary-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-100:hover {
        background-color: var(--primary-100) !important;
    }

.bg-hover-primary-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-200:hover {
        background-color: var(--primary-200) !important;
    }

.bg-hover-primary-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-300:hover {
        background-color: var(--primary-300) !important;
    }

.bg-hover-primary-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-400:hover {
        background-color: var(--primary-400) !important;
    }

.bg-hover-primary-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-500:hover {
        background-color: var(--primary-500) !important;
    }

.bg-hover-primary-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-600:hover {
        background-color: var(--primary-600) !important;
    }

.bg-hover-primary-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-700:hover {
        background-color: var(--primary-700) !important;
    }

.bg-hover-primary-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-800:hover {
        background-color: var(--primary-800) !important;
    }

.bg-hover-primary-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-primary-900:hover {
        background-color: var(--primary-900) !important;
    }

.bg-hover-neutral-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-50:hover {
        background-color: var(--neutral-50) !important;
    }

.bg-hover-neutral-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-100:hover {
        background-color: var(--neutral-100) !important;
    }

.bg-hover-neutral-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-200:hover {
        background-color: var(--neutral-200) !important;
    }

.bg-hover-neutral-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-300:hover {
        background-color: var(--neutral-300) !important;
    }

.bg-hover-neutral-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-400:hover {
        background-color: var(--neutral-400) !important;
    }

.bg-hover-neutral-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-500:hover {
        background-color: var(--neutral-500) !important;
    }

.bg-hover-neutral-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-600:hover {
        background-color: var(--neutral-600) !important;
    }

.bg-hover-neutral-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-700:hover {
        background-color: var(--neutral-700) !important;
    }

.bg-hover-neutral-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-800:hover {
        background-color: var(--neutral-800) !important;
    }

.bg-hover-neutral-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-neutral-900:hover {
        background-color: var(--neutral-900) !important;
    }

.bg-hover-danger-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-50:hover {
        background-color: var(--danger-50) !important;
    }

.bg-hover-danger-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-100:hover {
        background-color: var(--danger-100) !important;
    }

.bg-hover-danger-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-200:hover {
        background-color: var(--danger-200) !important;
    }

.bg-hover-danger-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-300:hover {
        background-color: var(--danger-300) !important;
    }

.bg-hover-danger-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-400:hover {
        background-color: var(--danger-400) !important;
    }

.bg-hover-danger-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-500:hover {
        background-color: var(--danger-500) !important;
    }

.bg-hover-danger-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-600:hover {
        background-color: var(--danger-600) !important;
    }

.bg-hover-danger-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-700:hover {
        background-color: var(--danger-700) !important;
    }

.bg-hover-danger-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-800:hover {
        background-color: var(--danger-800) !important;
    }

.bg-hover-danger-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-900:hover {
        background-color: var(--danger-900) !important;
    }

.bg-hover-success-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-50:hover {
        background-color: var(--success-50) !important;
    }

.bg-hover-success-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-100:hover {
        background-color: var(--success-100) !important;
    }

.bg-hover-success-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-200:hover {
        background-color: var(--success-200) !important;
    }

.bg-hover-success-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-300:hover {
        background-color: var(--success-300) !important;
    }

.bg-hover-success-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-400:hover {
        background-color: var(--success-400) !important;
    }

.bg-hover-success-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-500:hover {
        background-color: var(--success-500) !important;
    }

.bg-hover-success-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-600:hover {
        background-color: var(--success-600) !important;
    }

.bg-hover-success-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-700:hover {
        background-color: var(--success-700) !important;
    }

.bg-hover-success-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-800:hover {
        background-color: var(--success-800) !important;
    }

.bg-hover-success-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-900:hover {
        background-color: var(--success-900) !important;
    }

.bg-hover-warning-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-50:hover {
        background-color: var(--warning-50) !important;
    }

.bg-hover-warning-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-100:hover {
        background-color: var(--warning-100) !important;
    }

.bg-hover-warning-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-200:hover {
        background-color: var(--warning-200) !important;
    }

.bg-hover-warning-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-300:hover {
        background-color: var(--warning-300) !important;
    }

.bg-hover-warning-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-400:hover {
        background-color: var(--warning-400) !important;
    }

.bg-hover-warning-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-500:hover {
        background-color: var(--warning-500) !important;
    }

.bg-hover-warning-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-600:hover {
        background-color: var(--warning-600) !important;
    }

.bg-hover-warning-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-700:hover {
        background-color: var(--warning-700) !important;
    }

.bg-hover-warning-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-800:hover {
        background-color: var(--warning-800) !important;
    }

.bg-hover-warning-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-900:hover {
        background-color: var(--warning-900) !important;
    }

.bg-hover-info-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-50:hover {
        background-color: var(--info-50) !important;
    }

.bg-hover-info-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-100:hover {
        background-color: var(--info-100) !important;
    }

.bg-hover-info-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-200:hover {
        background-color: var(--info-200) !important;
    }

.bg-hover-info-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-300:hover {
        background-color: var(--info-300) !important;
    }

.bg-hover-info-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-400:hover {
        background-color: var(--info-400) !important;
    }

.bg-hover-info-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-500:hover {
        background-color: var(--info-500) !important;
    }

.bg-hover-info-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-600:hover {
        background-color: var(--info-600) !important;
    }

.bg-hover-info-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-700:hover {
        background-color: var(--info-700) !important;
    }

.bg-hover-info-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-800:hover {
        background-color: var(--info-800) !important;
    }

.bg-hover-info-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-900:hover {
        background-color: var(--info-900) !important;
    }

.bg-hover-cyan-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-50:hover {
        background-color: var(--cyan-50) !important;
    }

.bg-hover-cyan-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-100:hover {
        background-color: var(--cyan-100) !important;
    }

.bg-hover-cyan-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-200:hover {
        background-color: var(--cyan-200) !important;
    }

.bg-hover-cyan-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-300:hover {
        background-color: var(--cyan-300) !important;
    }

.bg-hover-cyan-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-400:hover {
        background-color: var(--cyan-400) !important;
    }

.bg-hover-cyan-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-500:hover {
        background-color: var(--cyan-500) !important;
    }

.bg-hover-cyan-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-600:hover {
        background-color: var(--cyan-600) !important;
    }

.bg-hover-cyan-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-700:hover {
        background-color: var(--cyan-700) !important;
    }

.bg-hover-cyan-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-800:hover {
        background-color: var(--cyan-800) !important;
    }

.bg-hover-cyan-900 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan-900:hover {
        background-color: var(--cyan-900) !important;
    }

.bg-hover-dark-1 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-dark-1:hover {
        background-color: var(--dark-1) !important;
    }

.bg-hover-dark-2 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-dark-2:hover {
        background-color: var(--dark-2) !important;
    }

.bg-hover-dark-3 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-dark-3:hover {
        background-color: var(--dark-3) !important;
    }

.bg-hover-lilac-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-50:hover {
        background-color: var(--lilac-50) !important;
    }

.bg-hover-lilac-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-100:hover {
        background-color: var(--lilac-100) !important;
    }

.bg-hover-lilac-200 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-200:hover {
        background-color: var(--lilac-200) !important;
    }

.bg-hover-lilac-300 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-300:hover {
        background-color: var(--lilac-300) !important;
    }

.bg-hover-lilac-400 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-400:hover {
        background-color: var(--lilac-400) !important;
    }

.bg-hover-lilac-500 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-500:hover {
        background-color: var(--lilac-500) !important;
    }

.bg-hover-lilac-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-600:hover {
        background-color: var(--lilac-600) !important;
    }

.bg-hover-lilac-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-700:hover {
        background-color: var(--lilac-700) !important;
    }

.bg-hover-lilac-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-lilac-800:hover {
        background-color: var(--lilac-800) !important;
    }

.bg-hover-light-50 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-50:hover {
        background-color: var(--light-50) !important;
    }

.bg-hover-light-100 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-100:hover {
        background-color: var(--light-100) !important;
    }

.bg-hover-light-600 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-600:hover {
        background-color: var(--light-600) !important;
    }

.bg-hover-light-700 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-700:hover {
        background-color: var(--light-700) !important;
    }

.bg-hover-light-800 {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-light-800:hover {
        background-color: var(--light-800) !important;
    }

.bg-hover-success-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-main:hover {
        background-color: var(--success-main) !important;
    }

.bg-hover-success-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-surface:hover {
        background-color: var(--success-surface) !important;
    }

.bg-hover-success-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-border:hover {
        background-color: var(--success-border) !important;
    }

.bg-hover-success-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-hover:hover {
        background-color: var(--success-hover) !important;
    }

.bg-hover-success-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-pressed:hover {
        background-color: var(--success-pressed) !important;
    }

.bg-hover-success-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-success-focus:hover {
        background-color: var(--success-focus) !important;
    }

.bg-hover-info-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-main:hover {
        background-color: var(--info-main) !important;
    }

.bg-hover-info-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-surface:hover {
        background-color: var(--info-surface) !important;
    }

.bg-hover-info-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-border:hover {
        background-color: var(--info-border) !important;
    }

.bg-hover-info-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-hover:hover {
        background-color: var(--info-hover) !important;
    }

.bg-hover-info-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-pressed:hover {
        background-color: var(--info-pressed) !important;
    }

.bg-hover-info-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-info-focus:hover {
        background-color: var(--info-focus) !important;
    }

.bg-hover-warning-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-main:hover {
        background-color: var(--warning-main) !important;
    }

.bg-hover-warning-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-surface:hover {
        background-color: var(--warning-surface) !important;
    }

.bg-hover-warning-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-border:hover {
        background-color: var(--warning-border) !important;
    }

.bg-hover-warning-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-hover:hover {
        background-color: var(--warning-hover) !important;
    }

.bg-hover-warning-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-pressed:hover {
        background-color: var(--warning-pressed) !important;
    }

.bg-hover-warning-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-warning-focus:hover {
        background-color: var(--warning-focus) !important;
    }

.bg-hover-danger-main {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-main:hover {
        background-color: var(--danger-main) !important;
    }

.bg-hover-danger-surface {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-surface:hover {
        background-color: var(--danger-surface) !important;
    }

.bg-hover-danger-border {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-border:hover {
        background-color: var(--danger-border) !important;
    }

.bg-hover-danger-hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-hover:hover {
        background-color: var(--danger-hover) !important;
    }

.bg-hover-danger-pressed {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-pressed:hover {
        background-color: var(--danger-pressed) !important;
    }

.bg-hover-danger-focus {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-danger-focus:hover {
        background-color: var(--danger-focus) !important;
    }

.bg-hover-cyan {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-cyan:hover {
        background-color: var(--cyan) !important;
    }

.bg-hover-indigo {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-indigo:hover {
        background-color: var(--indigo) !important;
    }

.bg-hover-purple {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-purple:hover {
        background-color: var(--purple) !important;
    }

.bg-hover-red {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-red:hover {
        background-color: var(--red) !important;
    }

.bg-hover-yellow {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-yellow:hover {
        background-color: var(--yellow) !important;
    }

.bg-hover-orange {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-orange:hover {
        background-color: var(--orange) !important;
    }

.bg-hover-pink {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    .bg-hover-pink:hover {
        background-color: var(--pink) !important;
    }

.bg-base {
    background-color: var(--white) !important;
}

.bg-base-50 {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.hover-bg-transparent {
    background-color: transparent !important;
}

.hover-bg-white:hover {
    background-color: var(--white) !important;
}

.bg-primary-light {
    background-color: var(--primary-light) !important;
}

.bg-yellow-light {
    background-color: var(--yellow-light) !important;
}

.bg-purple-light {
    background-color: var(--purple-light) !important;
}

.bg-pink-light {
    background-color: var(--pink-light) !important;
}

.bg-gradient-start-1 {
    background: linear-gradient(to right, #E6F9FF, #FEFFFF);
}

.bg-gradient-start-2 {
    background: linear-gradient(to right, #F7E9FF, #FFFEFD);
}

.bg-gradient-start-3 {
    background: linear-gradient(to right, #E6EBFF, #FFFFFF);
}

.bg-gradient-start-4 {
    background: linear-gradient(to right, #E8FFF5, #FFFFFF);
}

.bg-gradient-start-5 {
    background: linear-gradient(to right, #FFEEEE, #FFFCFC);
}

.bg-gradient-dark-start-1 {
    background: linear-gradient(261deg, rgba(255, 234, 244, 0.5) 2.07%, #FFE2F0 97.73%);
}

.bg-gradient-dark-start-2 {
    background: linear-gradient(262deg, rgba(236, 221, 255, 0.3) 2.45%, #ECDDFF 97.35%);
}

.bg-gradient-dark-start-3 {
    background: linear-gradient(262deg, #EBFAFF 4.01%, #C0F0FF 99.29%);
}

.bg-gradient-end-1 {
    background: linear-gradient(to right, #FFFFFF, #EFF4FF);
}

.bg-gradient-end-2 {
    background: linear-gradient(to right, #FFFFFF, #EAFFF9);
}

.bg-gradient-end-3 {
    background: linear-gradient(to right, #FFFFFF, #FFF5E9);
}

.bg-gradient-end-4 {
    background: linear-gradient(to right, #FFFFFF, #F3EEFF);
}

.bg-gradient-end-5 {
    background: linear-gradient(to right, #FFFFFF, #FFF2FE);
}

.bg-gradient-end-6 {
    background: linear-gradient(to right, #FFFFFF, #EEFBFF);
}

.bg-gradient-purple {
    background: linear-gradient(300deg, #FFE9E0 1.27%, #EFD3FF 98.89%);
}

.bg-gradient-primary {
    background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-gradient-success {
    background: linear-gradient(299deg, #ECFFF7 1.76%, #ADF7D6 98.11%);
}

.bg-gradient-danger {
    background: linear-gradient(299deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-gradient-danger-reversed {
    background: linear-gradient(90deg, #FFEFEF 0.96%, #FFD7D7 98.97%);
}

.bg-primary-gradient {
    background: linear-gradient(299deg, #D7F6FF 1.03%, #D1DEFF 97.72%);
}

.bg-success-gradient {
    background: linear-gradient(270deg, #70E396 0%, #45B369 100%);
}

.bg-info-gradient {
    background: linear-gradient(270deg, #85A7FF 0%, #144BD6 100%);
}

.bg-warning-gradient {
    background: linear-gradient(270deg, #FFD199 0%, #FF9F29 100%);
}

.bg-danger-gradient {
    background: linear-gradient(270deg, #FFAB86 0%, #EF4A00 100%);
}

.bg-primary-success-gradient {
    background: linear-gradient(90deg, #BBCAFF 0%, #DCFFFD 100%);
}

.bg-dark-primary-gradient {
    background: linear-gradient(270deg, #7EA5FF 0%, #003DCC 100%);
}

.bg-dark-lilac-gradient {
    background: linear-gradient(270deg, #BA76FF 0%, #6100C1 100%);
}

.bg-dark-success-gradient {
    background: linear-gradient(270deg, #48DC79 0%, #02862D 100%);
}

.bg-dark-info-gradient {
    background: linear-gradient(270deg, #5384FF 0%, #0036BD 100%);
}

.bg-dark-warning-gradient {
    background: linear-gradient(270deg, #FFC175 0%, #C36C00 100%);
}

.bg-dark-danger-gradient {
    background: linear-gradient(270deg, #FF7739 0%, #C63D00 100%);
}

.bg-dark-dark-gradient {
    background: linear-gradient(90deg, #273142 0%, #637DA8 100%);
}

.bg-danger-gradient-light {
    background: linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%) !important;
}

.bg-white-gradient-light {
    background: linear-gradient(317deg, rgba(225, 225, 225, 0.1) 8.56%, rgba(255, 255, 255, 0.5) 91.49%) !important;
}

.bg-light-pink {
    background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, #F7E9FF 0.12%, #FDF8F7 99.89%));
}

html[data-theme=dark] .bg-base-50 {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme=dark] .bg-gradient-start-1 {
    background: linear-gradient(to right, rgba(230, 249, 255, 0.15), rgba(254, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-2 {
    background: linear-gradient(to right, rgba(247, 233, 255, 0.15), rgba(255, 254, 253, 0.1));
}

html[data-theme=dark] .bg-gradient-start-3 {
    background: linear-gradient(to right, rgba(230, 235, 255, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-4 {
    background: linear-gradient(to right, rgba(232, 255, 245, 0.15), rgba(255, 255, 255, 0.1));
}

html[data-theme=dark] .bg-gradient-start-5 {
    background: linear-gradient(to right, rgba(255, 238, 238, 0.15), rgba(255, 252, 252, 0.1));
}

html[data-theme=dark] .bg-gradient-dark-start-1 {
    background: linear-gradient(261deg, rgba(255, 234, 244, 0.08) 2.07%, rgba(255, 226, 240, 0.15) 97.73%);
}

html[data-theme=dark] .bg-gradient-dark-start-2 {
    background: linear-gradient(262deg, rgba(236, 221, 255, 0.05) 2.45%, rgba(236, 221, 255, 0.15) 97.35%);
}

html[data-theme=dark] .bg-gradient-dark-start-3 {
    background: linear-gradient(262deg, rgba(235, 250, 255, 0.15) 4.01%, rgba(192, 240, 255, 0.15) 99.29%);
}

html[data-theme=dark] .bg-gradient-end-1 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(239, 244, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-2 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(234, 255, 249, 0.125));
}

html[data-theme=dark] .bg-gradient-end-3 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 245, 233, 0.125));
}

html[data-theme=dark] .bg-gradient-end-4 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(243, 238, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-end-5 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(255, 242, 254, 0.125));
}

html[data-theme=dark] .bg-gradient-end-6 {
    background: linear-gradient(to right, rgba(255, 255, 255, 0.075), rgba(238, 251, 255, 0.125));
}

html[data-theme=dark] .bg-gradient-purple {
    background: linear-gradient(300deg, rgba(255, 233, 224, 0.1) 1.27%, rgba(239, 211, 255, 0.15) 98.89%);
}

html[data-theme=dark] .bg-gradient-primary {
    background: linear-gradient(299deg, rgba(215, 246, 255, 0.1) 1.03%, rgba(209, 222, 255, 0.15) 97.72%);
}

html[data-theme=dark] .bg-gradient-success {
    background: linear-gradient(299deg, rgba(236, 255, 247, 0.1) 1.76%, rgba(173, 247, 214, 0.15) 98.11%);
}

html[data-theme=dark] .bg-gradient-danger {
    background: linear-gradient(299deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}

html[data-theme=dark] .bg-gradient-danger-reversed {
    background: linear-gradient(90deg, rgba(255, 239, 239, 0.1) 0.96%, rgba(255, 215, 215, 0.15) 98.97%);
}

html[data-theme=dark] .bg-danger-gradient-light {
    background: linear-gradient(90deg, rgba(247, 233, 255, 0.05) 0.12%, rgba(253, 248, 247, 0.1) 99.89%) !important;
}

html[data-theme=dark] .bg-white-gradient-light {
    background: linear-gradient(317deg, rgba(225, 225, 225, 0.05) 8.56%, rgba(255, 255, 255, 0.1) 91.49%) !important;
}

html[data-theme=dark] .bg-light-pink {
    background: var(--gradients-Colors-gradients-2, linear-gradient(90deg, rgba(247, 233, 255, 0.1) 0.12%, rgba(253, 248, 247, 0.05) 99.89%));
}

.bg-gradient-blue-warning {
    background: linear-gradient(90deg, #CBFFF9 0%, #FFEEB1 100%);
}

.aspect-ratio-1 {
    aspect-ratio: 1;
}

.bg-tb-warning {
    background: linear-gradient(180deg, rgba(255, 186, 69, 0.25) 0%, rgba(244, 116, 53, 0.25) 100%);
}

.bg-tb-lilac {
    background: linear-gradient(180deg, rgba(252, 120, 138, 0.25) 0%, rgba(152, 22, 139, 0.25) 100%);
}

.bg-tb-primary {
    background: linear-gradient(180deg, rgba(25, 207, 239, 0.25) 0%, rgba(13, 106, 184, 0.25) 100%);
}

.bg-tb-success {
    background: linear-gradient(180deg, rgba(134, 221, 102, 0.25) 0%, rgba(2, 140, 75, 0.25) 100%);
}

.gradient-deep-1 {
    background: linear-gradient(270deg, #EEF7FF 0%, #DFF0FF 100%);
}

.gradient-deep-2 {
    background: linear-gradient(270deg, #F7F2FF 0%, #EEE5FF 100%);
}

.gradient-deep-3 {
    background: linear-gradient(270deg, #E8FFF9 0%, #D1FFF3 100%);
}

.gradient-deep-4 {
    background: linear-gradient(270deg, #FFF4E8 0%, #FFEEDC 100%);
}
/* === bg css end === */

/* === spacing css start === */
.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .375rem !important
}

.p-2 {
    padding: .75rem !important
}

.p-3 {
    padding: 1.5rem !important
}

.p-4 {
    padding: 2.25rem !important
}

.p-5 {
    padding: 4.5rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .375rem !important;
    padding-left: .375rem !important
}

.px-2 {
    padding-right: .75rem !important;
    padding-left: .75rem !important
}

.px-3 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-4 {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important
}

.px-5 {
    padding-right: 4.5rem !important;
    padding-left: 4.5rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .375rem !important;
    padding-bottom: .375rem !important
}

.py-2 {
    padding-top: .75rem !important;
    padding-bottom: .75rem !important
}

.py-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-4 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important
}

.py-5 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .375rem !important
}

.pt-2 {
    padding-top: .75rem !important
}

.pt-3 {
    padding-top: 1.5rem !important
}

.pt-4 {
    padding-top: 2.25rem !important
}

.pt-5 {
    padding-top: 4.5rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .375rem !important
}

.pe-2 {
    padding-right: .75rem !important
}

.pe-3 {
    padding-right: 1.5rem !important
}

.pe-4 {
    padding-right: 2.25rem !important
}

.pe-5 {
    padding-right: 4.5rem !important
}

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

.pb-1 {
    padding-bottom: .375rem !important
}

.pb-2 {
    padding-bottom: .75rem !important
}

.pb-3 {
    padding-bottom: 1.5rem !important
}

.pb-4 {
    padding-bottom: 2.25rem !important
}

.pb-5 {
    padding-bottom: 4.5rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .375rem !important
}

.ps-2 {
    padding-left: .75rem !important
}

.ps-3 {
    padding-left: 1.5rem !important
}

.ps-4 {
    padding-left: 2.25rem !important
}

.ps-5 {
    padding-left: 4.5rem !important
}
/* === spacing css end === */

/* === buttons css start === */
.btn {
    padding: 0.5625rem 0.75rem;
    font-size: 1rem;
    font-weight: 500;
    border-radius: 4px;
}

    .btn.btn-lg {
        padding: 0.9375rem 0.875rem;
        font-weight: 600;
    }

    .btn.btn-sm {
        padding: 0.5rem 0.875rem;
        font-size: 0.875rem;
    }

.btn-success {
    background-color: var(--success-main);
    color: #fff;
    border-color: var(--success-main);
}

    .btn-success:hover {
        background-color: var(--success-hover);
        color: #fff;
        border-color: var(--success-main);
    }

    .btn-success:active, .btn-success:focus {
        background-color: var(--success-pressed);
        color: #fff;
        border-color: var(--success-pressed);
    }

.btn-danger {
    background-color: var(--danger-main);
    color: #fff;
    border-color: var(--danger-main);
}

    .btn-danger:hover {
        background-color: var(--danger-hover);
        color: #fff;
        border-color: var(--danger-main);
    }

    .btn-danger:active, .btn-danger:focus {
        background-color: var(--danger-pressed);
        color: #fff;
        border-color: var(--danger-pressed);
    }

.btn-warning {
    background-color: var(--warning-main);
    color: #fff;
    border-color: var(--warning-main);
}

    .btn-warning:hover {
        background-color: var(--warning-hover);
        color: #fff;
        border-color: var(--warning-main);
    }

    .btn-warning:active, .btn-warning:focus {
        background-color: var(--warning-pressed);
        color: #fff;
        border-color: var(--warning-pressed);
    }

.btn-info {
    background-color: var(--info-main);
    color: #fff;
    border-color: var(--info-main);
}

    .btn-info:hover {
        background-color: var(--info-hover);
        color: #fff;
        border-color: var(--info-main);
    }

    .btn-info:active, .btn-info:focus {
        background-color: var(--info-pressed);
        color: #fff;
        border-color: var(--info-pressed);
    }

.btn-outline-success {
    background-color: transparent;
    color: var(--success-main);
    border-color: var(--success-main);
}

    .btn-outline-success:hover {
        background-color: var(--success-hover);
        color: #fff;
        border-color: var(--success-main);
    }

    .btn-outline-success:active, .btn-outline-success:focus {
        background-color: var(--success-pressed) !important;
        color: #fff !important;
        border-color: var(--success-pressed) !important;
    }

.btn-outline-danger {
    background-color: transparent;
    color: var(--danger-main);
    border-color: var(--danger-main);
}

    .btn-outline-danger:hover {
        background-color: var(--danger-hover);
        color: #fff;
        border-color: var(--danger-main);
    }

    .btn-outline-danger:active, .btn-outline-danger:focus {
        background-color: var(--danger-pressed) !important;
        color: #fff !important;
        border-color: var(--danger-pressed) !important;
    }

.btn-outline-warning {
    background-color: transparent;
    color: var(--warning-main);
    border-color: var(--warning-main);
}

    .btn-outline-warning:hover {
        background-color: var(--warning-hover);
        color: #fff;
        border-color: var(--warning-main);
    }

    .btn-outline-warning:active, .btn-outline-warning:focus {
        background-color: var(--warning-pressed) !important;
        color: #fff !important;
        border-color: var(--warning-pressed) !important;
    }

.btn-outline-info {
    background-color: transparent;
    color: var(--info-main);
    border-color: var(--info-main);
}

    .btn-outline-info:hover {
        background-color: var(--info-hover);
        color: #fff;
        border-color: var(--info-main);
    }

    .btn-outline-info:active, .btn-outline-info:focus {
        background-color: var(--info-pressed) !important;
        color: #fff !important;
        border-color: var(--info-pressed) !important;
    }

/* Pill Btn */
.btn-primary-50 {
    background-color: var(--primary-50);
    color: #fff;
    border-color: var(--primary-50);
}

    .btn-primary-50:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-50:active, .btn-primary-50:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-100 {
    background-color: var(--primary-100);
    color: #fff;
    border-color: var(--primary-100);
}

    .btn-primary-100:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-100:active, .btn-primary-100:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-200 {
    background-color: var(--primary-200);
    color: #fff;
    border-color: var(--primary-200);
}

    .btn-primary-200:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-200:active, .btn-primary-200:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-300 {
    background-color: var(--primary-300);
    color: #fff;
    border-color: var(--primary-300);
}

    .btn-primary-300:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-300:active, .btn-primary-300:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-400 {
    background-color: var(--primary-400);
    color: #fff;
    border-color: var(--primary-400);
}

    .btn-primary-400:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-400:active, .btn-primary-400:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-500 {
    background-color: var(--primary-500);
    color: #fff;
    border-color: var(--primary-500);
}

    .btn-primary-500:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-500:active, .btn-primary-500:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-600 {
    background-color: var(--primary-600);
    color: #fff;
    border-color: var(--primary-600);
}

    .btn-primary-600:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-600:active, .btn-primary-600:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-700 {
    background-color: var(--primary-700);
    color: #fff;
    border-color: var(--primary-700);
}

    .btn-primary-700:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-700:active, .btn-primary-700:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-800 {
    background-color: var(--primary-800);
    color: #fff;
    border-color: var(--primary-800);
}

    .btn-primary-800:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-800:active, .btn-primary-800:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-primary-900 {
    background-color: var(--primary-900);
    color: #fff;
    border-color: var(--primary-900);
}

    .btn-primary-900:hover {
        background-color: var(--primary-700);
        color: #fff !important;
        border-color: var(--primary-700);
    }

    .btn-primary-900:active, .btn-primary-900:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-neutral-50 {
    background-color: var(--neutral-50);
    color: #fff;
    border-color: var(--neutral-50);
}

    .btn-neutral-50:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-50:active, .btn-neutral-50:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-100 {
    background-color: var(--neutral-100);
    color: #fff;
    border-color: var(--neutral-100);
}

    .btn-neutral-100:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-100:active, .btn-neutral-100:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-200 {
    background-color: var(--neutral-200);
    color: #fff;
    border-color: var(--neutral-200);
}

    .btn-neutral-200:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-200:active, .btn-neutral-200:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-300 {
    background-color: var(--neutral-300);
    color: #fff;
    border-color: var(--neutral-300);
}

    .btn-neutral-300:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-300:active, .btn-neutral-300:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-400 {
    background-color: var(--neutral-400);
    color: #fff;
    border-color: var(--neutral-400);
}

    .btn-neutral-400:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-400:active, .btn-neutral-400:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-500 {
    background-color: var(--neutral-500);
    color: #fff;
    border-color: var(--neutral-500);
}

    .btn-neutral-500:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-500:active, .btn-neutral-500:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-600 {
    background-color: var(--neutral-600);
    color: #fff;
    border-color: var(--neutral-600);
}

    .btn-neutral-600:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-600:active, .btn-neutral-600:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-700 {
    background-color: var(--neutral-700);
    color: #fff;
    border-color: var(--neutral-700);
}

    .btn-neutral-700:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-700:active, .btn-neutral-700:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-800 {
    background-color: var(--neutral-800);
    color: #fff;
    border-color: var(--neutral-800);
}

    .btn-neutral-800:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-800:active, .btn-neutral-800:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-neutral-900 {
    background-color: var(--neutral-900);
    color: #fff;
    border-color: var(--neutral-900);
}

    .btn-neutral-900:hover {
        background-color: var(--neutral-700);
        color: #fff !important;
        border-color: var(--neutral-700);
    }

    .btn-neutral-900:active, .btn-neutral-900:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-danger-50 {
    background-color: var(--danger-50);
    color: #fff;
    border-color: var(--danger-50);
}

    .btn-danger-50:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-50:active, .btn-danger-50:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-100 {
    background-color: var(--danger-100);
    color: #fff;
    border-color: var(--danger-100);
}

    .btn-danger-100:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-100:active, .btn-danger-100:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-200 {
    background-color: var(--danger-200);
    color: #fff;
    border-color: var(--danger-200);
}

    .btn-danger-200:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-200:active, .btn-danger-200:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-300 {
    background-color: var(--danger-300);
    color: #fff;
    border-color: var(--danger-300);
}

    .btn-danger-300:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-300:active, .btn-danger-300:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-400 {
    background-color: var(--danger-400);
    color: #fff;
    border-color: var(--danger-400);
}

    .btn-danger-400:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-400:active, .btn-danger-400:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-500 {
    background-color: var(--danger-500);
    color: #fff;
    border-color: var(--danger-500);
}

    .btn-danger-500:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-500:active, .btn-danger-500:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-600 {
    background-color: var(--danger-600);
    color: #fff;
    border-color: var(--danger-600);
}

    .btn-danger-600:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-600:active, .btn-danger-600:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-700 {
    background-color: var(--danger-700);
    color: #fff;
    border-color: var(--danger-700);
}

    .btn-danger-700:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-700:active, .btn-danger-700:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-800 {
    background-color: var(--danger-800);
    color: #fff;
    border-color: var(--danger-800);
}

    .btn-danger-800:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-800:active, .btn-danger-800:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-danger-900 {
    background-color: var(--danger-900);
    color: #fff;
    border-color: var(--danger-900);
}

    .btn-danger-900:hover {
        background-color: var(--danger-700);
        color: #fff !important;
        border-color: var(--danger-700);
    }

    .btn-danger-900:active, .btn-danger-900:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-success-50 {
    background-color: var(--success-50);
    color: #fff;
    border-color: var(--success-50);
}

    .btn-success-50:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-50:active, .btn-success-50:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-100 {
    background-color: var(--success-100);
    color: #fff;
    border-color: var(--success-100);
}

    .btn-success-100:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-100:active, .btn-success-100:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-200 {
    background-color: var(--success-200);
    color: #fff;
    border-color: var(--success-200);
}

    .btn-success-200:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-200:active, .btn-success-200:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-300 {
    background-color: var(--success-300);
    color: #fff;
    border-color: var(--success-300);
}

    .btn-success-300:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-300:active, .btn-success-300:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-400 {
    background-color: var(--success-400);
    color: #fff;
    border-color: var(--success-400);
}

    .btn-success-400:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-400:active, .btn-success-400:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-500 {
    background-color: var(--success-500);
    color: #fff;
    border-color: var(--success-500);
}

    .btn-success-500:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-500:active, .btn-success-500:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-600 {
    background-color: var(--success-600);
    color: #fff;
    border-color: var(--success-600);
}

    .btn-success-600:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-600:active, .btn-success-600:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-700 {
    background-color: var(--success-700);
    color: #fff;
    border-color: var(--success-700);
}

    .btn-success-700:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-700:active, .btn-success-700:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-800 {
    background-color: var(--success-800);
    color: #fff;
    border-color: var(--success-800);
}

    .btn-success-800:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-800:active, .btn-success-800:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-success-900 {
    background-color: var(--success-900);
    color: #fff;
    border-color: var(--success-900);
}

    .btn-success-900:hover {
        background-color: var(--success-700);
        color: #fff !important;
        border-color: var(--success-700);
    }

    .btn-success-900:active, .btn-success-900:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-warning-50 {
    background-color: var(--warning-50);
    color: #fff;
    border-color: var(--warning-50);
}

    .btn-warning-50:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-50:active, .btn-warning-50:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-100 {
    background-color: var(--warning-100);
    color: #fff;
    border-color: var(--warning-100);
}

    .btn-warning-100:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-100:active, .btn-warning-100:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-200 {
    background-color: var(--warning-200);
    color: #fff;
    border-color: var(--warning-200);
}

    .btn-warning-200:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-200:active, .btn-warning-200:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-300 {
    background-color: var(--warning-300);
    color: #fff;
    border-color: var(--warning-300);
}

    .btn-warning-300:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-300:active, .btn-warning-300:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-400 {
    background-color: var(--warning-400);
    color: #fff;
    border-color: var(--warning-400);
}

    .btn-warning-400:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-400:active, .btn-warning-400:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-500 {
    background-color: var(--warning-500);
    color: #fff;
    border-color: var(--warning-500);
}

    .btn-warning-500:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-500:active, .btn-warning-500:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-600 {
    background-color: var(--warning-600);
    color: #fff;
    border-color: var(--warning-600);
}

    .btn-warning-600:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-600:active, .btn-warning-600:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-700 {
    background-color: var(--warning-700);
    color: #fff;
    border-color: var(--warning-700);
}

    .btn-warning-700:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-700:active, .btn-warning-700:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-800 {
    background-color: var(--warning-800);
    color: #fff;
    border-color: var(--warning-800);
}

    .btn-warning-800:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-800:active, .btn-warning-800:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-warning-900 {
    background-color: var(--warning-900);
    color: #fff;
    border-color: var(--warning-900);
}

    .btn-warning-900:hover {
        background-color: var(--warning-700);
        color: #fff !important;
        border-color: var(--warning-700);
    }

    .btn-warning-900:active, .btn-warning-900:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-info-50 {
    background-color: var(--info-50);
    color: #fff;
    border-color: var(--info-50);
}

    .btn-info-50:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-50:active, .btn-info-50:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-100 {
    background-color: var(--info-100);
    color: #fff;
    border-color: var(--info-100);
}

    .btn-info-100:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-100:active, .btn-info-100:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-200 {
    background-color: var(--info-200);
    color: #fff;
    border-color: var(--info-200);
}

    .btn-info-200:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-200:active, .btn-info-200:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-300 {
    background-color: var(--info-300);
    color: #fff;
    border-color: var(--info-300);
}

    .btn-info-300:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-300:active, .btn-info-300:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-400 {
    background-color: var(--info-400);
    color: #fff;
    border-color: var(--info-400);
}

    .btn-info-400:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-400:active, .btn-info-400:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-500 {
    background-color: var(--info-500);
    color: #fff;
    border-color: var(--info-500);
}

    .btn-info-500:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-500:active, .btn-info-500:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-600 {
    background-color: var(--info-600);
    color: #fff;
    border-color: var(--info-600);
}

    .btn-info-600:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-600:active, .btn-info-600:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-700 {
    background-color: var(--info-700);
    color: #fff;
    border-color: var(--info-700);
}

    .btn-info-700:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-700:active, .btn-info-700:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-800 {
    background-color: var(--info-800);
    color: #fff;
    border-color: var(--info-800);
}

    .btn-info-800:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-800:active, .btn-info-800:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-info-900 {
    background-color: var(--info-900);
    color: #fff;
    border-color: var(--info-900);
}

    .btn-info-900:hover {
        background-color: var(--info-700);
        color: #fff !important;
        border-color: var(--info-700);
    }

    .btn-info-900:active, .btn-info-900:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-cyan-50 {
    background-color: var(--cyan-50);
    color: #fff;
    border-color: var(--cyan-50);
}

    .btn-cyan-50:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-50:active, .btn-cyan-50:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-100 {
    background-color: var(--cyan-100);
    color: #fff;
    border-color: var(--cyan-100);
}

    .btn-cyan-100:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-100:active, .btn-cyan-100:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-200 {
    background-color: var(--cyan-200);
    color: #fff;
    border-color: var(--cyan-200);
}

    .btn-cyan-200:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-200:active, .btn-cyan-200:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-300 {
    background-color: var(--cyan-300);
    color: #fff;
    border-color: var(--cyan-300);
}

    .btn-cyan-300:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-300:active, .btn-cyan-300:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-400 {
    background-color: var(--cyan-400);
    color: #fff;
    border-color: var(--cyan-400);
}

    .btn-cyan-400:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-400:active, .btn-cyan-400:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-500 {
    background-color: var(--cyan-500);
    color: #fff;
    border-color: var(--cyan-500);
}

    .btn-cyan-500:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-500:active, .btn-cyan-500:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-600 {
    background-color: var(--cyan-600);
    color: #fff;
    border-color: var(--cyan-600);
}

    .btn-cyan-600:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-600:active, .btn-cyan-600:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-700 {
    background-color: var(--cyan-700);
    color: #fff;
    border-color: var(--cyan-700);
}

    .btn-cyan-700:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-700:active, .btn-cyan-700:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-800 {
    background-color: var(--cyan-800);
    color: #fff;
    border-color: var(--cyan-800);
}

    .btn-cyan-800:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-800:active, .btn-cyan-800:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-cyan-900 {
    background-color: var(--cyan-900);
    color: #fff;
    border-color: var(--cyan-900);
}

    .btn-cyan-900:hover {
        background-color: var(--cyan-700);
        color: #fff !important;
        border-color: var(--cyan-700);
    }

    .btn-cyan-900:active, .btn-cyan-900:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-dark-1 {
    background-color: var(--dark-1);
    color: #fff;
    border-color: var(--dark-1);
}

    .btn-dark-1:hover {
        background-color: var(--dark-700);
        color: #fff !important;
        border-color: var(--dark-700);
    }

    .btn-dark-1:active, .btn-dark-1:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-dark-2 {
    background-color: var(--dark-2);
    color: #fff;
    border-color: var(--dark-2);
}

    .btn-dark-2:hover {
        background-color: var(--dark-700);
        color: #fff !important;
        border-color: var(--dark-700);
    }

    .btn-dark-2:active, .btn-dark-2:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-dark-3 {
    background-color: var(--dark-3);
    color: #fff;
    border-color: var(--dark-3);
}

    .btn-dark-3:hover {
        background-color: var(--dark-700);
        color: #fff !important;
        border-color: var(--dark-700);
    }

    .btn-dark-3:active, .btn-dark-3:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-lilac-50 {
    background-color: var(--lilac-50);
    color: #fff;
    border-color: var(--lilac-50);
}

    .btn-lilac-50:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-50:active, .btn-lilac-50:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-100 {
    background-color: var(--lilac-100);
    color: #fff;
    border-color: var(--lilac-100);
}

    .btn-lilac-100:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-100:active, .btn-lilac-100:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-200 {
    background-color: var(--lilac-200);
    color: #fff;
    border-color: var(--lilac-200);
}

    .btn-lilac-200:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-200:active, .btn-lilac-200:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-300 {
    background-color: var(--lilac-300);
    color: #fff;
    border-color: var(--lilac-300);
}

    .btn-lilac-300:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-300:active, .btn-lilac-300:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-400 {
    background-color: var(--lilac-400);
    color: #fff;
    border-color: var(--lilac-400);
}

    .btn-lilac-400:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-400:active, .btn-lilac-400:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-500 {
    background-color: var(--lilac-500);
    color: #fff;
    border-color: var(--lilac-500);
}

    .btn-lilac-500:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-500:active, .btn-lilac-500:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-600 {
    background-color: var(--lilac-600);
    color: #fff;
    border-color: var(--lilac-600);
}

    .btn-lilac-600:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-600:active, .btn-lilac-600:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-700 {
    background-color: var(--lilac-700);
    color: #fff;
    border-color: var(--lilac-700);
}

    .btn-lilac-700:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-700:active, .btn-lilac-700:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-lilac-800 {
    background-color: var(--lilac-800);
    color: #fff;
    border-color: var(--lilac-800);
}

    .btn-lilac-800:hover {
        background-color: var(--lilac-700);
        color: #fff !important;
        border-color: var(--lilac-700);
    }

    .btn-lilac-800:active, .btn-lilac-800:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-light-50 {
    background-color: var(--light-50);
    color: #fff;
    border-color: var(--light-50);
}

    .btn-light-50:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-50:active, .btn-light-50:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-100 {
    background-color: var(--light-100);
    color: #fff;
    border-color: var(--light-100);
}

    .btn-light-100:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-100:active, .btn-light-100:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-600 {
    background-color: var(--light-600);
    color: #fff;
    border-color: var(--light-600);
}

    .btn-light-600:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-600:active, .btn-light-600:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-700 {
    background-color: var(--light-700);
    color: #fff;
    border-color: var(--light-700);
}

    .btn-light-700:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-700:active, .btn-light-700:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-light-800 {
    background-color: var(--light-800);
    color: #fff;
    border-color: var(--light-800);
}

    .btn-light-800:hover {
        background-color: var(--light-700);
        color: #fff !important;
        border-color: var(--light-700);
    }

    .btn-light-800:active, .btn-light-800:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

/* Outline Btn */
.btn-outline-primary-50 {
    background-color: transparent !important;
    color: var(--primary-50) !important;
    border-color: var(--primary-50) !important;
}

    .btn-outline-primary-50:hover {
        background-color: var(--primary-50) !important;
        color: #fff !important;
        border-color: var(--primary-50) !important;
    }

    .btn-outline-primary-50:active, .btn-outline-primary-50:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-100 {
    background-color: transparent !important;
    color: var(--primary-100) !important;
    border-color: var(--primary-100) !important;
}

    .btn-outline-primary-100:hover {
        background-color: var(--primary-100) !important;
        color: #fff !important;
        border-color: var(--primary-100) !important;
    }

    .btn-outline-primary-100:active, .btn-outline-primary-100:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-200 {
    background-color: transparent !important;
    color: var(--primary-200) !important;
    border-color: var(--primary-200) !important;
}

    .btn-outline-primary-200:hover {
        background-color: var(--primary-200) !important;
        color: #fff !important;
        border-color: var(--primary-200) !important;
    }

    .btn-outline-primary-200:active, .btn-outline-primary-200:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-300 {
    background-color: transparent !important;
    color: var(--primary-300) !important;
    border-color: var(--primary-300) !important;
}

    .btn-outline-primary-300:hover {
        background-color: var(--primary-300) !important;
        color: #fff !important;
        border-color: var(--primary-300) !important;
    }

    .btn-outline-primary-300:active, .btn-outline-primary-300:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-400 {
    background-color: transparent !important;
    color: var(--primary-400) !important;
    border-color: var(--primary-400) !important;
}

    .btn-outline-primary-400:hover {
        background-color: var(--primary-400) !important;
        color: #fff !important;
        border-color: var(--primary-400) !important;
    }

    .btn-outline-primary-400:active, .btn-outline-primary-400:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-500 {
    background-color: transparent !important;
    color: var(--primary-500) !important;
    border-color: var(--primary-500) !important;
}

    .btn-outline-primary-500:hover {
        background-color: var(--primary-500) !important;
        color: #fff !important;
        border-color: var(--primary-500) !important;
    }

    .btn-outline-primary-500:active, .btn-outline-primary-500:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-600 {
    background-color: transparent !important;
    color: var(--primary-600) !important;
    border-color: var(--primary-600) !important;
}

    .btn-outline-primary-600:hover {
        background-color: var(--primary-600) !important;
        color: #fff !important;
        border-color: var(--primary-600) !important;
    }

    .btn-outline-primary-600:active, .btn-outline-primary-600:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-700 {
    background-color: transparent !important;
    color: var(--primary-700) !important;
    border-color: var(--primary-700) !important;
}

    .btn-outline-primary-700:hover {
        background-color: var(--primary-700) !important;
        color: #fff !important;
        border-color: var(--primary-700) !important;
    }

    .btn-outline-primary-700:active, .btn-outline-primary-700:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-800 {
    background-color: transparent !important;
    color: var(--primary-800) !important;
    border-color: var(--primary-800) !important;
}

    .btn-outline-primary-800:hover {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

    .btn-outline-primary-800:active, .btn-outline-primary-800:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-primary-900 {
    background-color: transparent !important;
    color: var(--primary-900) !important;
    border-color: var(--primary-900) !important;
}

    .btn-outline-primary-900:hover {
        background-color: var(--primary-900) !important;
        color: #fff !important;
        border-color: var(--primary-900) !important;
    }

    .btn-outline-primary-900:active, .btn-outline-primary-900:focus {
        background-color: var(--primary-800) !important;
        color: #fff !important;
        border-color: var(--primary-800) !important;
    }

.btn-outline-neutral-50 {
    background-color: transparent !important;
    color: var(--neutral-50) !important;
    border-color: var(--neutral-50) !important;
}

    .btn-outline-neutral-50:hover {
        background-color: var(--neutral-50) !important;
        color: #fff !important;
        border-color: var(--neutral-50) !important;
    }

    .btn-outline-neutral-50:active, .btn-outline-neutral-50:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-100 {
    background-color: transparent !important;
    color: var(--neutral-100) !important;
    border-color: var(--neutral-100) !important;
}

    .btn-outline-neutral-100:hover {
        background-color: var(--neutral-100) !important;
        color: #fff !important;
        border-color: var(--neutral-100) !important;
    }

    .btn-outline-neutral-100:active, .btn-outline-neutral-100:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-200 {
    background-color: transparent !important;
    color: var(--neutral-200) !important;
    border-color: var(--neutral-200) !important;
}

    .btn-outline-neutral-200:hover {
        background-color: var(--neutral-200) !important;
        color: #fff !important;
        border-color: var(--neutral-200) !important;
    }

    .btn-outline-neutral-200:active, .btn-outline-neutral-200:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-300 {
    background-color: transparent !important;
    color: var(--neutral-300) !important;
    border-color: var(--neutral-300) !important;
}

    .btn-outline-neutral-300:hover {
        background-color: var(--neutral-300) !important;
        color: #fff !important;
        border-color: var(--neutral-300) !important;
    }

    .btn-outline-neutral-300:active, .btn-outline-neutral-300:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-400 {
    background-color: transparent !important;
    color: var(--neutral-400) !important;
    border-color: var(--neutral-400) !important;
}

    .btn-outline-neutral-400:hover {
        background-color: var(--neutral-400) !important;
        color: #fff !important;
        border-color: var(--neutral-400) !important;
    }

    .btn-outline-neutral-400:active, .btn-outline-neutral-400:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-500 {
    background-color: transparent !important;
    color: var(--neutral-500) !important;
    border-color: var(--neutral-500) !important;
}

    .btn-outline-neutral-500:hover {
        background-color: var(--neutral-500) !important;
        color: #fff !important;
        border-color: var(--neutral-500) !important;
    }

    .btn-outline-neutral-500:active, .btn-outline-neutral-500:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-600 {
    background-color: transparent !important;
    color: var(--neutral-600) !important;
    border-color: var(--neutral-600) !important;
}

    .btn-outline-neutral-600:hover {
        background-color: var(--neutral-600) !important;
        color: #fff !important;
        border-color: var(--neutral-600) !important;
    }

    .btn-outline-neutral-600:active, .btn-outline-neutral-600:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-700 {
    background-color: transparent !important;
    color: var(--neutral-700) !important;
    border-color: var(--neutral-700) !important;
}

    .btn-outline-neutral-700:hover {
        background-color: var(--neutral-700) !important;
        color: #fff !important;
        border-color: var(--neutral-700) !important;
    }

    .btn-outline-neutral-700:active, .btn-outline-neutral-700:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-800 {
    background-color: transparent !important;
    color: var(--neutral-800) !important;
    border-color: var(--neutral-800) !important;
}

    .btn-outline-neutral-800:hover {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

    .btn-outline-neutral-800:active, .btn-outline-neutral-800:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-neutral-900 {
    background-color: transparent !important;
    color: var(--neutral-900) !important;
    border-color: var(--neutral-900) !important;
}

    .btn-outline-neutral-900:hover {
        background-color: var(--neutral-900) !important;
        color: #fff !important;
        border-color: var(--neutral-900) !important;
    }

    .btn-outline-neutral-900:active, .btn-outline-neutral-900:focus {
        background-color: var(--neutral-800) !important;
        color: #fff !important;
        border-color: var(--neutral-800) !important;
    }

.btn-outline-danger-50 {
    background-color: transparent !important;
    color: var(--danger-50) !important;
    border-color: var(--danger-50) !important;
}

    .btn-outline-danger-50:hover {
        background-color: var(--danger-50) !important;
        color: #fff !important;
        border-color: var(--danger-50) !important;
    }

    .btn-outline-danger-50:active, .btn-outline-danger-50:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-100 {
    background-color: transparent !important;
    color: var(--danger-100) !important;
    border-color: var(--danger-100) !important;
}

    .btn-outline-danger-100:hover {
        background-color: var(--danger-100) !important;
        color: #fff !important;
        border-color: var(--danger-100) !important;
    }

    .btn-outline-danger-100:active, .btn-outline-danger-100:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-200 {
    background-color: transparent !important;
    color: var(--danger-200) !important;
    border-color: var(--danger-200) !important;
}

    .btn-outline-danger-200:hover {
        background-color: var(--danger-200) !important;
        color: #fff !important;
        border-color: var(--danger-200) !important;
    }

    .btn-outline-danger-200:active, .btn-outline-danger-200:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-300 {
    background-color: transparent !important;
    color: var(--danger-300) !important;
    border-color: var(--danger-300) !important;
}

    .btn-outline-danger-300:hover {
        background-color: var(--danger-300) !important;
        color: #fff !important;
        border-color: var(--danger-300) !important;
    }

    .btn-outline-danger-300:active, .btn-outline-danger-300:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-400 {
    background-color: transparent !important;
    color: var(--danger-400) !important;
    border-color: var(--danger-400) !important;
}

    .btn-outline-danger-400:hover {
        background-color: var(--danger-400) !important;
        color: #fff !important;
        border-color: var(--danger-400) !important;
    }

    .btn-outline-danger-400:active, .btn-outline-danger-400:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-500 {
    background-color: transparent !important;
    color: var(--danger-500) !important;
    border-color: var(--danger-500) !important;
}

    .btn-outline-danger-500:hover {
        background-color: var(--danger-500) !important;
        color: #fff !important;
        border-color: var(--danger-500) !important;
    }

    .btn-outline-danger-500:active, .btn-outline-danger-500:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-600 {
    background-color: transparent !important;
    color: var(--danger-600) !important;
    border-color: var(--danger-600) !important;
}

    .btn-outline-danger-600:hover {
        background-color: var(--danger-600) !important;
        color: #fff !important;
        border-color: var(--danger-600) !important;
    }

    .btn-outline-danger-600:active, .btn-outline-danger-600:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-700 {
    background-color: transparent !important;
    color: var(--danger-700) !important;
    border-color: var(--danger-700) !important;
}

    .btn-outline-danger-700:hover {
        background-color: var(--danger-700) !important;
        color: #fff !important;
        border-color: var(--danger-700) !important;
    }

    .btn-outline-danger-700:active, .btn-outline-danger-700:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-800 {
    background-color: transparent !important;
    color: var(--danger-800) !important;
    border-color: var(--danger-800) !important;
}

    .btn-outline-danger-800:hover {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

    .btn-outline-danger-800:active, .btn-outline-danger-800:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-danger-900 {
    background-color: transparent !important;
    color: var(--danger-900) !important;
    border-color: var(--danger-900) !important;
}

    .btn-outline-danger-900:hover {
        background-color: var(--danger-900) !important;
        color: #fff !important;
        border-color: var(--danger-900) !important;
    }

    .btn-outline-danger-900:active, .btn-outline-danger-900:focus {
        background-color: var(--danger-800) !important;
        color: #fff !important;
        border-color: var(--danger-800) !important;
    }

.btn-outline-success-50 {
    background-color: transparent !important;
    color: var(--success-50) !important;
    border-color: var(--success-50) !important;
}

    .btn-outline-success-50:hover {
        background-color: var(--success-50) !important;
        color: #fff !important;
        border-color: var(--success-50) !important;
    }

    .btn-outline-success-50:active, .btn-outline-success-50:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-100 {
    background-color: transparent !important;
    color: var(--success-100) !important;
    border-color: var(--success-100) !important;
}

    .btn-outline-success-100:hover {
        background-color: var(--success-100) !important;
        color: #fff !important;
        border-color: var(--success-100) !important;
    }

    .btn-outline-success-100:active, .btn-outline-success-100:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-200 {
    background-color: transparent !important;
    color: var(--success-200) !important;
    border-color: var(--success-200) !important;
}

    .btn-outline-success-200:hover {
        background-color: var(--success-200) !important;
        color: #fff !important;
        border-color: var(--success-200) !important;
    }

    .btn-outline-success-200:active, .btn-outline-success-200:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-300 {
    background-color: transparent !important;
    color: var(--success-300) !important;
    border-color: var(--success-300) !important;
}

    .btn-outline-success-300:hover {
        background-color: var(--success-300) !important;
        color: #fff !important;
        border-color: var(--success-300) !important;
    }

    .btn-outline-success-300:active, .btn-outline-success-300:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-400 {
    background-color: transparent !important;
    color: var(--success-400) !important;
    border-color: var(--success-400) !important;
}

    .btn-outline-success-400:hover {
        background-color: var(--success-400) !important;
        color: #fff !important;
        border-color: var(--success-400) !important;
    }

    .btn-outline-success-400:active, .btn-outline-success-400:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-500 {
    background-color: transparent !important;
    color: var(--success-500) !important;
    border-color: var(--success-500) !important;
}

    .btn-outline-success-500:hover {
        background-color: var(--success-500) !important;
        color: #fff !important;
        border-color: var(--success-500) !important;
    }

    .btn-outline-success-500:active, .btn-outline-success-500:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-600 {
    background-color: transparent !important;
    color: var(--success-600) !important;
    border-color: var(--success-600) !important;
}

    .btn-outline-success-600:hover {
        background-color: var(--success-600) !important;
        color: #fff !important;
        border-color: var(--success-600) !important;
    }

    .btn-outline-success-600:active, .btn-outline-success-600:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-700 {
    background-color: transparent !important;
    color: var(--success-700) !important;
    border-color: var(--success-700) !important;
}

    .btn-outline-success-700:hover {
        background-color: var(--success-700) !important;
        color: #fff !important;
        border-color: var(--success-700) !important;
    }

    .btn-outline-success-700:active, .btn-outline-success-700:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-800 {
    background-color: transparent !important;
    color: var(--success-800) !important;
    border-color: var(--success-800) !important;
}

    .btn-outline-success-800:hover {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

    .btn-outline-success-800:active, .btn-outline-success-800:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-success-900 {
    background-color: transparent !important;
    color: var(--success-900) !important;
    border-color: var(--success-900) !important;
}

    .btn-outline-success-900:hover {
        background-color: var(--success-900) !important;
        color: #fff !important;
        border-color: var(--success-900) !important;
    }

    .btn-outline-success-900:active, .btn-outline-success-900:focus {
        background-color: var(--success-800) !important;
        color: #fff !important;
        border-color: var(--success-800) !important;
    }

.btn-outline-warning-50 {
    background-color: transparent !important;
    color: var(--warning-50) !important;
    border-color: var(--warning-50) !important;
}

    .btn-outline-warning-50:hover {
        background-color: var(--warning-50) !important;
        color: #fff !important;
        border-color: var(--warning-50) !important;
    }

    .btn-outline-warning-50:active, .btn-outline-warning-50:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-100 {
    background-color: transparent !important;
    color: var(--warning-100) !important;
    border-color: var(--warning-100) !important;
}

    .btn-outline-warning-100:hover {
        background-color: var(--warning-100) !important;
        color: #fff !important;
        border-color: var(--warning-100) !important;
    }

    .btn-outline-warning-100:active, .btn-outline-warning-100:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-200 {
    background-color: transparent !important;
    color: var(--warning-200) !important;
    border-color: var(--warning-200) !important;
}

    .btn-outline-warning-200:hover {
        background-color: var(--warning-200) !important;
        color: #fff !important;
        border-color: var(--warning-200) !important;
    }

    .btn-outline-warning-200:active, .btn-outline-warning-200:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-300 {
    background-color: transparent !important;
    color: var(--warning-300) !important;
    border-color: var(--warning-300) !important;
}

    .btn-outline-warning-300:hover {
        background-color: var(--warning-300) !important;
        color: #fff !important;
        border-color: var(--warning-300) !important;
    }

    .btn-outline-warning-300:active, .btn-outline-warning-300:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-400 {
    background-color: transparent !important;
    color: var(--warning-400) !important;
    border-color: var(--warning-400) !important;
}

    .btn-outline-warning-400:hover {
        background-color: var(--warning-400) !important;
        color: #fff !important;
        border-color: var(--warning-400) !important;
    }

    .btn-outline-warning-400:active, .btn-outline-warning-400:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-500 {
    background-color: transparent !important;
    color: var(--warning-500) !important;
    border-color: var(--warning-500) !important;
}

    .btn-outline-warning-500:hover {
        background-color: var(--warning-500) !important;
        color: #fff !important;
        border-color: var(--warning-500) !important;
    }

    .btn-outline-warning-500:active, .btn-outline-warning-500:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-600 {
    background-color: transparent !important;
    color: var(--warning-600) !important;
    border-color: var(--warning-600) !important;
}

    .btn-outline-warning-600:hover {
        background-color: var(--warning-600) !important;
        color: #fff !important;
        border-color: var(--warning-600) !important;
    }

    .btn-outline-warning-600:active, .btn-outline-warning-600:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-700 {
    background-color: transparent !important;
    color: var(--warning-700) !important;
    border-color: var(--warning-700) !important;
}

    .btn-outline-warning-700:hover {
        background-color: var(--warning-700) !important;
        color: #fff !important;
        border-color: var(--warning-700) !important;
    }

    .btn-outline-warning-700:active, .btn-outline-warning-700:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-800 {
    background-color: transparent !important;
    color: var(--warning-800) !important;
    border-color: var(--warning-800) !important;
}

    .btn-outline-warning-800:hover {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

    .btn-outline-warning-800:active, .btn-outline-warning-800:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-warning-900 {
    background-color: transparent !important;
    color: var(--warning-900) !important;
    border-color: var(--warning-900) !important;
}

    .btn-outline-warning-900:hover {
        background-color: var(--warning-900) !important;
        color: #fff !important;
        border-color: var(--warning-900) !important;
    }

    .btn-outline-warning-900:active, .btn-outline-warning-900:focus {
        background-color: var(--warning-800) !important;
        color: #fff !important;
        border-color: var(--warning-800) !important;
    }

.btn-outline-info-50 {
    background-color: transparent !important;
    color: var(--info-50) !important;
    border-color: var(--info-50) !important;
}

    .btn-outline-info-50:hover {
        background-color: var(--info-50) !important;
        color: #fff !important;
        border-color: var(--info-50) !important;
    }

    .btn-outline-info-50:active, .btn-outline-info-50:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-100 {
    background-color: transparent !important;
    color: var(--info-100) !important;
    border-color: var(--info-100) !important;
}

    .btn-outline-info-100:hover {
        background-color: var(--info-100) !important;
        color: #fff !important;
        border-color: var(--info-100) !important;
    }

    .btn-outline-info-100:active, .btn-outline-info-100:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-200 {
    background-color: transparent !important;
    color: var(--info-200) !important;
    border-color: var(--info-200) !important;
}

    .btn-outline-info-200:hover {
        background-color: var(--info-200) !important;
        color: #fff !important;
        border-color: var(--info-200) !important;
    }

    .btn-outline-info-200:active, .btn-outline-info-200:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-300 {
    background-color: transparent !important;
    color: var(--info-300) !important;
    border-color: var(--info-300) !important;
}

    .btn-outline-info-300:hover {
        background-color: var(--info-300) !important;
        color: #fff !important;
        border-color: var(--info-300) !important;
    }

    .btn-outline-info-300:active, .btn-outline-info-300:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-400 {
    background-color: transparent !important;
    color: var(--info-400) !important;
    border-color: var(--info-400) !important;
}

    .btn-outline-info-400:hover {
        background-color: var(--info-400) !important;
        color: #fff !important;
        border-color: var(--info-400) !important;
    }

    .btn-outline-info-400:active, .btn-outline-info-400:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-500 {
    background-color: transparent !important;
    color: var(--info-500) !important;
    border-color: var(--info-500) !important;
}

    .btn-outline-info-500:hover {
        background-color: var(--info-500) !important;
        color: #fff !important;
        border-color: var(--info-500) !important;
    }

    .btn-outline-info-500:active, .btn-outline-info-500:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-600 {
    background-color: transparent !important;
    color: var(--info-600) !important;
    border-color: var(--info-600) !important;
}

    .btn-outline-info-600:hover {
        background-color: var(--info-600) !important;
        color: #fff !important;
        border-color: var(--info-600) !important;
    }

    .btn-outline-info-600:active, .btn-outline-info-600:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-700 {
    background-color: transparent !important;
    color: var(--info-700) !important;
    border-color: var(--info-700) !important;
}

    .btn-outline-info-700:hover {
        background-color: var(--info-700) !important;
        color: #fff !important;
        border-color: var(--info-700) !important;
    }

    .btn-outline-info-700:active, .btn-outline-info-700:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-800 {
    background-color: transparent !important;
    color: var(--info-800) !important;
    border-color: var(--info-800) !important;
}

    .btn-outline-info-800:hover {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

    .btn-outline-info-800:active, .btn-outline-info-800:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-info-900 {
    background-color: transparent !important;
    color: var(--info-900) !important;
    border-color: var(--info-900) !important;
}

    .btn-outline-info-900:hover {
        background-color: var(--info-900) !important;
        color: #fff !important;
        border-color: var(--info-900) !important;
    }

    .btn-outline-info-900:active, .btn-outline-info-900:focus {
        background-color: var(--info-800) !important;
        color: #fff !important;
        border-color: var(--info-800) !important;
    }

.btn-outline-cyan-50 {
    background-color: transparent !important;
    color: var(--cyan-50) !important;
    border-color: var(--cyan-50) !important;
}

    .btn-outline-cyan-50:hover {
        background-color: var(--cyan-50) !important;
        color: #fff !important;
        border-color: var(--cyan-50) !important;
    }

    .btn-outline-cyan-50:active, .btn-outline-cyan-50:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-100 {
    background-color: transparent !important;
    color: var(--cyan-100) !important;
    border-color: var(--cyan-100) !important;
}

    .btn-outline-cyan-100:hover {
        background-color: var(--cyan-100) !important;
        color: #fff !important;
        border-color: var(--cyan-100) !important;
    }

    .btn-outline-cyan-100:active, .btn-outline-cyan-100:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-200 {
    background-color: transparent !important;
    color: var(--cyan-200) !important;
    border-color: var(--cyan-200) !important;
}

    .btn-outline-cyan-200:hover {
        background-color: var(--cyan-200) !important;
        color: #fff !important;
        border-color: var(--cyan-200) !important;
    }

    .btn-outline-cyan-200:active, .btn-outline-cyan-200:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-300 {
    background-color: transparent !important;
    color: var(--cyan-300) !important;
    border-color: var(--cyan-300) !important;
}

    .btn-outline-cyan-300:hover {
        background-color: var(--cyan-300) !important;
        color: #fff !important;
        border-color: var(--cyan-300) !important;
    }

    .btn-outline-cyan-300:active, .btn-outline-cyan-300:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-400 {
    background-color: transparent !important;
    color: var(--cyan-400) !important;
    border-color: var(--cyan-400) !important;
}

    .btn-outline-cyan-400:hover {
        background-color: var(--cyan-400) !important;
        color: #fff !important;
        border-color: var(--cyan-400) !important;
    }

    .btn-outline-cyan-400:active, .btn-outline-cyan-400:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-500 {
    background-color: transparent !important;
    color: var(--cyan-500) !important;
    border-color: var(--cyan-500) !important;
}

    .btn-outline-cyan-500:hover {
        background-color: var(--cyan-500) !important;
        color: #fff !important;
        border-color: var(--cyan-500) !important;
    }

    .btn-outline-cyan-500:active, .btn-outline-cyan-500:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-600 {
    background-color: transparent !important;
    color: var(--cyan-600) !important;
    border-color: var(--cyan-600) !important;
}

    .btn-outline-cyan-600:hover {
        background-color: var(--cyan-600) !important;
        color: #fff !important;
        border-color: var(--cyan-600) !important;
    }

    .btn-outline-cyan-600:active, .btn-outline-cyan-600:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-700 {
    background-color: transparent !important;
    color: var(--cyan-700) !important;
    border-color: var(--cyan-700) !important;
}

    .btn-outline-cyan-700:hover {
        background-color: var(--cyan-700) !important;
        color: #fff !important;
        border-color: var(--cyan-700) !important;
    }

    .btn-outline-cyan-700:active, .btn-outline-cyan-700:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-800 {
    background-color: transparent !important;
    color: var(--cyan-800) !important;
    border-color: var(--cyan-800) !important;
}

    .btn-outline-cyan-800:hover {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

    .btn-outline-cyan-800:active, .btn-outline-cyan-800:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-cyan-900 {
    background-color: transparent !important;
    color: var(--cyan-900) !important;
    border-color: var(--cyan-900) !important;
}

    .btn-outline-cyan-900:hover {
        background-color: var(--cyan-900) !important;
        color: #fff !important;
        border-color: var(--cyan-900) !important;
    }

    .btn-outline-cyan-900:active, .btn-outline-cyan-900:focus {
        background-color: var(--cyan-800) !important;
        color: #fff !important;
        border-color: var(--cyan-800) !important;
    }

.btn-outline-dark-1 {
    background-color: transparent !important;
    color: var(--dark-1) !important;
    border-color: var(--dark-1) !important;
}

    .btn-outline-dark-1:hover {
        background-color: var(--dark-1) !important;
        color: #fff !important;
        border-color: var(--dark-1) !important;
    }

    .btn-outline-dark-1:active, .btn-outline-dark-1:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-outline-dark-2 {
    background-color: transparent !important;
    color: var(--dark-2) !important;
    border-color: var(--dark-2) !important;
}

    .btn-outline-dark-2:hover {
        background-color: var(--dark-2) !important;
        color: #fff !important;
        border-color: var(--dark-2) !important;
    }

    .btn-outline-dark-2:active, .btn-outline-dark-2:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-outline-dark-3 {
    background-color: transparent !important;
    color: var(--dark-3) !important;
    border-color: var(--dark-3) !important;
}

    .btn-outline-dark-3:hover {
        background-color: var(--dark-3) !important;
        color: #fff !important;
        border-color: var(--dark-3) !important;
    }

    .btn-outline-dark-3:active, .btn-outline-dark-3:focus {
        background-color: var(--dark-800) !important;
        color: #fff !important;
        border-color: var(--dark-800) !important;
    }

.btn-outline-lilac-50 {
    background-color: transparent !important;
    color: var(--lilac-50) !important;
    border-color: var(--lilac-50) !important;
}

    .btn-outline-lilac-50:hover {
        background-color: var(--lilac-50) !important;
        color: #fff !important;
        border-color: var(--lilac-50) !important;
    }

    .btn-outline-lilac-50:active, .btn-outline-lilac-50:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-100 {
    background-color: transparent !important;
    color: var(--lilac-100) !important;
    border-color: var(--lilac-100) !important;
}

    .btn-outline-lilac-100:hover {
        background-color: var(--lilac-100) !important;
        color: #fff !important;
        border-color: var(--lilac-100) !important;
    }

    .btn-outline-lilac-100:active, .btn-outline-lilac-100:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-200 {
    background-color: transparent !important;
    color: var(--lilac-200) !important;
    border-color: var(--lilac-200) !important;
}

    .btn-outline-lilac-200:hover {
        background-color: var(--lilac-200) !important;
        color: #fff !important;
        border-color: var(--lilac-200) !important;
    }

    .btn-outline-lilac-200:active, .btn-outline-lilac-200:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-300 {
    background-color: transparent !important;
    color: var(--lilac-300) !important;
    border-color: var(--lilac-300) !important;
}

    .btn-outline-lilac-300:hover {
        background-color: var(--lilac-300) !important;
        color: #fff !important;
        border-color: var(--lilac-300) !important;
    }

    .btn-outline-lilac-300:active, .btn-outline-lilac-300:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-400 {
    background-color: transparent !important;
    color: var(--lilac-400) !important;
    border-color: var(--lilac-400) !important;
}

    .btn-outline-lilac-400:hover {
        background-color: var(--lilac-400) !important;
        color: #fff !important;
        border-color: var(--lilac-400) !important;
    }

    .btn-outline-lilac-400:active, .btn-outline-lilac-400:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-500 {
    background-color: transparent !important;
    color: var(--lilac-500) !important;
    border-color: var(--lilac-500) !important;
}

    .btn-outline-lilac-500:hover {
        background-color: var(--lilac-500) !important;
        color: #fff !important;
        border-color: var(--lilac-500) !important;
    }

    .btn-outline-lilac-500:active, .btn-outline-lilac-500:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-600 {
    background-color: transparent !important;
    color: var(--lilac-600) !important;
    border-color: var(--lilac-600) !important;
}

    .btn-outline-lilac-600:hover {
        background-color: var(--lilac-600) !important;
        color: #fff !important;
        border-color: var(--lilac-600) !important;
    }

    .btn-outline-lilac-600:active, .btn-outline-lilac-600:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-700 {
    background-color: transparent !important;
    color: var(--lilac-700) !important;
    border-color: var(--lilac-700) !important;
}

    .btn-outline-lilac-700:hover {
        background-color: var(--lilac-700) !important;
        color: #fff !important;
        border-color: var(--lilac-700) !important;
    }

    .btn-outline-lilac-700:active, .btn-outline-lilac-700:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-lilac-800 {
    background-color: transparent !important;
    color: var(--lilac-800) !important;
    border-color: var(--lilac-800) !important;
}

    .btn-outline-lilac-800:hover {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

    .btn-outline-lilac-800:active, .btn-outline-lilac-800:focus {
        background-color: var(--lilac-800) !important;
        color: #fff !important;
        border-color: var(--lilac-800) !important;
    }

.btn-outline-light-50 {
    background-color: transparent !important;
    color: var(--light-50) !important;
    border-color: var(--light-50) !important;
}

    .btn-outline-light-50:hover {
        background-color: var(--light-50) !important;
        color: #fff !important;
        border-color: var(--light-50) !important;
    }

    .btn-outline-light-50:active, .btn-outline-light-50:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-100 {
    background-color: transparent !important;
    color: var(--light-100) !important;
    border-color: var(--light-100) !important;
}

    .btn-outline-light-100:hover {
        background-color: var(--light-100) !important;
        color: #fff !important;
        border-color: var(--light-100) !important;
    }

    .btn-outline-light-100:active, .btn-outline-light-100:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-600 {
    background-color: transparent !important;
    color: var(--light-600) !important;
    border-color: var(--light-600) !important;
}

    .btn-outline-light-600:hover {
        background-color: var(--light-600) !important;
        color: #fff !important;
        border-color: var(--light-600) !important;
    }

    .btn-outline-light-600:active, .btn-outline-light-600:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-700 {
    background-color: transparent !important;
    color: var(--light-700) !important;
    border-color: var(--light-700) !important;
}

    .btn-outline-light-700:hover {
        background-color: var(--light-700) !important;
        color: #fff !important;
        border-color: var(--light-700) !important;
    }

    .btn-outline-light-700:active, .btn-outline-light-700:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.btn-outline-light-800 {
    background-color: transparent !important;
    color: var(--light-800) !important;
    border-color: var(--light-800) !important;
}

    .btn-outline-light-800:hover {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

    .btn-outline-light-800:active, .btn-outline-light-800:focus {
        background-color: var(--light-800) !important;
        color: #fff !important;
        border-color: var(--light-800) !important;
    }

.rounded-pill {
    border-radius: var(--bs-border-radius-pill) !important
}

/* === buttons css end === */
.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fs-7 {
    font-size: 0.85rem !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.left-column {
    width: 70%;
    float: left;
}

.right-column {
    width: 30%;
    float: left;
}

.card {
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
}

.table-summary {
    width: 100%;
    border-collapse: collapse;
}

    .table-summary th, .table-summary td {
        border: 1px solid #ddd;
        padding: 8px;
    }

    .table-summary th {
        background-color: #fff !important;
        color: #333 !important;
        font-size: 15px;
        font-weight: bold;
    }

.badgeView {
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.75em;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    float: right;
    border-radius: 5px;
}

.d-block {
    display: block !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}