/* 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 '-'
(3705,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(3709,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(3713,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(3717,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(3721,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(3725,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(3729,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(3733,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(3737,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(3741,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(3745,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(3749,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(3753,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(3757,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(3761,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(3765,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(3769,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(3773,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(3777,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(3781,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(3785,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(3789,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(3793,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(3797,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(3801,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(3805,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(3809,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(3813,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(3817,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(3821,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(3825,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(3829,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(3833,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(3837,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(3841,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(3845,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(3849,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(3853,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(3857,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(3861,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(3865,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(3869,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(3873,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(3877,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(3881,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(3885,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(3889,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(3893,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(3897,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(3901,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(3905,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(3909,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(3913,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(3917,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(3921,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(3925,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(3929,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(3933,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(3937,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(3941,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(3945,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(3949,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(3953,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(3957,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(3961,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(3965,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(3969,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(3973,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(3977,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(3981,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(3985,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(3989,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(3993,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(3997,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4001,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4005,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4009,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4013,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4017,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4021,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4025,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4029,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4033,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4037,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4041,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4045,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4049,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4053,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(4057,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(4061,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(4065,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(4069,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(4073,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(4077,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4081,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(4085,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(4089,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(4093,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4097,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4101,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(4105,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4109,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(4113,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(4117,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4121,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(4125,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4129,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4133,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(4137,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(4141,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(4145,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(4149,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(4153,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(4157,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(4161,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(4165,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(4169,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(4173,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(4177,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(4181,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(4185,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(4189,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(4193,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(4197,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(4201,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(4205,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(4209,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(4213,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(4217,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(4221,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(4225,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(4229,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(4233,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(4237,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(4241,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(4245,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(4249,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(4253,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(4257,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(4261,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(4265,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(4269,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(4273,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(4277,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(4281,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(4285,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(4289,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(4293,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(4297,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(4301,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(4305,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(4309,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(4313,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(4317,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(4321,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(4325,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(4329,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(4333,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(4337,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(4341,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(4345,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4349,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4353,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4357,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4361,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4365,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4369,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4373,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4377,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4381,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4385,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4389,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4393,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4397,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4401,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4405,17): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(4409,17): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(4413,17): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(4417,17): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(4421,17): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(4425,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4429,17): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(4433,17): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(4437,17): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(4441,17): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(4445,17): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(4449,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4453,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(4457,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(4461,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(4465,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(4469,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(4473,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4477,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(4481,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(4485,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(4489,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(4493,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(4497,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(4501,17): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(4505,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(4509,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(4513,17): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(4517,17): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(4521,17): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(4525,17): run-time error CSS1039: Token not allowed after unary operator: '-text-primary-light'
(4529,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-light'
(4533,17): run-time error CSS1039: Token not allowed after unary operator: '-text-secondary-dark'
(4537,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(4541,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(4545,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4549,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4553,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4557,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4561,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4565,17): run-time error CSS1039: Token not allowed after unary operator: '-base'
(4572,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(4576,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(4580,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(4584,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(4588,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(4592,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(4596,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(4600,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(4604,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(4608,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(4612,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(4616,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(4620,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(4624,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(4628,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(4632,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(4636,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(4640,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(4644,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(4648,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(4652,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(4656,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(4660,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(4664,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(4668,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(4672,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(4676,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(4680,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(4684,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(4688,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(4692,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(4696,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(4700,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(4704,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(4708,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(4712,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(4716,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(4720,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(4724,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(4728,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(4732,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(4736,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(4740,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(4744,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(4748,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(4752,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(4756,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(4760,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(4764,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(4768,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(4772,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(4776,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(4780,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(4784,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(4788,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(4792,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(4796,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(4800,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(4804,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(4808,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(4812,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(4816,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(4820,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(4824,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(4828,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(4832,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(4836,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(4840,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(4844,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(4848,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(4852,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(4856,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(4860,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(4864,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(4868,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(4872,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(4876,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(4880,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(4884,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(4888,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(4892,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(4896,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(4900,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(4904,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(4908,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(4912,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(4916,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(4920,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(4924,28): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(4928,28): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(4932,28): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(4936,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(4940,28): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(4944,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(4948,28): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(4952,28): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(4956,28): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(4960,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(4964,28): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(4968,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(4972,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(4976,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(4980,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(4984,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(4988,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(4992,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(4996,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(5000,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(5004,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(5008,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(5012,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(5016,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(5020,28): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(5024,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(5028,28): run-time error CSS1039: Token not allowed after unary operator: '-red'
(5032,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(5036,28): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(5040,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(5050,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(5060,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(5070,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(5080,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(5090,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(5100,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(5110,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(5120,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(5130,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(5140,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(5150,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(5160,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(5170,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(5180,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(5190,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(5200,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(5210,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(5220,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(5230,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(5240,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(5250,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(5260,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(5270,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(5280,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(5290,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(5300,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(5310,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(5320,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(5330,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(5340,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(5350,32): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(5360,32): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(5370,32): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(5380,32): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(5390,32): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(5400,32): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(5410,32): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(5420,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(5430,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(5440,32): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(5450,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(5460,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(5470,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(5480,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(5490,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(5500,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(5510,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(5520,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(5530,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(5540,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(5550,32): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(5560,32): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(5570,32): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(5580,32): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(5590,32): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(5600,32): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(5610,32): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(5620,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(5630,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(5640,32): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(5650,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(5660,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(5670,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(5680,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(5690,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(5700,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(5710,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(5720,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(5730,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(5740,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(5750,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(5760,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(5770,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(5780,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(5790,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(5800,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(5810,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(5820,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(5830,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(5840,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(5850,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(5860,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(5870,32): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(5880,32): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(5890,32): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(5900,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(5910,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(5920,32): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(5930,32): run-time error CSS1039: Token not allowed after unary operator: '-success-surface'
(5940,32): run-time error CSS1039: Token not allowed after unary operator: '-success-border'
(5950,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(5960,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(5970,32): run-time error CSS1039: Token not allowed after unary operator: '-success-focus'
(5980,32): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(5990,32): run-time error CSS1039: Token not allowed after unary operator: '-info-surface'
(6000,32): run-time error CSS1039: Token not allowed after unary operator: '-info-border'
(6010,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6020,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6030,32): run-time error CSS1039: Token not allowed after unary operator: '-info-focus'
(6040,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6050,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-surface'
(6060,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-border'
(6070,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6080,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6090,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-focus'
(6100,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6110,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-surface'
(6120,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-border'
(6130,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6140,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6150,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-focus'
(6160,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan'
(6170,32): run-time error CSS1039: Token not allowed after unary operator: '-indigo'
(6180,32): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(6190,32): run-time error CSS1039: Token not allowed after unary operator: '-red'
(6200,32): run-time error CSS1039: Token not allowed after unary operator: '-yellow'
(6210,32): run-time error CSS1039: Token not allowed after unary operator: '-orange'
(6220,32): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(6224,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6236,28): run-time error CSS1039: Token not allowed after unary operator: '-white'
(6240,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-light'
(6244,28): run-time error CSS1039: Token not allowed after unary operator: '-yellow-light'
(6248,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-light'
(6252,28): run-time error CSS1039: Token not allowed after unary operator: '-pink-light'
(6392,22): run-time error CSS1039: Token not allowed after unary operator: '-gradients-Colors-gradients-2'
(6484,22): run-time error CSS1039: Token not allowed after unary operator: '-gradients-Colors-gradients-2'
(6729,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6731,24): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6735,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(6737,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6741,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6743,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6747,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6749,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6753,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6755,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6759,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6761,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6765,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6767,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6771,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6773,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6777,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6779,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6783,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6785,24): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6789,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6791,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6795,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6797,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6802,17): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6803,24): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6807,32): run-time error CSS1039: Token not allowed after unary operator: '-success-hover'
(6809,28): run-time error CSS1039: Token not allowed after unary operator: '-success-main'
(6813,32): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6815,28): run-time error CSS1039: Token not allowed after unary operator: '-success-pressed'
(6820,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6821,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6825,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-hover'
(6827,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-main'
(6831,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6833,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-pressed'
(6838,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6839,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6843,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-hover'
(6845,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-main'
(6849,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6851,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-pressed'
(6856,17): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6857,24): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6861,32): run-time error CSS1039: Token not allowed after unary operator: '-info-hover'
(6863,28): run-time error CSS1039: Token not allowed after unary operator: '-info-main'
(6867,32): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6869,28): run-time error CSS1039: Token not allowed after unary operator: '-info-pressed'
(6874,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(6876,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(6880,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6882,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6886,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6888,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6892,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(6894,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(6898,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6900,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6904,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6906,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6910,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(6912,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(6916,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6918,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6922,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6924,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6928,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(6930,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(6934,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6936,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6940,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6942,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6946,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(6948,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(6952,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6954,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6958,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6960,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6964,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(6966,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(6970,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6972,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6976,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6978,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6982,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(6984,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(6988,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6990,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(6994,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(6996,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7000,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7002,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7006,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7008,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7012,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7014,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7018,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7020,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7024,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7026,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7030,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7032,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7036,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(7038,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(7042,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7044,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(7048,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7050,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(7054,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(7056,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(7060,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7062,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7066,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7068,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7072,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(7074,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(7078,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7080,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7084,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7086,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7090,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(7092,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(7096,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7098,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7102,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7104,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7108,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(7110,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(7114,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7116,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7120,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7122,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7126,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(7128,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(7132,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7134,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7138,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7140,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7144,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(7146,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(7150,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7152,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7156,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7158,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7162,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(7164,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(7168,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7170,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7174,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7176,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7180,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7182,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7186,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7188,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7192,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7194,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7198,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7200,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7204,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7206,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7210,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7212,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7216,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(7218,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(7222,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7224,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(7228,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7230,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(7234,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(7236,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(7240,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7242,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7246,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7248,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7252,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(7254,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(7258,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7260,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7264,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7266,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7270,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(7272,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(7276,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7278,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7282,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7284,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7288,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(7290,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(7294,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7296,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7300,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7302,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7306,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(7308,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(7312,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7314,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7318,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7320,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7324,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(7326,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(7330,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7332,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7336,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7338,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7342,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(7344,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(7348,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7350,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7354,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7356,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7360,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7362,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7366,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7368,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7372,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7374,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7378,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7380,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7384,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7386,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7390,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7392,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7396,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(7398,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(7402,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7404,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(7408,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7410,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(7414,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(7416,24): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(7420,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7422,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7426,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7428,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7432,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(7434,24): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(7438,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7440,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7444,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7446,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7450,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(7452,24): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(7456,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7458,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7462,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7464,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7468,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(7470,24): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(7474,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7476,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7480,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7482,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7486,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(7488,24): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(7492,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7494,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7498,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7500,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7504,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(7506,24): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(7510,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7512,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7516,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7518,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7522,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(7524,24): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(7528,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7530,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7534,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7536,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7540,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7542,24): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7546,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7548,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7552,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7554,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7558,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7560,24): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7564,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7566,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7570,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7572,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7576,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(7578,24): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(7582,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7584,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(7588,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7590,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(7594,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(7596,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(7600,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7602,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7606,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7608,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7612,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(7614,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(7618,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7620,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7624,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7626,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7630,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(7632,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(7636,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7638,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7642,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7644,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7648,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(7650,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(7654,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7656,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7660,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7662,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7666,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(7668,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(7672,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7674,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7678,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7680,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7684,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(7686,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(7690,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7692,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7696,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7698,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7702,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(7704,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(7708,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7710,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7714,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7716,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7720,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7722,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7726,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7728,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7732,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7734,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7738,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7740,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7744,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7746,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7750,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7752,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7756,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(7758,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(7762,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7764,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(7768,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7770,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(7774,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(7776,24): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(7780,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7782,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7786,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7788,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7792,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(7794,24): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(7798,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7800,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7804,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7806,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7810,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(7812,24): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(7816,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7818,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7822,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7824,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7828,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(7830,24): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(7834,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7836,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7840,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7842,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7846,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(7848,24): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(7852,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7854,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7858,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7860,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7864,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(7866,24): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(7870,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7872,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7876,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7878,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7882,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(7884,24): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(7888,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7890,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7894,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7896,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7900,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7902,24): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7906,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7908,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7912,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7914,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7918,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7920,24): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7924,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7926,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7930,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7932,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7936,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(7938,24): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(7942,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7944,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(7948,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7950,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(7954,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(7956,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(7960,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7962,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7966,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7968,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7972,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(7974,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(7978,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7980,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7984,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7986,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(7990,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(7992,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(7996,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(7998,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8002,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8004,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8008,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(8010,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(8014,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8016,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8020,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8022,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8026,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(8028,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(8032,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8034,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8038,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8040,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8044,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(8046,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(8050,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8052,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8056,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8058,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8062,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(8064,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(8068,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8070,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8074,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8076,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8080,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8082,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8086,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8088,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8092,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8094,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8098,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8100,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8104,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8106,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8110,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8112,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8116,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(8118,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(8122,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8124,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(8128,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8130,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(8134,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(8136,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(8140,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8142,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8146,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8148,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8152,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(8154,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(8158,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8160,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8164,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8166,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8170,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(8172,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(8176,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8178,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-700'
(8182,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8184,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(8188,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(8190,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(8194,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8196,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8200,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8202,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8206,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(8208,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(8212,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8214,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8218,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8220,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8224,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(8226,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(8230,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8232,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8236,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8238,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8242,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(8244,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(8248,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8250,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8254,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8256,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8260,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(8262,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(8266,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8268,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8272,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8274,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8278,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(8280,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(8284,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8286,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8290,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8292,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8296,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(8298,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(8302,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8304,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8308,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8310,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8314,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8316,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8320,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8322,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8326,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8328,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8332,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8334,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8338,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8340,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(8344,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8346,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(8350,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(8352,24): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(8356,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8358,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8362,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8364,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8368,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(8370,24): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(8374,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8376,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8380,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8382,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8386,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(8388,24): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(8392,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8394,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8398,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8400,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8404,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8406,24): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8410,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8412,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8416,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8418,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8422,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8424,24): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8428,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8430,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(8434,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8436,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(8442,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8443,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8447,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8449,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-50'
(8453,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8455,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8460,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8461,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8465,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8467,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-100'
(8471,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8473,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8478,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8479,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8483,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8485,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-200'
(8489,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8491,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8496,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8497,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8501,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8503,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-300'
(8507,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8509,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8514,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8515,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8519,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8521,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-400'
(8525,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8527,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8532,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8533,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8537,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8539,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-500'
(8543,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8545,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8550,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8551,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8555,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8557,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-600'
(8561,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8563,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8568,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8569,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8573,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8575,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-700'
(8579,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8581,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8586,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8587,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8591,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8593,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8597,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8599,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8604,17): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8605,24): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8609,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8611,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-900'
(8615,32): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8617,28): run-time error CSS1039: Token not allowed after unary operator: '-primary-800'
(8622,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8623,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8627,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8629,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-50'
(8633,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8635,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8640,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8641,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8645,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8647,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-100'
(8651,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8653,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8658,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8659,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8663,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8665,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-200'
(8669,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8671,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8676,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8677,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8681,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8683,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-300'
(8687,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8689,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8694,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8695,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8699,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8701,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-400'
(8705,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8707,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8712,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8713,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8717,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8719,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-500'
(8723,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8725,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8730,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8731,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8735,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8737,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-600'
(8741,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8743,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8748,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8749,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8753,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8755,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-700'
(8759,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8761,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8766,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8767,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8771,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8773,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8777,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8779,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8784,17): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8785,24): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8789,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8791,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-900'
(8795,32): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8797,28): run-time error CSS1039: Token not allowed after unary operator: '-neutral-800'
(8802,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8803,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8807,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8809,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-50'
(8813,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8815,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8820,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8821,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8825,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8827,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-100'
(8831,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8833,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8838,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8839,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8843,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8845,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-200'
(8849,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8851,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8856,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8857,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8861,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8863,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-300'
(8867,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8869,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8874,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8875,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8879,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8881,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-400'
(8885,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8887,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8892,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8893,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8897,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8899,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-500'
(8903,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8905,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8910,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8911,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8915,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8917,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-600'
(8921,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8923,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8928,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8929,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8933,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8935,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-700'
(8939,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8941,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8946,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8947,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8951,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8953,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8957,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8959,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8964,17): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8965,24): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8969,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8971,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-900'
(8975,32): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8977,28): run-time error CSS1039: Token not allowed after unary operator: '-danger-800'
(8982,17): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8983,24): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8987,32): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8989,28): run-time error CSS1039: Token not allowed after unary operator: '-success-50'
(8993,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(8995,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9000,17): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9001,24): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9005,32): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9007,28): run-time error CSS1039: Token not allowed after unary operator: '-success-100'
(9011,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9013,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9018,17): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9019,24): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9023,32): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9025,28): run-time error CSS1039: Token not allowed after unary operator: '-success-200'
(9029,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9031,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9036,17): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9037,24): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9041,32): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9043,28): run-time error CSS1039: Token not allowed after unary operator: '-success-300'
(9047,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9049,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9054,17): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9055,24): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9059,32): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9061,28): run-time error CSS1039: Token not allowed after unary operator: '-success-400'
(9065,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9067,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9072,17): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9073,24): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9077,32): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9079,28): run-time error CSS1039: Token not allowed after unary operator: '-success-500'
(9083,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9085,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9090,17): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9091,24): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9095,32): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9097,28): run-time error CSS1039: Token not allowed after unary operator: '-success-600'
(9101,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9103,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9108,17): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9109,24): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9113,32): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9115,28): run-time error CSS1039: Token not allowed after unary operator: '-success-700'
(9119,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9121,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9126,17): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9127,24): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9131,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9133,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9137,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9139,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9144,17): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9145,24): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9149,32): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9151,28): run-time error CSS1039: Token not allowed after unary operator: '-success-900'
(9155,32): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9157,28): run-time error CSS1039: Token not allowed after unary operator: '-success-800'
(9162,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9163,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9167,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9169,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-50'
(9173,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9175,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9180,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9181,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9185,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9187,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-100'
(9191,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9193,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9198,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9199,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9203,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9205,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-200'
(9209,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9211,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9216,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9217,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9221,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9223,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-300'
(9227,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9229,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9234,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9235,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9239,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9241,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-400'
(9245,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9247,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9252,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9253,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9257,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9259,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-500'
(9263,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9265,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9270,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9271,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9275,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9277,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-600'
(9281,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9283,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9288,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9289,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9293,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9295,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-700'
(9299,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9301,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9306,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9307,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9311,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9313,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9317,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9319,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9324,17): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9325,24): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9329,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9331,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-900'
(9335,32): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9337,28): run-time error CSS1039: Token not allowed after unary operator: '-warning-800'
(9342,17): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9343,24): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9347,32): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9349,28): run-time error CSS1039: Token not allowed after unary operator: '-info-50'
(9353,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9355,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9360,17): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9361,24): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9365,32): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9367,28): run-time error CSS1039: Token not allowed after unary operator: '-info-100'
(9371,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9373,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9378,17): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9379,24): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9383,32): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9385,28): run-time error CSS1039: Token not allowed after unary operator: '-info-200'
(9389,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9391,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9396,17): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9397,24): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9401,32): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9403,28): run-time error CSS1039: Token not allowed after unary operator: '-info-300'
(9407,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9409,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9414,17): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9415,24): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9419,32): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9421,28): run-time error CSS1039: Token not allowed after unary operator: '-info-400'
(9425,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9427,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9432,17): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9433,24): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9437,32): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9439,28): run-time error CSS1039: Token not allowed after unary operator: '-info-500'
(9443,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9445,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9450,17): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9451,24): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9455,32): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9457,28): run-time error CSS1039: Token not allowed after unary operator: '-info-600'
(9461,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9463,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9468,17): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9469,24): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9473,32): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9475,28): run-time error CSS1039: Token not allowed after unary operator: '-info-700'
(9479,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9481,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9486,17): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9487,24): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9491,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9493,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9497,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9499,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9504,17): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9505,24): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9509,32): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9511,28): run-time error CSS1039: Token not allowed after unary operator: '-info-900'
(9515,32): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9517,28): run-time error CSS1039: Token not allowed after unary operator: '-info-800'
(9522,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9523,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9527,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9529,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-50'
(9533,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9535,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9540,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9541,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9545,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9547,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-100'
(9551,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9553,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9558,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9559,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9563,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9565,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-200'
(9569,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9571,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9576,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9577,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9581,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9583,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-300'
(9587,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9589,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9594,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9595,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9599,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9601,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-400'
(9605,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9607,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9612,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9613,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9617,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9619,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-500'
(9623,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9625,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9630,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9631,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9635,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9637,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-600'
(9641,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9643,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9648,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9649,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9653,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9655,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-700'
(9659,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9661,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9666,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9667,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9671,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9673,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9677,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9679,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9684,17): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9685,24): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9689,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9691,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-900'
(9695,32): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9697,28): run-time error CSS1039: Token not allowed after unary operator: '-cyan-800'
(9702,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9703,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9707,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9709,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-1'
(9713,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9715,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9720,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9721,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9725,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9727,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-2'
(9731,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9733,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9738,17): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9739,24): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9743,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9745,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-3'
(9749,32): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9751,28): run-time error CSS1039: Token not allowed after unary operator: '-dark-800'
(9756,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9757,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9761,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9763,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-50'
(9767,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9769,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9774,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9775,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9779,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9781,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-100'
(9785,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9787,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9792,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9793,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9797,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9799,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-200'
(9803,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9805,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9810,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9811,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9815,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9817,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-300'
(9821,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9823,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9828,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9829,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9833,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9835,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-400'
(9839,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9841,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9846,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9847,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9851,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9853,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-500'
(9857,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9859,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9864,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9865,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9869,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9871,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-600'
(9875,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9877,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9882,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9883,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9887,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9889,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-700'
(9893,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9895,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9900,17): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9901,24): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9905,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9907,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9911,32): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9913,28): run-time error CSS1039: Token not allowed after unary operator: '-lilac-800'
(9918,17): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9919,24): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9923,32): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9925,28): run-time error CSS1039: Token not allowed after unary operator: '-light-50'
(9929,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9931,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9936,17): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9937,24): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9941,32): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9943,28): run-time error CSS1039: Token not allowed after unary operator: '-light-100'
(9947,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9949,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9954,17): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9955,24): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9959,32): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9961,28): run-time error CSS1039: Token not allowed after unary operator: '-light-600'
(9965,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9967,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9972,17): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9973,24): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9977,32): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9979,28): run-time error CSS1039: Token not allowed after unary operator: '-light-700'
(9983,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9985,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9990,17): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9991,24): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9995,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(9997,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10001,32): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10003,28): run-time error CSS1039: Token not allowed after unary operator: '-light-800'
(10007,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;
}