/* Minification failed. Returning unminified contents.
(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 '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(36,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(37,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(39,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(41,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(43,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(44,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(50,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(116,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(120,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(129,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(134,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(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 '-'
(290,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(293,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(319,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(321,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(322,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(323,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(324,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(325,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(326,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(327,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(328,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(329,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(330,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(331,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(332,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(333,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(334,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(335,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(336,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(337,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(338,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(339,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(340,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(341,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(342,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(343,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(344,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(345,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(346,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(347,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(348,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(349,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(350,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(351,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(352,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(356,1): run-time error CSS1019: Unexpected token, found '@import'
(356,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap')'
(410,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(411,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(431,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xl'
(432,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xl'
(438,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5xl'
(439,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5xl'
(445,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(446,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h2'
(467,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(468,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h3'
(473,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(474,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h4'
(479,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(480,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(484,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(485,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary-font'
(486,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-label-small'
(489,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(493,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(494,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(498,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(546,27): run-time error CSS1030: Expected identifier, found 'div'
(546,30): run-time error CSS1031: Expected selector, found ')'
(546,30): run-time error CSS1025: Expected comma or open brace, found ')'
(674,15): run-time error CSS1039: Token not allowed after unary operator: '-grid-gutter'
(676,40): run-time error CSS1039: Token not allowed after unary operator: '-grid-columns'
(682,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-20'
(686,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-20'
(690,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-20'
(694,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-lime-20'
(698,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-coral-20'
(702,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(714,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(716,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(725,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(734,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(734,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(734,67): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(734,91): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(738,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(739,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(744,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(748,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(749,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(756,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(757,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(767,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(770,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(771,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(772,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-white-white'
(782,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(794,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(795,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(803,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(812,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(815,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-60'
(821,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-60'
(825,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-100'
(829,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-40'
(833,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-20'
(837,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(838,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-mint-100'
(857,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-lime-60'
(864,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(866,32): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(868,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(880,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(890,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(910,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(915,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(937,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(944,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(951,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(959,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(961,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(962,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(963,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-cool-grey-10'
(978,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(980,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(981,28): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-20'
(982,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-white-white'
(999,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(1003,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(1007,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(1008,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(1022,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(1022,48): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(1022,72): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(1024,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(1025,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(1026,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(1055,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(1056,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(1057,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(1058,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-small'
(1098,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(1099,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(1100,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(1101,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(1114,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(1145,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(1146,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(1167,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(1168,28): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-20'
(1169,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-white-white'
(1184,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(1190,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(1192,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(1196,32): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(1201,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(1251,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(1252,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(1264,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(1273,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(1277,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(1294,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(1305,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-100'
(1306,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h4'
(1315,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(1324,15): run-time error CSS1039: Token not allowed after unary operator: '-Spacing-6xs'
(1330,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(1331,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(1392,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(1393,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-white-white'
(1423,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(1428,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h4'
(1429,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(1446,32): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(1455,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(1485,12): run-time error CSS1030: Expected identifier, found '.'
(1485,44): run-time error CSS1031: Expected selector, found ')'
(1485,44): run-time error CSS1025: Expected comma or open brace, found ')'
(1489,12): run-time error CSS1030: Expected identifier, found '.'
(1489,21): run-time error CSS1031: Expected selector, found ')'
(1489,21): run-time error CSS1025: Expected comma or open brace, found ')'
(1493,12): run-time error CSS1030: Expected identifier, found '.'
(1493,28): run-time error CSS1031: Expected selector, found ')'
(1493,28): run-time error CSS1025: Expected comma or open brace, found ')'
(1497,12): run-time error CSS1030: Expected identifier, found '.'
(1497,44): run-time error CSS1031: Expected selector, found ')'
(1497,44): run-time error CSS1025: Expected comma or open brace, found ')'
(1515,17): run-time error CSS1030: Expected identifier, found '.'
(1515,27): run-time error CSS1031: Expected selector, found ')'
(1515,27): run-time error CSS1025: Expected comma or open brace, found ')'
(1525,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-s'
(1634,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(1660,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(1677,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-20'
(1682,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-20'
(1687,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-40'
(1692,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-20'
(1696,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-100'
(1722,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(1749,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-120'
(1817,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-100'
(1840,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(1844,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(1848,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-100'
(1849,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(1853,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2090,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(2094,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(2095,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(2120,17): run-time error CSS1039: Token not allowed after unary operator: '-btn-icon-color'
(2145,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(2146,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(2150,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2150,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(2151,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(2155,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-5xs'
(2155,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2156,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-s'
(2157,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-small'
(2162,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2163,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(2167,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(2171,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(2172,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(2176,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(2177,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2183,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2184,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(2188,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(2192,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(2193,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(2197,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2199,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2204,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(2205,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(2206,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(2210,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(2211,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(2212,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2216,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(2217,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2218,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(2222,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2224,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2241,17): run-time error CSS1030: Expected identifier, found '.'
(2241,30): run-time error CSS1031: Expected selector, found ')'
(2241,30): run-time error CSS1025: Expected comma or open brace, found ')'
(2326,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(2327,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(2328,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(2369,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(2370,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(2386,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(2393,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-underline-hover'
(2398,22): run-time error CSS1039: Token not allowed after unary operator: '-nav-underline-current'
(2398,51): run-time error CSS1039: Token not allowed after unary operator: '-nav-underline-hover'
(2403,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(2407,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(2411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2412,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2416,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2421,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2422,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2426,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2459,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2468,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2522,20): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(2523,21): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(2534,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-underline-hover'
(2539,26): run-time error CSS1039: Token not allowed after unary operator: '-nav-underline-current'
(2539,55): run-time error CSS1039: Token not allowed after unary operator: '-nav-underline-hover'
(2553,36): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(2558,26): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(2567,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2613,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(2619,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(2625,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2626,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-xlarge'
(2632,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(2633,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(2637,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(2638,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(2645,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2646,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(2652,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(2653,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(2664,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(2675,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(2685,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2686,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h2'
(2692,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(2693,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(2695,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(2697,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(2703,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(2707,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(2713,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(2720,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(2725,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(2740,15): run-time error CSS1030: Expected identifier, found '>'
(2740,29): run-time error CSS1031: Expected selector, found ')'
(2740,29): run-time error CSS1025: Expected comma or open brace, found ')'
(2751,15): run-time error CSS1030: Expected identifier, found '>'
(2751,25): run-time error CSS1031: Expected selector, found ')'
(2751,25): run-time error CSS1025: Expected comma or open brace, found ')'
(2765,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(2766,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(2773,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-coral-100'
(2774,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(2779,28): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-60'
(2780,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(2782,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2782,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(2784,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2788,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(2789,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(2792,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2801,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-coral-100'
(2802,16): run-time error CSS1039: Token not allowed after unary operator: '-font-caption-medium'
(2805,58): run-time error CSS1030: Expected identifier, found ':'
(2805,59): run-time error CSS1030: Expected identifier, found 'not('
(2805,86): run-time error CSS1031: Expected selector, found ')'
(2805,86): run-time error CSS1025: Expected comma or open brace, found ')'
(2814,28): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-40'
(2821,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2826,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(2827,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(2831,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2832,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(2843,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h4'
(2844,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-120'
(2859,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-120'
(2860,16): run-time error CSS1039: Token not allowed after unary operator: '-font-caption-small'
(2865,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2878,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-120'
(2892,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(2893,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(2912,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2929,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2930,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(2965,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2967,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(2968,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(2969,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-05'
(2973,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-small'
(2974,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(2979,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(2980,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(2982,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(2983,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(2994,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(3005,15): run-time error CSS1030: Expected identifier, found '.'
(3005,43): run-time error CSS1031: Expected selector, found ')'
(3005,43): run-time error CSS1025: Expected comma or open brace, found ')'
(3019,18): run-time error CSS1030: Expected identifier, found '.'
(3019,46): run-time error CSS1031: Expected selector, found ')'
(3019,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3029,18): run-time error CSS1030: Expected identifier, found '.'
(3029,46): run-time error CSS1031: Expected selector, found ')'
(3029,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3039,18): run-time error CSS1030: Expected identifier, found '.'
(3039,46): run-time error CSS1031: Expected selector, found ')'
(3039,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3046,18): run-time error CSS1030: Expected identifier, found '.'
(3046,46): run-time error CSS1031: Expected selector, found ')'
(3046,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3053,18): run-time error CSS1030: Expected identifier, found '.'
(3053,46): run-time error CSS1031: Expected selector, found ')'
(3053,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3059,18): run-time error CSS1030: Expected identifier, found '.'
(3059,46): run-time error CSS1031: Expected selector, found ')'
(3059,46): run-time error CSS1025: Expected comma or open brace, found ')'
(3069,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(3176,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-small'
(3232,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(3239,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(3242,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(3243,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(3244,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-white-white'
(3260,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(3268,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(3276,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(3279,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(3281,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(3282,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(3283,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(3284,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h4'
(3296,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(3301,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(3310,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(3315,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(3316,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(3333,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-80'
(3338,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(3356,15): run-time error CSS1030: Expected identifier, found 'div'
(3356,18): run-time error CSS1031: Expected selector, found ')'
(3356,18): run-time error CSS1025: Expected comma or open brace, found ')'
(3384,38): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(3385,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(3393,36): run-time error CSS1030: Expected identifier, found '>'
(3393,53): run-time error CSS1031: Expected selector, found ')'
(3393,53): run-time error CSS1025: Expected comma or open brace, found ')'
(3415,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(3416,16): run-time error CSS1039: Token not allowed after unary operator: '-font-caption-medium'
(3423,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(3424,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(3424,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(3425,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(3429,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(3433,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(3434,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(3437,8): run-time error CSS1030: Expected identifier, found '.'
(3437,20): run-time error CSS1031: Expected selector, found ')'
(3437,20): run-time error CSS1025: Expected comma or open brace, found ')'
(3467,8): run-time error CSS1030: Expected identifier, found '.'
(3467,23): run-time error CSS1031: Expected selector, found ')'
(3467,23): run-time error CSS1025: Expected comma or open brace, found ')'
(3474,8): run-time error CSS1030: Expected identifier, found '.'
(3474,23): run-time error CSS1031: Expected selector, found ')'
(3474,23): run-time error CSS1025: Expected comma or open brace, found ')'
(3497,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(3521,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(3526,32): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(3572,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(3581,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(3582,16): run-time error CSS1039: Token not allowed after unary operator: '-font-caption-medium'
(3626,34): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(3640,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(3641,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(3672,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(3673,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(3674,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(3688,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(3689,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(3700,35): run-time error CSS1030: Expected identifier, found '['
(3700,40): run-time error CSS1031: Expected selector, found '='
(3700,40): run-time error CSS1025: Expected comma or open brace, found '='
(3718,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(3719,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(3729,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(3732,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(3740,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(3749,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(3750,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-small'
(3751,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(3763,20): run-time error CSS1030: Expected identifier, found '.'
(3763,30): run-time error CSS1031: Expected selector, found ')'
(3763,30): run-time error CSS1025: Expected comma or open brace, found ')'
(3775,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-small'
(3779,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-20'
(3783,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(3784,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(3852,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(3882,16): run-time error CSS1039: Token not allowed after unary operator: '-font-h4'
(3892,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(3899,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-100'
(3903,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-coral-100'
(3907,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-coral-100'
(3912,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-100'
(3917,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-120'
(3925,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-100'
(3936,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(3938,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(3939,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(3952,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(3953,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(3961,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(3962,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(3969,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(3985,34): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(3986,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(4009,16): run-time error CSS1039: Token not allowed after unary operator: '-font-caption-medium'
(4010,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(4028,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(4029,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(4030,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(4035,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(4036,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(4041,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(4042,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(4046,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4047,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(4060,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(4122,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(4124,35): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(4125,38): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(4126,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-cool-grey-10'
(4133,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(4134,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(4139,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(4145,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(4146,34): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(4147,37): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(4154,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4167,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(4218,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(4219,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(4234,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(4235,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(4236,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(4241,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(4250,16): run-time error CSS1039: Token not allowed after unary operator: '-font-caption-medium'
(4251,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(4259,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(4260,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(4266,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(4267,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(4271,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(4272,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(4277,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4278,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(4321,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(4322,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-xlarge'
(4323,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(4324,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-100'
(4326,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(4326,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(4328,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(4335,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(4336,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-40'
(4340,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-20'
(4341,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(4345,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-20'
(4408,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(4408,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(4411,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(4413,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(4414,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(4415,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(4416,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(4421,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(4422,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(4427,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4428,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(4432,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-10'
(4436,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-60'
(4437,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(4450,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(4520,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4525,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(4592,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4598,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4603,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4791,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4806,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4807,8): run-time error CSS1035: Expected colon, found '{'
(4843,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(4946,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(4960,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(4961,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4965,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(4966,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(4988,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-lime-100'
(4989,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(4997,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(5001,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-lime-100'
(5005,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-lime-40'
(5006,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(5007,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-xlarge'
(5011,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-lime-20'
(5012,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(5016,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-lime-120'
(5021,32): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(5026,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-3xs'
(5026,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(5028,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(5030,25): run-time error CSS1039: Token not allowed after unary operator: '-radius-m'
(5031,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(5032,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(5033,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-large'
(5041,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(5042,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(5054,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(5095,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(5152,32): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(5199,17): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-120'
(5200,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary-font'
(5201,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-label-small'
(5204,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(5208,17): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-120'
(5209,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-secondary-font'
(5210,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-label-small'
(5213,23): run-time error CSS1039: Token not allowed after unary operator: '-radius-l'
(5341,28): run-time error CSS1039: Token not allowed after unary operator: '-colors-cool-grey-20'
(6098,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(6156,22): run-time error CSS1030: Expected identifier, found '.'
(6156,38): run-time error CSS1031: Expected selector, found ')'
(6156,38): run-time error CSS1025: Expected comma or open brace, found ')'
(6161,22): run-time error CSS1030: Expected identifier, found '.'
(6161,37): run-time error CSS1031: Expected selector, found ')'
(6161,37): run-time error CSS1025: Expected comma or open brace, found ')'
(6234,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-40'
(6244,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-100'
(6246,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family-primary-font'
(6247,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-h4'
(6250,23): run-time error CSS1039: Token not allowed after unary operator: '-font-lineheight-h4'
(6305,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(6309,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing-4xs'
(6309,43): run-time error CSS1039: Token not allowed after unary operator: '-spacing-2xs'
(6310,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(6311,16): run-time error CSS1039: Token not allowed after unary operator: '-font-label-small'
(6325,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-100'
(6326,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(6342,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(6343,33): run-time error CSS1039: Token not allowed after unary operator: '-colors-mint-80'
(6349,33): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-80'
(6350,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-sky-blue-20'
(6373,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(6379,28): run-time error CSS1039: Token not allowed after unary operator: '-colors-cool-grey-10'
(6411,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-40'
(6412,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-white-white'
(6413,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-120'
(6415,16): run-time error CSS1039: Token not allowed after unary operator: '-font-body-small'
(6422,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(6423,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(6428,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(6429,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-80'
(6437,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-10'
(6438,24): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-30'
(6439,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(6458,15): run-time error CSS1039: Token not allowed after unary operator: '-spacing-xs'
(6501,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-05'
(6506,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-10'
(6511,28): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-20'
(6517,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-40'
(6523,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-100'
(6535,28): run-time error CSS1039: Token not allowed after unary operator: '-colors-cool-grey-20'
(6567,22): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-mint-100'
(6583,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
(6591,22): run-time error CSS1039: Token not allowed after unary operator: '-colors-deep-blue-10'
(6618,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(6625,35): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-cool-grey-20'
(6642,17): run-time error CSS1039: Token not allowed after unary operator: '-color-colors-deep-blue-140'
 */
:root {
    /**
    * Font weights
    */

    --font-weight-thin: 100;
    --font-weight-extralight: 200;
    --font-weight-ultralight: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-demibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-ultrabold: 800;
    --font-weight-black: 900;
    --font-weight-heavy: 900;
    /**
      * easing equations
      */

    --ease-linear: cubic-bezier(0.25, 0.25, 0.75, 0.75);
    --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
    --ease-in: cubic-bezier(0.42, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.58, 1);
    --ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    --ease-in-sine: cubic-bezier(0.47, 0, 0.745, 0.715);
    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
    --ease-in-back: cubic-bezier(0.6, -0.28, 0.735, 0.045);
    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
    --ease-out-sine: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
    --ease-out-back: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
    --ease-in-out-sine: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    --ease-in-out-back: cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-custom: cubic-bezier(0.36, 0.89, 0, 1.03);
    /* grid variables */
    --grid-gutter: 1vw;
    --grid-columns: 4;
   

        
}

@media (min-width: 768px) {
    :root {
        --grid-columns: 12;
    }
}

/**
 * Custom media queries for postcss-custom-media
 * These will be available in all CSS files through the importFrom configuration
 */

/*
@custom-media --xxs (min-width: 320px);
@custom-media --xs (min-width: 480px);
@custom-media --sm (min-width: 768px);
@custom-media --md (min-width: 1141px);
@custom-media --lg (min-width: 1325px);
@custom-media --xl (min-width: 1360px);
@custom-media --xxl (min-width: 1440px);
@custom-media --xxxl (min-width: 1599px);

@custom-media --xxs-down (max-width: 319px);
@custom-media --xs-down (max-width: 479px);
@custom-media --sm-down (max-width: 767px);
@custom-media --md-down (max-width: 1140px);
@custom-media --lg-down (max-width: 1324px);
@custom-media --xl-down (max-width: 1359px);
@custom-media --xxl-down (max-width: 1439px);
@custom-media --xxxl-down (max-width: 1598px);

@custom-media --xs-only (min-width: 320px) and (max-width: 479px);
@custom-media --sm-only (min-width: 480px) and (max-width: 767px);
@custom-media --md-only (min-width: 768px) and (max-width: 1140px);
@custom-media --lg-only (min-width: 1141px) and (max-width: 1324px);
@custom-media --xl-only (min-width: 1325px) and (max-width: 1359px);
@custom-media --xxl-only (min-width: 1360px) and (max-width: 1439px);
@custom-media --xxxl-only (min-width: 1440px) and (max-width: 1598px);
*/
/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
    --color-colors-cool-grey-10: #f3f4f7;
    --color-colors-cool-grey-20: #eaebf1;
    --color-colors-cool-grey-40: #d5d7e4;
    --color-colors-cool-grey-60: #bfc2d6;
    --color-colors-cool-grey-80: #aaaec9;
    --color-colors-cool-grey-100: #959abb;
    --color-colors-cool-grey-120: #757aa2;
    --color-colors-deep-blue-10: #e8eaef;
    --color-colors-deep-blue-20: #d1d6e0;
    --color-colors-deep-blue-40: #a3adc1;
    --color-colors-deep-blue-60: #7484a2;
    --color-colors-deep-blue-80: #465b83;
    --color-colors-deep-blue-100: #183264;
    --color-colors-deep-blue-120: #132850;
    --color-colors-deep-blue-140: #0e1e3c;
    --color-colors-deep-blue-05: #f3f5f7;
    --color-colors-soft-orange-20: #feefdd;
    --color-colors-soft-orange-40: #fee0bb;
    --color-colors-soft-orange-60: #fdd09a;
    --color-colors-soft-orange-80: #fdc178;
    --color-colors-soft-orange-100: #fcb156;
    --color-colors-soft-orange-120: #ea9021;
    --color-colors-soft-orange-140: #472904;
    --color-colors-sky-blue-20: #d5e8f5;
    --color-colors-sky-blue-40: #aad1eb;
    --color-colors-sky-blue-60: #80b9e0;
    --color-colors-sky-blue-80: #55a2d6;
    --color-colors-sky-blue-100: #2b8bcc;
    --color-colors-sky-blue-120: #226fa3;
    --color-colors-mint-20: #e1f3f2;
    --color-colors-mint-40: #c3e7e5;
    --color-colors-mint-60: #a6dad9;
    --color-colors-mint-80: #88cecc;
    --color-colors-mint-100: #6ac2bf;
    --color-colors-mint-120: #559b99;
    --color-colors-coral-20: #fbe1e0;
    --color-colors-coral-40: #f8c4c1;
    --color-colors-coral-60: #f4a6a2;
    --color-colors-coral-80: #f18983;
    --color-colors-coral-100: #ed6b64;
    --color-colors-coral-120: #be5650;
    --color-colors-lime-20: #e8f2d3;
    --color-colors-lime-40: #d0e5a7;
    --color-colors-lime-60: #b9d77c;
    --color-colors-lime-80: #a1ca50;
    --color-colors-lime-100: #8abd24;
    --color-colors-lime-120: #6e971d;
    --color-colors-white-white: #ffffff;
    --font-family-primary-font: "Figtree", sans-serif;
    --font-family-secondary-font: 'HelveticaNeueWeb', Arial, sans-serif;
    --font-style-h1: 600;
    --font-style-h2: 600;
    --font-style-h3: 600;
    --font-style-h4: 600;
    --font-style-h5: 600;
    --font-style-h6: 600;
    --font-style-body-large: 400;
    --font-style-body-small: 400;
    --font-style-label-xlarge: 500;
    --font-style-label-large: 500;
    --font-style-label-small: 500;
    --font-style-caption-bold: 700;
    --font-style-caption-medium: 500;
    --font-style-caption-small: 500;
    --font-style-quote: 400;
    --font-size-h1: 40px;
    --font-size-h2: 32px;
    --font-size-h3: 24px;
    --font-size-h4: 20px;
    --font-size-body-large: 18px;
    --font-size-body-small: 16px;
    --font-size-label-xlarge: 18px;
    --font-size-label-large: 16px;
    --font-size-label-small: 14px;
    --font-size-caption-bold: 14px;
    --font-size-caption-medium: 12px;
    --font-size-caption-small: 10px;
    --font-size-quote: 18px;
    --font-lineheight-h1: 40px;
    --font-lineheight-h2: 32px;
    --font-lineheight-h3: 24px;
    --font-lineheight-h4: 24px;
    --font-lineheight-body-large: 24px;
    --font-lineheight-body-small: 24px;
    --font-lineheight-label-xlarge: 24px;
    --font-lineheight-label-large: 24px;
    --font-lineheight-label-small: 24px;
    --font-lineheight-caption-bold: 14px;
    --font-lineheight-caption-medium: 14px;
    --font-lineheight-caption-small: 12px;
    --font-lineheight-quote: 28px;
    --radius-s: 4px;
    --radius-m: 8px;
    --radius-l: 16px;
    --radius-xl: 24px;
    --spacing-6xs: 2px;
    --spacing-5xs: 4px;
    --spacing-4xs: 8px;
    --spacing-3xs: 12px;
    --spacing-2xs: 16px;
    --spacing-xs: 24px;
    --spacing-s: 24px;
    --spacing-m: 24px;
    --spacing-l: 24px;
    --spacing-xl: 40px;
    --spacing-2xl: 24px;
    --spacing-3xl: 40px;
    --spacing-4xl: 40px;
    --spacing-5xl: 24px;
    --spacing-6xl: 24px;
    --spacing-7xl: 40px;
    --effect-level-1: 0px 8px 32px 0px #18326429;
    --effect-level-2: 0px 16px 40px 0px #18326466;
    --color-deep-blue-5: #f3f5f7;
    --color-deep-blue-10: #e8eaef;
    --color-deep-blue-20: red;
    --color-deep-blue-40: #a3adc1;
    --color-deep-blue-60: #7484a2;
    --color-deep-blue-80: #465b83;
    --color-deep-blue-100: #183264;
    --color-deep-blue-120: #132850;
    --color-deep-blue-140: #0e1e3c;
    --color-cool-grey-10: #f3f4f7;
    --color-cool-grey-20: #eaebf1;
    --color-cool-grey-40: #d5d7e4;
    --color-cool-grey-60: #bfc2d6;
    --color-cool-grey-80: #aaaec9;
    --color-cool-grey-100: #959abb;
    --color-cool-grey-120: #757aa2;
    --color-white-100: #ffffff;
    --color-soft-orange-20: #feefdd;
    --color-soft-orange-40: #fee0bb;
    --color-soft-orange-60: #fdd09a;
    --color-soft-orange-80: #fdc178;
    --color-soft-orange-100: #fcb156;
    --color-soft-orange-120: #ea9021;
    --color-soft-orange-140: #472904;
    --color-sky-blue-20: #d5e8f5;
    --color-sky-blue-40: #aad1eb;
    --color-sky-blue-60: #80b9e0;
    --color-sky-blue-80: #55a2d6;
    --color-sky-blue-100: #2b8bcc;
    --color-sky-blue-120: #226fa3;
    --color-mint-20: #e1f3f2;
    --color-mint-40: #c3e7e5;
    --color-mint-60: #a6dad9;
    --color-mint-80: #88cecc;
    --color-mint-100: #6ac2bf;
    --color-mint-120: #559b99;
    --color-coral-20: #fbe1e0;
    --color-coral-40: #f8c4c1;
    --color-coral-60: #f4a6a2;
    --color-coral-80: #f18983;
    --color-coral-100: #ed6b64;
    --color-coral-120: #be5650;
    --color-lime-20: #e8f2d3;
    --color-lime-40: #d0e5a7;
    --color-lime-60: #b9d77c;
    --color-lime-80: #a1ca50;
    --color-lime-100: #8abd24;
    --color-lime-120: #6e971d;
    --font-h1: var(--font-style-h1) var(--font-size-h1)/var(--font-lineheight-h1) var(--font-family-primary-font);
    --font-h2: var(--font-style-h2) var(--font-size-h2)/var(--font-lineheight-h2) var(--font-family-primary-font);
    --font-h3: var(--font-style-h3) var(--font-size-h3)/var(--font-lineheight-h3) var(--font-family-primary-font);
    --font-h4: var(--font-style-h4) var(--font-size-h4)/var(--font-lineheight-h4) var(--font-family-primary-font);
    --font-h5: var(--font-style-h5) var(--font-size-h5)/var(--font-lineheight-h5) var(--font-family-primary-font);
    --font-h6: var(--font-style-h6) var(--font-size-h6)/var(--font-lineheight-h6) var(--font-family-primary-font);
    --font-body-large: var(--font-style-body-large) var(--font-size-body-large)/var(--font-lineheight-body-large) var(--font-family-secondary-font);
    --font-body-small: var(--font-style-body-small) var(--font-size-body-small)/var(--font-lineheight-body-small) var(--font-family-secondary-font);
    --font-label-xlarge: var(--font-style-label-xlarge) var(--font-size-label-xlarge)/var(--font-lineheight-label-xlarge) var(--font-family-secondary-font);
    --font-label-large: var(--font-style-label-large) var(--font-size-label-large)/var(--font-lineheight-label-large) var(--font-family-secondary-font);
    --font-label-small: var(--font-style-label-small) var(--font-size-label-small)/var(--font-lineheight-label-small) var(--font-family-secondary-font);
    --font-caption-bold: var(--font-style-caption-bold) var(--font-size-caption-bold)/var(--font-lineheight-caption-bold) var(--font-family-secondary-font);
    --font-caption-medium: var(--font-style-caption-medium) var(--font-size-caption-medium)/var(--font-lineheight-caption-medium) var(--font-family-secondary-font);
    --font-caption-small: var(--font-style-caption-small) var(--font-size-caption-small)/var(--font-lineheight-caption-small) var(--font-family-secondary-font);
    --font-quote: var(--font-style-quote) var(--font-size-quote)/var(--font-lineheight-quote) var(--font-family-secondary-font);
}

/**
 * Do not edit directly, this file was auto-generated.
 */


@media (min-width: 1141px) {
    :root {
        --font-family-primary-font: "Figtree", sans-serif;
        --font-family-secondary-font: 'HelveticaNeueWeb', Arial, sans-serif;
        --font-style-h1: 600;
        --font-style-h2: 600;
        --font-style-h3: 600;
        --font-style-h4: 600;
        --font-style-h5: 600;
        --font-style-h6: 600;
        --font-style-body-large: 400;
        --font-style-body-small: 400;
        --font-style-label-xlarge: 500;
        --font-style-label-large: 500;
        --font-style-label-small: 500;
        --font-style-caption-bold: 700;
        --font-style-caption-medium: 500;
        --font-style-caption-small: 500;
        --font-style-quote: 400;
        --font-size-h1: 40px;
        --font-size-h2: 32px;
        --font-size-h3: 24px;
        --font-size-h4: 20px;
        --font-size-body-large: 18px;
        --font-size-body-small: 16px;
        --font-size-label-xlarge: 18px;
        --font-size-label-large: 16px;
        --font-size-label-small: 14px;
        --font-size-caption-bold: 14px;
        --font-size-caption-medium: 12px;
        --font-size-caption-small: 10px;
        --font-size-quote: 24px;
        --font-lineheight-h1: 40px;
        --font-lineheight-h2: 32px;
        --font-lineheight-h3: 24px;
        --font-lineheight-h4: 24px;
        --font-lineheight-body-large: 24px;
        --font-lineheight-body-small: 24px;
        --font-lineheight-label-xlarge: 24px;
        --font-lineheight-label-large: 24px;
        --font-lineheight-label-small: 24px;
        --font-lineheight-caption-bold: 14px;
        --font-lineheight-caption-medium: 14px;
        --font-lineheight-caption-small: 12px;
        --font-lineheight-quote: 32px;
        --radius-s: 4px;
        --radius-m: 8px;
        --radius-l: 16px;
        --radius-xl: 24px;
        --spacing-6xs: 2px;
        --spacing-5xs: 4px;
        --spacing-4xs: 8px;
        --spacing-3xs: 12px;
        --spacing-2xs: 16px;
        --spacing-xs: 24px;
        --spacing-s: 40px;
        --spacing-m: 48px;
        --spacing-l: 56px;
        --spacing-xl: 64px;
        --spacing-2xl: 72px;
        --spacing-3xl: 80px;
        --spacing-4xl: 88px;
        --spacing-5xl: 96px;
        --spacing-6xl: 112px;
        --spacing-7xl: 136px;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

@font-face {
    font-family: "HelveticaNeueWeb";
    src: url("/Content/fonts/HelveticaNeue-Roman.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeueWeb";
    src: url("/Content/fonts/HelveticaNeue-Medium.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeueWeb";
    src: url("/Content/fonts/HelveticaNeue-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeueWeb";
    src: url("/Content/fonts/HelveticaNeue-Light.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "HelveticaNeueWeb";
    src: url("/Content/fonts/HelveticaNeue-Thin.woff2") format("woff2");
    font-weight: 200; 
    font-style: normal;
    font-display: swap;
}

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

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font: var(--font-body-small);
    color: var(--color-colors-deep-blue-100, #183264);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Container */
.container {
    width: 100%;
    max-width: 1910px;
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

@media (min-width: 768px) {
    .container {
        padding-left: var(--spacing-3xl);
        padding-right: var(--spacing-3xl);
    }
}

@media (min-width: 1141px) {
    .container {
        padding-left: var(--spacing-5xl);
        padding-right: var(--spacing-5xl);
    }
}

/* HTML Elements */
h2 {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-h2);
    margin: 0;
    padding-top: 20px;
    padding-bottom: 32px;
    display: flex;
    justify-content: space-between;
}

.panelWrapper h2 {
    padding-top: 40px;
    padding-bottom: 0px;
}

@media (max-width: 768px) {
    h2 {
        padding-top: 10px;
        padding-bottom: 16px;   
    }
}

h3 {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-h3);
    margin: 0;
}

h4 {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-h4);
    margin: 0;
}

p, li {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-body-small);
}

strong, b {
    color: var(--color-colors-deep-blue-120, #132850);
    font-family: var(--font-family-secondary-font, "Helvetica Neue");
    font-size: var(--font-size-label-small, 14px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--radius-l, 16px);
}

#text {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-body-small);
}

a {
    color: var(--color-colors-deep-blue-100, #183264);
}

textarea, select, .panel, .form-condensed, .row {
    width: 100%;
}

/* Gerenal classes */
.row {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.colorRow {
    padding-top: 16px;
    margin: 0;
    gap: 0;
}

.colorRow > * {
    flex: 1;
    font-size: 11px;
    color: white;
    text-align: center;
}

@media (max-width: 768px) {
    .row {
        flex-direction: column;
        gap: 20px;
    }
}

.col-md-3 {
    flex: 1;
    min-width: 0;
}

.col-md-9 {
    flex: 3;
    min-width: 0;
}

.col-md-12, .col-sm-12, .form-horizontal, .tab-content, .form-input {
    width: 100%;
}

div.noBorderDiv:not(table div):has(> table:only-child) {
    overflow-x: visible !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

.col-md-2 {
    margin-left: auto;
}

.col-sm-6 {
    flex: 1;
}

.col-sm-6 > .form-group {
    flex-direction: column;
    gap: 16px;
}

.col-sm-6 > .form-group > div {
    align-self: flex-start;
    width: auto;
}

.panel-body > fieldset > .row {
    justify-content: stretch;
}

.alert-info {
    padding: 15px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-success {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    width: 100%;
    padding: 16px 24px !important;
    border-radius: 8px;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    width: 100%;
    padding: 16px 24px !important;
    border-radius: 8px;
}

.alert-dismissable {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 12px;
    border-radius: 8px;
}

.actionsTitleWrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.actionsTitlePadding {
    padding-top: 15px;
    padding-bottom: 32px;
}

.actionsTitlePadding h2 {
    padding: 0;
}

.c-externe .actionsTitleWrapper h2 {
    padding: 0;
}

@media (max-width: 768px) {
    .actionsTitleWrapper {
        flex-direction: column;
    }
}

.libraries > .panel-default > .panel-body > .form-horizontal {
    flex-direction: row;
}

.libraries > .panel-default > .panel-body  {
    padding-bottom: 28px;
}

.equalWidth > * {
    flex: 1;
}

.noIboxBorder .ibox-content {
    padding: 0;
    border: none;
}

.columnDirection .form-group {
    flex-direction: column;
    gap: 8px;
}

/* Grid */
.grid {
    display: grid;
    gap: var(--grid-gutter, 1vw);
    width: 100%;
    grid-template-columns: repeat(var(--grid-columns, 4), 1fr);
}

/* LeftPanel */
.c-bg-sociaal, .c-sociaal .left-panel .panel-footer ul li.active,
.left-panel .panel-footer ul li.active {
    background: var(--color-colors-sky-blue-20, #E1F3F2);
}

.c-bg-externe, .c-externe .left-panel .panel-footer ul li.active {
    background: var(--color-colors-mint-20, #E1F3F2);
}

.c-bg-medische, .c-medische .left-panel .panel-footer ul li.active {
    background: var(--color-colors-mint-20, #E1F3F2);
}

.c-bg-academy, .c-academy .left-panel .panel-footer ul li.active {
    background: var(--color-colors-lime-20, #E8F2D3);
}

.c-bg-verzekeringen, .c-verzekeringen .left-panel .panel-footer ul li.active {
    background: var(--color-colors-coral-20, #E8F2D3);
}

.left-panel .panel-footer ul li.list-group-item.profile.active {
    background: var(--color-colors-deep-blue-20, #D1D6E0);
}

.panel > .panel-heading > .dropdown {
    margin-bottom: 16px;
    width: 100%;
}

.leftPanelHeader {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-4xs, 8px);
    align-self: stretch;
    border-radius: var(--radius-m, 8px);
    padding-top: 16px;
    padding-bottom: 16px;
}

.list-group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xs, 8px);
    align-self: stretch;
    padding: 0;
}

.list-group-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: var(--spacing-4xs, 8px) var(--spacing-4xs, 8px) var(--spacing-4xs, 8px) var(--spacing-3xs, 12px);
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    border-radius: var(--radius-m, 8px);
    background: var(--color-colors-deep-blue-05, #F3F5F7);
    transition: background-color 0.2s ease;
}

.list-group-item:hover {
    background: var(--color-colors-deep-blue-10, #F3F5F7);
}

.leftPanelItem {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-label-large);
    text-decoration: none;
    height: 100%;
    width: 100%;
}

.showOverlayOnClick {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-label-large);
    text-decoration: none;
    height: 100%;
    width: 100%;
}

/* RightPanel */
.panelWrapper {
    width: 100%;
    display: flex;
    padding: var(--spacing-xs, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 24px);
    border-radius: var(--radius-l, 16px);
    background: var(--colors-white-white, #FFF);
    box-shadow: 0 4px 16px 0 rgba(14, 30, 60, 0.12);
}

.nav.nav-tabs {
    display: flex;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
    width: 100%;
}

.nav.nav-tabs > li {
    margin: 0;
}

.nav.nav-tabs > li > a {
    display: inline-block;
    padding: 10px 0;
    text-decoration: none;
    font: var(--font-label-large);
    color: var(--color-colors-deep-blue-80, #465B83);
    background: transparent;
    border: none;
    margin-bottom: -1px; 
}

.nav.nav-tabs > li > a:hover,
.nav.nav-tabs > li > a:focus {
    color: var(--color-colors-deep-blue-100, #132850);
    background: transparent;
    border: none;
    outline: none;
}

.nav.nav-tabs > li.active > a,
.nav.nav-tabs > li.active > a:hover,
.nav.nav-tabs > li.active > a:focus {
    color: var(--color-colors-deep-blue-100, #132850);
    background: transparent;
    border: none;
    border-bottom: 2px solid var(--color-colors-sky-blue-60, #D5E8F5);
}

.c-externe .nav.nav-tabs > li.active > a,
.c-externe .nav.nav-tabs > li.active > a:hover,
.c-externe .nav.nav-tabs > li.active > a:focus {
    border-bottom: 2px solid var(--color-colors-mint-60);
}

.c-externe h3 {
    color: var(--color-colors-mint-100);
}

.c-externe .panel-title[aria-expanded="false"] {
    background: var(--color-colors-mint-40, #C3E7E5);
}

.c-externe .panel-title[aria-expanded="false"]:hover {
    background: var(--color-colors-mint-20, #E1F3F2);
}

.c-externe .panel-title[aria-expanded="true"] {
    color: var(--color-colors-white-white, #FFF);
    background: var(--colors-mint-100, #6AC2BF);
}

.c-externe .panel-title__chevron {
    width: 12px;
    height: 7px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%200.26309C-0.0836838%200.613886%20-0.0836839%201.18263%200.251052%201.53342L5.09087%206.60542C5.59298%207.13153%206.40704%207.13153%206.90915%206.60542L11.749%201.53342C12.0837%201.18263%2012.0837%200.613886%2011.749%200.26309C11.4142%20-0.0876968%2010.8715%20-0.0876968%2010.5368%200.26309L6.00001%205.01747L1.46324%200.26309C1.1285%20-0.0876968%200.585788%20-0.0876968%200.251052%200.26309Z%27%20fill%3D%27%23559B99%27/%3E%3C/svg%3E");
}

.c-externe .panel-heading a[aria-expanded="true"] .panel-title__chevron {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%206.73692C-0.0836838%206.38614%20-0.0836839%205.81739%200.251052%205.4666L5.09087%200.394643C5.59298%20-0.131548%206.40704%20-0.131548%206.90915%200.394643L11.749%205.4666C12.0837%205.81739%2012.0837%206.38614%2011.749%206.73692C11.4142%207.08769%2010.8715%207.08769%2010.5368%206.73692L6.00001%201.98255L1.46324%206.73692C1.1285%207.08769%200.585788%207.08769%200.251052%206.73692Z%27%20fill%3D%27%23E8F2D3%27/%3E%3C/svg%3E");
}

.c-academy .nav.nav-tabs > li.active > a,
.c-academy .nav.nav-tabs > li.active > a:hover,
.c-academy .nav.nav-tabs > li.active > a:focus {
    border-bottom: 2px solid var(--color-colors-lime-60);
}

.tab-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-xs, 24px);
    padding-top: 24px;
    border-top: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
    padding-bottom: 24px;
    border-bottom: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
}

.noBorderTabContent {
    padding: 0;
    border: none;
}

.tab-pane {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing-xs, 24px);
}

.tab-content > .tab-pane.active {
    display: flex; 
}

.panel-body {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 24px);
    width: 100%;
}

.panel-provider > .panel-body {
    gap: 0px;
}

.panel-primary, .libraries, .panel-body, .datepicker, .trainingPage, .socsec, #WeekhoursWorkerEffective, .form-control {
    width: 100%;
}

.pull-right {
    float: right;
}

a.pull-right:not(.btn) {
    font-size: 65%;
    margin: 0 !important;
    text-decoration: none;
    color: var(--color-colors-deep-blue-120, #132850);
    text-align: right;
}

.pull-right:hover {
    color: var(--color-colors-deep-blue-80, #132850);
}

.panel-list {
    flex-direction: row;
}

@media (max-width: 768px) {
    .panel-list {
        flex-direction: column;
    }
}

/* BodyContent */
.bodyContent {
    margin-top: 40px;
    margin-bottom: 80px;
}

/* Seperators */
.horizontalSeparator {
    width: 100%;
    background-color: var(--color-colors-cool-grey-40);
    height: 1px;
    min-height: 1px;
}

.horizontalSeparatorLight {
    width: 100%;
    background-color: var(--color-colors-cool-grey-20);
    height: 1px;
    min-height: 1px;
}

.verticalSeparator {
    height: 100%;
    background-color: var(--color-colors-deep-blue-80);
    width: 1px;
    min-width: 1px;
}

/* Dropdown */
.dropdown {
    display: flex;
    padding: var(--spacing-2xs, 16px);
    align-items: center;
    gap: var(--spacing-2xs, 16px);
    border-radius: var(--radius-l, 16px);
    background: var(--colors-cool-grey-10, #F3F4F7);
    width: 100%;
}

.dropdown .btn-group, .input-group-btn   {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
}

.dropdown-menu.scrollable-menu.floating-dropdown {
    position: absolute !important;
    z-index: 9999 !important;
    margin: 0;
    border-radius: 16px;
    padding: var(--spacing-3xs, 12px);
    list-style: none;
    border-radius: var(--radius-m, 8px);
    border: 1px solid var(--colors-deep-blue-20, #D1D6E0);
    background: var(--colors-white-white, #FFF);
    box-shadow: 0 4px 16px 0 rgba(14, 30, 60, 0.12);
}

.dropdown .btn-group > .dropdown-toggle,
.input-group-btn > .dropdown-toggle {
    width: 100%;
    min-width: 0;
}

.dropdown .btn-group > .dropdown-toggle{
  overflow: hidden;         
  text-overflow: ellipsis;
  white-space: nowrap;
}

.dropdown .btn-group .btn-default:active {
    color: var(--color-colors-deep-blue-140, #0E1E3C) !important;
}

.dropdownSelect {
    font: var(--font-body-small);
}

.dropdownLabel {
    font: var(--font-label-large);
    color: var(--color-colors-deep-blue-120, #132850);
    white-space: nowrap
}

.dropdown-toggle.btn-default {
    background: none !important;
}

select {
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI3IiB2aWV3Qm94PSIwIDAgMTIgNyIgZmlsbD0ibm9uZSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wLjI1MTA1MiAwLjI2MzA5Qy0wLjA4MzY4MzggMC42MTM4ODYgLTAuMDgzNjgzOSAxLjE4MjYzIDAuMjUxMDUyIDEuNTMzNDJMNS4wOTA4NyA2LjYwNTQyQzUuNTkyOTggNy4xMzE1MyA2LjQwNzA0IDcuMTMxNTMgNi45MDkxNSA2LjYwNTQyTDExLjc0OSAxLjUzMzQyQzEyLjA4MzcgMS4xODI2MyAxMi4wODM3IDAuNjEzODg2IDExLjc0OSAwLjI2MzA5QzExLjQxNDIgLTAuMDg3Njk2OCAxMC44NzE1IC0wLjA4NzY5NjggMTAuNTM2OCAwLjI2MzA5TDYuMDAwMDEgNS4wMTc0N0wxLjQ2MzI0IDAuMjYzMDlDMS4xMjg1IC0wLjA4NzY5NjggMC41ODU3ODggLTAuMDg3Njk2OCAwLjI1MTA1MiAwLjI2MzA5WiIgZmlsbD0iIzc1N0FBMiIvPgo8L3N2Zz4=") no-repeat 95% 50% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: var(--spacing-4xs, 8px) 32px var(--spacing-4xs, 8px) var(--spacing-3xs, 12px) !important;
    align-items: center;
    gap: var(--spacing-4xs, 8px);
    border-radius: var(--radius-m, 8px);
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    box-sizing: border-box;
    width: 100%;
    background-color: white !important;
    background-position: right 12px center !important;
}

@media (max-width: 1140px) {
    .dropdownLabel {
        white-space: wrap
    }
}

@media (max-width: 768px) {
    .dropdown {
        grid-column: 1 / span 4;
    }
}

/* Bootstrap Dropdown */
.btn-group > .dropdown-toggle,
.input-group-btn > .dropdown-toggle,
.dropdown > .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    background: var(--color-colors-white-white, #fff);
    color: var(--color-colors-deep-blue-120, #132850);
    font: var(--font-label-small);
    cursor: pointer;
    user-select: none;
}

.btn-group > .dropdown-toggle .caret,
.input-group-btn > .dropdown-toggle .caret,
.dropdown > .dropdown-toggle .caret {
    margin-left: 8px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid currentColor;
}

.btn-group, .input-group-btn {
    position: relative;
    display: inline-block;
}

.dropdown-toggle:hover {
    background-color: transparent !important;
}

.dropdown > .btn-group > button:hover {
    background-color: white;
}

.btn-group > .dropdown-toggle,
.input-group-btn > .dropdown-toggle,
.dropdown > .dropdown-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: flex-start !important;
    gap: 8px;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 10px;
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    background: var(--color-colors-white-white, #fff);
    color: var(--color-colors-deep-blue-120, #132850) !important;
    font: var(--font-body-small) !important;
    cursor: pointer;
    user-select: none;
    font-size: 14px !important;
    text-indent: 0 !important;
}

.btn-group > .dropdown-toggle,
.btn-group > .dropdown-toggle *,
.input-group-btn > .dropdown-toggle,
.input-group-btn > .dropdown-toggle *,
.dropdown > .dropdown-toggle,
.dropdown > .dropdown-toggle * {
    color: var(--color-colors-deep-blue-120, #132850) !important;
}

.btn-group > .dropdown-toggle .caret,
.input-group-btn > .dropdown-toggle .caret,
.dropdown > .dropdown-toggle .caret {
    display: none !important;
}

.btn-group > .dropdown-toggle::after,
.input-group-btn > .dropdown-toggle::after,
.dropdown > .dropdown-toggle::after {
    content: "";
    width: 12px;
    height: 7px;
    display: inline-block;
    margin-left: auto;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%200.26309C-0.0836838%200.613886%20-0.0836839%201.18263%200.251052%201.53342L5.09087%206.60542C5.59298%207.13153%206.40704%207.13153%206.90915%206.60542L11.749%201.53342C12.0837%201.18263%2012.0837%200.613886%2011.749%200.26309C11.4142%20-0.0876968%2010.8715%20-0.0876968%2010.5368%200.26309L6.00001%205.01747L1.46324%200.26309C1.1285%20-0.0876968%200.585788%20-0.0876968%200.251052%200.26309Z%27%20fill%3D%27%23757AA2%27/%3E%3C/svg%3E");
}

.btn-group.open > .dropdown-toggle::after,
.input-group-btn.open > .dropdown-toggle::after,
.dropdown.open > .dropdown-toggle::after {
    transform: rotate(180deg);
}

.btn-group.open > .dropdown-toggle,
.input-group-btn.open > .dropdown-toggle,
.dropdown.open > .dropdown-toggle {
    background: var(--color-colors-deep-blue-10, #E8EAEF);
    border: 1px solid var(--color-colors-deep-blue-80, #465B83);
}

.btn-group > .dropdown-menu,
.input-group-btn > .dropdown-menu,
.dropdown > .dropdown-menu {
    display: none;
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 1000;
    width: max-content;
    max-width: 100vw;
    white-space: normal;
    overflow-x: hidden;
    max-height: 320px;
    max-height: 320px;
    overflow: auto;
    margin: 0;
    padding: 6px 0;
    list-style: none;
    border-radius: var(--radius-m, 8px);
    border: 1px solid var(--colors-deep-blue-20, #D1D6E0);
    background: var(--colors-white-white, #FFF);
    box-shadow: 0 4px 16px 0 rgba(14, 30, 60, 0.12);
}

.btn-group > .dropdown-menu.pull-right,
.input-group-btn > .dropdown-menu.pull-right,
.dropdown > .dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.btn-group.open > .dropdown-menu,
.input-group-btn.open > .dropdown-menu,
.dropdown.open > .dropdown-menu {
    display: block;
    padding: var(--spacing-3xs, 12px);
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 12px;
    color: var(--color-colors-deep-blue-120, #132850);
    text-decoration: none;
    font: var(--font-body-small);
}

.dropdown-menu > li + li > a {
    border-top: 1px solid var(--color-colors-deep-blue-10, #E8EAEF);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    background: var(--color-colors-deep-blue-05, #F3F5F7);
    outline: none;
}

.dropdown-menu > ul > li {
    list-style: none;
}

.dropdown-menu.inner {
    padding: 0;
}

.dropdown-menu.inner > li > a {
    display: flex;
    gap: 8px;
}

.btn-group > .dropdown-toggle,
.input-group-btn > .dropdown-toggle,
.dropdown > .dropdown-toggle {
    position: relative !important;
    display: block !important;
    width: 100%;
    min-width: 0;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    padding-right: 36px !important;
    text-align: left !important;
}

.btn-group > .dropdown-toggle::after,
.input-group-btn > .dropdown-toggle::after,
.dropdown > .dropdown-toggle::after {
    position: absolute !important;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 0 !important;
    flex: none !important;
}

.btn-group.open > .dropdown-toggle::after,
.input-group-btn.open > .dropdown-toggle::after,
.dropdown.open > .dropdown-toggle::after {
    transform: translateY(-50%) rotate(180deg);
}

/* Dialog */
.dialog {
    padding: var(--spacing-xs, 24px);
    border-radius: var(--radius-l, 16px);
    background: #fff;
    box-shadow: 0 16px 40px rgba(24, 50, 100, 0.40);
    border: none;
    width: 90%;
    max-width: 700px;
}

dialog.dialog[open] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: var(--spacing-2xs, 16px);
}

dialog::backdrop {
    background: rgba(0,0,0,0.4);
}

.dialogBlockWrapper {
    display: flex;
    padding-bottom: var(--spacing-2xs, 16px);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--spacing-xs, 24px);
    align-self: stretch;
}

.dialogBlock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    align-self: stretch;
}

.dialogCloseButton {
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    color: var(--color-colors-deep-blue-60, #7484A2);
}

.dialogBlockHeader {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.dialogBlockTitle {
    color: var(--color-colors-sky-blue-100, #2B8BCC);
    font: var(--font-h4);
    margin: 0;
    white-space: nowrap;
}

.dialogRow {
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: var(--spacing-xs, 24px);
    justify-content: space-between;
}

.dialogItem .form-group, .dialogItem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--Spacing-6xs, 2px);
    flex: 1 0 0;
}

.dialogItem .form-group .form-control-static {
    margin: 0;
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-body-small);
}

p.form-control-static {
    margin: 0;
    text-decoration: none;
}

p.form-control-static a {
    text-decoration: none;
}

.dialogRow-nace {
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    max-width: 100%;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.dialogRow-nace .dialogItem {
    flex: 0 0 auto;
    min-width: 220px;
}

/* Modals */
.modal {
    display: none !important; 
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2050;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

body.modal-open {
    overflow: hidden;
}

.modal.fade.in {
    display: block !important; 
}

.modal-dialog {
    margin: 40px auto;
    width: auto;
    max-width: 900px;
    padding: 0 16px;
}

.modal-lg {
    max-width: 1000px;
}

.modal-content {
    border: none;
    border-radius: var(--radius-l, 16px);
    background: var(--colors-white-white, #FFF);
    box-shadow: 0 16px 40px rgba(14, 30, 60, 0.20);
    overflow: hidden;
    padding-left: 24px;
    padding-right: 24px;
}

#edpbListModal .modal-dialog {
    max-width: 1500px; 
    width: calc(100vw - 32px); 
}

.modal .modal-body table {
    margin-top: 15px;
    margin-bottom: 15px;
}

.dt-buttons {
    display: flex;
    justify-content: flex-end;
    padding-top: 15px;
}

.modal-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
}

.modal-title {
    margin: 0;
    font: var(--font-h4);
    color: var(--color-colors-deep-blue-120, #132850);
}

.modal-body {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
}

.modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 16px;
    padding-bottom: 16px;
    border-top: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
}

.modal-header .close {
    background-color: transparent;
    opacity: 1;
    text-shadow: none;
    font-size: 22px;
    line-height: 1;
    color: var(--color-colors-deep-blue-40);
    border-radius: 8px;
    border: none;
}

.modal-header .close:hover {
    background-color: transparent !important;
    cursor: pointer;
    border: none;
}

.modal-backdrop.in {
    opacity: 1;
    background: rgba(0, 0, 0, 0.4);
}

.modal-backdrop {
    position: fixed !important;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2040;
}

.bootbox-body {
    padding-top: 16px;
    padding-bottom: 16px;
}

.modal:has(.input-group.date.datetimepicker) .modal-content {
    overflow: visible !important;
}

.modal:has(.dropdown) .modal-content {
    overflow: visible !important;
}

.modal:has(.dropdown-toggle) .modal-content {
    overflow: visible !important;
}

.modal:has(.input-group.date.datetimepicker) .bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 3000 !important;
}

.modal .row .col-xs-12 {
    width: 100%;
}

.col-xs-6 {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.modal .row  label {
    font-weight: bold;
}

.modal .row:has(.col-xs-12){
    flex-direction: column;
    gap: 0px;
}

/* Home (Dashboard) page */
.homeWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-s, 40px);
    align-self: stretch;
}

.dropdownWrapper {
    grid-column: 1 / span 5;
    grid-row: 1;
}

/* EDPB/RiskManagementDocuments */
.riskmanagementPanel .tab-content {
    padding: 0;
    border: none;
}

.riskmanagementPanel .tab-pane .dataTables_wrapper .row:nth-child(2) {
    padding: 0;
    margin: 0;
    border: none;
}

/* SocSec/WageSimulationAgriculture */
.wageSimulationPanel fieldset .row:first-child > *  {
    flex: 1;
}

.wageSimulationPanel fieldset .row:last-child .col-md-offset-9 {
    display: flex;
    justify-content: flex-end;
}

.wageSimulationPanel fieldset .row:first-child .col-md-6:first-child .form-group {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.wageSimulationPanel fieldset .row:first-child .col-md-6:first-child .form-group > :nth-child(2) {
    width: 100%;
}

.wageSimulationPanel fieldset .row:first-child .col-md-6:first-child {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* /SocSec */
.row.d-flex {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0;
}

.row.d-flex > .col-sm-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
    width: 50% !important;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.pcRow > :first-child {
    flex: 1;
}

.pcRow > :nth-child(2) {
    flex: 5;
}

/* /Scheduler/Overview */
.planningWrapper .tab-content {
    padding: 0;
    border: none;
}

/* SocSec/Employee/... */
.employeeDetail .tab-content {
    padding: 0;
    border: none;
}

.modal .panel-primary .ibox-content,
.row.schedules {
    padding: 0 !important;
}

.row.schedules .col-xs-12 {
    position: relative;
}

/* /AbsenceRegistration & /EDPB/RiskManagement */
.socsec-navigation-small,
.edpb-navigation {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

.socsec .socsec-navigation-small a, 
.edpb .edpb-navigation a {
    flex-basis: 23%;
    width: 23%;
    min-height: 150px;
    align-content: center;
    margin: 5px;
    word-break: break-word;
    background-color: white;
    border: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
    box-shadow: 0 2px 10px rgba(14, 30, 60, 0.06);
}

.socsec .socsec-navigation a, 
.edpb .edpb-navigation a {
    color: #2f5fa1;
    padding: 1em;
    padding-bottom: .5em;
    border-radius: 1em;
    text-decoration: none;
    padding: 0px;
}

.socsec .socsec-navigation a > div, 
.edpb .edpb-navigation a > div{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.socsec .socsec-navigation a > div > label,
.edpb .edpb-navigation a > div > label {
    text-align: center;
    color: var(--color-colors-deep-blue-100, #183264);
}

.socsec .socsec-navigation a > div:hover,
.socsec .socsec-navigation a > div > label:hover,
.edpb .edpb-navigation a > div:hover,
.edpb .edpb-navigation a > div > label:hover {
    cursor: pointer;
}

.socsec .socsec-navigation-small .socsec-icon, 
.edpb-navigation .edpb-icon {
    width: 35px;
    height: 35px;
}

.socsec .socsec-navigation a:hover {
    background-color: var(--color-colors-sky-blue-20, #D5E8F5);
    cursor: pointer;
}

.edpb .edpb-navigation a:hover {
    background-color: var(--color-colors-mint-20, #E1F3F2);
    cursor: pointer;
}

.socsec-icon-active {
    background-color: var(--color-colors-sky-blue-40, #D5E8F5) !important;
}

/* /AbsenceRegistration/Calendar */
.calendarPanel .fc-state-active {
    background-color: var(--color-colors-sky-blue-20, #D5E8F5);
}

.calendarPanel .fc-today .fc-day-number {
    background-color: var(--color-colors-sky-blue-100, #D5E8F5);
}

.calendarPanel .ibox-content {
    padding: 0;
    border: none;
}

/* /AbsenceRegistration/AdminSettings */
.adminPanel {
    gap: 8px;
}

.ibox.float-e-margins .collapse-link .row {
    justify-content: space-between;
    width: 100%;
}

.ibox.float-e-margins .collapse-link {
    margin: 0 !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.ibox-content {
    padding: 16px;
    border: 2px solid var(--color-colors-cool-grey-20, #EAEBF1);
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

#TotalHours {
    width: 100%;
}

/* /SocSec/EmployeeHistory */
.employeeHistoryPanel .checkboxWrapper {
    margin-left: 0 !important;
}

/* /EDPB/Employee/ */
.employeeDetailPreventionWrapper {
    flex-direction: column;
    width: 100%;
}

.employeeDetailPreventionWrapper .ibox-content {
    padding: 0;
    border: none;
}

.detailTitle {
    color: var(--color-colors-mint-120, #559B99);
    padding-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.employee-photo-actions {
    display: flex;
    gap: 8px;
}

.employee-photo-actions .fileinput-button {
    background: none;
    padding: 0;
}

.employee-photo-actions .fileinput-button span {
    display: none;
}

.employeeDetailPreventionWrapper .checkboxWrapper {
    margin-left: 27%;
}

.employeeDetailPreventionWrapper > .col-xl-8 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.btn-action-function-add, .btn-action-department-add {
    width: fit-content;
    padding: 8px !important;
}

.employee-photo {
    padding: 0px;
    border-radius: 8px;
}

/* /EDPB/Notifications */
.bootstrap-select {
    border: none !important;
    padding: 0 !important; 
}

#modal-notification-new .input-group .input-group-btn {
    position: inherit;
    display: flex;
}

.input-group .input-group-btn > button {
    border-radius: 0;
}

.input-group .input-group-btn > button:nth-child(2) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* /AbsenceRegistration/AdminPageEmployee */
.adminPageEmployeePanel .row#calendar-container {
    flex-direction: column;
}

.adminPageEmployeePanel .fc-today .fc-day-number {
    background: var(--color-colors-sky-blue-100, #D5E8F5);
}

/* /AbsenceRegistration/YearOverview */
.yearOverviewPanel tbody tr:nth-child(odd),
.yearOverviewPanel tbody tr:nth-child(even) {
    background: transparent;
}

/* Home/Contacts */
.homecontactsImage {
    width: 50px;
    border-radius: 8px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd;
    margin-right: 5px;
    font-size: 43px;
    color: #555;
    max-width: none;
}

.homecontacts .panel-title.collapsed {
    background: var(--color-colors-cool-grey-40, #D5D7E4);
}

.homecontacts .panel-title.collapsed:hover {
    background: var(--color-colors-cool-grey-20, #EAEBF1);
}

.homecontacts .panel-title[aria-expanded="true"] {
    background: var(--color-colors-cool-grey-100, #959ABB) !important;
    color: var(--color-colors-white-white, #FFF);
}

.contactPanel .panel-title[aria-expanded=true] {
    background: var(--color-colors-deep-blue-20, #D1D6E0);
}

.contactPanel fieldset > a > legend > .panel-title__chevron {
    display: none;
}

.contactPanel .panel-heading a[aria-expanded="true"] .panel-title__chevron,
.fa-chevron-up {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%206.73692C-0.0836838%206.38614%20-0.0836839%205.81739%200.251052%205.4666L5.09087%200.394643C5.59298%20-0.131548%206.40704%20-0.131548%206.90915%200.394643L11.749%205.4666C12.0837%205.81739%2012.0837%206.38614%2011.749%206.73692C11.4142%207.08769%2010.8715%207.08769%2010.5368%206.73692L6.00001%201.98255L1.46324%206.73692C1.1285%207.08769%200.585788%207.08769%200.251052%206.73692Z%27%20fill%3D%27%23E8F2D3%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 7px;
}

/* /Training/Documents */
.panel-primary > .panel-heading .badge {
    color: #337ab7;
    background-color: #fff;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

/* /Training/Certificates */
.certificatesPanel .dt-buttons {
    padding-top: 0;
}

/* Bootstrap tooltip */
.tooltip {
    display: none !important;
}

/* /EDPB/EmployeesDocuments */
.employeesDocumentsPanel .form-horizontal {
    justify-content: flex-start;
}

.employeesDocumentsPanel .form-horizontal > * {
    flex: 1;
}

.employeesDocumentsPanel .form-group > :nth-child(2) {
    flex: 15 0 0;
    min-width: 0;
}

/* /EDPB/PreventionUnits */
.preventionUnitPanel .form-group {
    flex-direction: column;
    align-items: flex-start;
}

.preventionUnitPanel .row {
    justify-content: flex-start;
}

.preventionUnitPanel .row > .col-md-6 {
    flex: 1;
}

.modal .table-responsive {
    box-shadow: none;
}

/* /Planningitem/Details/... */
.planningRow {
    gap: 30px;
}

.planningRow > :first-child {
    flex: 1;
}

.planningRow > :nth-child(2) {
    flex: 2;
}

.planningRow > :nth-child(2) .panel-body > #calendar-container {
    display: flex;
    gap: 30px;
}

.planningRow > :nth-child(2) .panel-body > #calendar-container > * {
    flex: 1;
}

.planningRow .fc-bgevent {
    background: #8fdf82;
    opacity: .3;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}

.embed-responsive-4by3 {
    padding-bottom: 75%;
}

.backtoplanning-div {
    display: flex !important;
    flex-direction: column;
    width: fit-content;
    align-items: center;
    text-decoration: none;
}

.backtoplanning-div div {
    width: 40px !important;
    height: 40px !important;
    text-align: right;
    display: inline-block !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.57143 1.14286C4.57143 0.511674 4.05975 0 3.42857 0C2.79739 0 2.28571 0.511674 2.28571 1.14286V2.28571H1.71429C0.767509 2.28571 0 3.05322 0 4V13.1429C0 14.0896 0.767509 14.8571 1.71429 14.8571H13.1429C14.0896 14.8571 14.8571 14.0896 14.8571 13.1429V4C14.8571 3.05322 14.0896 2.28571 13.1429 2.28571H12.5714V1.14286C12.5714 0.511674 12.0598 0 11.4286 0C10.7974 0 10.2857 0.511674 10.2857 1.14286V2.28571H4.57143V1.14286ZM3.42864 6.7115C3.03257 6.7115 2.7115 7.03257 2.7115 7.42864C2.7115 7.82471 3.03257 8.14578 3.42864 8.14578H4.00007C4.39614 8.14578 4.71721 7.82471 4.71721 7.42864C4.71721 7.03257 4.39614 6.7115 4.00007 6.7115H3.42864ZM5.56864 7.42864C5.56864 7.03257 5.88971 6.7115 6.28578 6.7115H10.8573C11.2533 6.7115 11.5744 7.03257 11.5744 7.42864C11.5744 7.82471 11.2533 8.14578 10.8573 8.14578H6.28578C5.88971 8.14578 5.56864 7.82471 5.56864 7.42864ZM5.56864 10.8573C5.56864 10.4611 5.88971 10.1401 6.28578 10.1401H8.5715C8.96757 10.1401 9.28864 10.4611 9.28864 10.8573C9.28864 11.2533 8.96757 11.5744 8.5715 11.5744H6.28578C5.88971 11.5744 5.56864 11.2533 5.56864 10.8573ZM2.7115 10.8573C2.7115 10.4611 3.03257 10.1401 3.42864 10.1401H4.00007C4.39614 10.1401 4.71721 10.4611 4.71721 10.8573C4.71721 11.2533 4.39614 11.5744 4.00007 11.5744H3.42864C3.03257 11.5744 2.7115 11.2533 2.7115 10.8573Z' fill='%23183264'/%3E%3C/svg%3E") !important;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.bootbox-close-button {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    display: flex;
    justify-content: flex-end;
}

.bootbox-close-button {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}


#examinationsTable_wrapper #examinationsTable {
    margin: 0 !important;
}

.edpb.planning-section.item-details .col-md-11 {
    width: 100%;
}

.row.examinations .col-md-11 .row.buttons.col-md-offset-1 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.row.examinations .col-md-11 .row.buttons.col-md-offset-1 .col-md-6 {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    flex: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.row.examinations .col-md-11 .row.buttons.col-md-offset-1 .col-md-6 > a,
.row.examinations .col-md-11 .row.buttons.col-md-offset-1 .col-md-6 > input {
    display: flex;
    width: 100%;
}

/* Modal cancel buttons on the left */
.modal .row.buttons {
    justify-content: stretch !important;
}

.modal .row.buttons .col-xs-12 {
    width: 100%;
}

.pull-left {
    float: left;
}

/* Socsec/EPrest */
.eprest-upload  {
    padding: 0 !important;
    position: relative;
    overflow: hidden;
    min-width: 65px;
    border-radius: 0 !important;
}

.eprest-upload input {
    position: absolute;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

/* LeaveRequestDetails */
.leaveRequestDetailsButtons .row .col-xs-6 {
    flex: 0 1 auto;
}

.empty-library {
    display: none;
}
/* Base button */
.btn, .fc-agendaDay-button, .fc-agendaWeek-button, .fc-month-button, .paginate_button, .fc-prev-button, .fc-next-button, .fc-today-button, .fc-gotodate-button, .fc-refresh-button {
    display: inline-flex;
    padding: var(--spacing-3xs, 12px);
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: var(--radius-m, 8px);
    font: var(--font-label-large);
    border: none;
    text-decoration: none;
    gap: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.btn:hover {
    cursor: pointer;
}

.btn[disabled],
.btn.is-disabled,
.paginate_button[disabled] {
    cursor: not-allowed;
    opacity: 0.6;
    transform: none;
}

/* Icons */
.btn__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    color: var(--btn-icon-color, currentColor);
}

.btn--icon-left .btn__icon {
    order: 0;
}

.btn--icon-left .btn__text {
    order: 1;
}

.btn--icon-right .btn__text {
    order: 0;
}

.btn--icon-right .btn__text {
    flex: 1 1 auto;
}

.btn--icon-right .btn__icon {
    order: 1;
}

/* Sizes */
.btn-large {
    padding: var(--spacing-3xs, 12px) !important;
    border-radius: var(--radius-m, 8px);
}

.btn-normal, .paginate_button {
    padding: var(--spacing-4xs, 8px) var(--spacing-3xs, 12px);
    border-radius: var(--radius-m, 8px);
}

.btn-small, .fc-agendaDay-button, .fc-agendaWeek-button, .fc-month-button, .fc-prev-button, .fc-next-button, .fc-today-button, .fc-gotodate-button, .fc-refresh-button {
    padding: var(--spacing-5xs, 4px) var(--spacing-4xs, 8px);
    border-radius: var(--radius-s, 4px);
    font: var(--font-label-small);
}

/* Primary */
.btn-primary, .btn-default {
    background: var(--color-colors-deep-blue-100, #183264);
    color: var(--color-colors-white-white, #FFF) !important;
}

.btn-primary:hover, .btn-default:hover {
    background: var(--color-colors-deep-blue-80, #465B83);
}

.btn-primary:active, .btn-default:active {
    background: var(--color-colors-deep-blue-120, #132850);
    color: var(--color-colors-deep-blue-10, #E8EAEF) !important;
}

.btn-primary:disabled, .btn-default:active {
    color: var(--color-colors-white-white, #FFF) !important;
    background: var(--color-colors-deep-blue-100, #183264);
    opacity: 0.4;
}

/* Secondary */
.btn-secondary, .fc-agendaDay-button, .fc-agendaWeek-button, .fc-month-button, .fc-today-button, .fc-gotodate-button, .modal .btn-default {
    background: var(--color-colors-deep-blue-20);
    color: var(--color-colors-deep-blue-120, #132850) !important;
}

.btn-secondary:hover, .fc-agendaDay-button:hover, .fc-agendaWeek-button:hover, .fc-month-button:hover, .fc-today-button:hover, .fc-gotodate-button:hover, .modal .btn-default:hover {
    background: var(--color-colors-deep-blue-10, #E8EAEF);
}

.btn-secondary:active, fc-agendaDay-button:active .fc-agendaWeek-button:active, .fc-month-button:active, .fc-today-button:active, .fc-gotodate-button:active, .modal .btn-default:active {
    background: var(--color-colors-deep-blue-40, #132850);
    color: var(--color-colors-deep-blue-140, #132850) !important;
}

.btn-secondary:disabled, fc-agendaDay-button:disabled .fc-agendaWeek-button:disabled, .fc-month-button:disabled, fc-today-button:disabled, .fc-gotodate-button:disabled, .modal .btn-default:disabled {
    background: var(--color-colors-deep-blue-20, #D1D6E0);
    opacity: 0.4;
    color: var(--color-colors-deep-blue-100, #183264);
}

/* tertiary */
.btn-tertiary, .paginate_button, .fc-prev-button, .fc-next-button, .fc-refresh-button {
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    background: var(--color-colors-white-white, #FFF);
    color: var(--color-colors-deep-blue-120, #132850) !important;
}

.btn-tertiary:hover, .paginate_button:hover, .fc-prev-button:hover, .fc-next-button:hover, .fc-refresh-button:hover {
    border: 1px solid var(--color-colors-deep-blue-80, #7484A2);
    background: var(--color-colors-deep-blue-05, #E8EAEF);
    color: var(--color-colors-deep-blue-100, #132850) !important;
}

.btn-tertiary:active, .paginate_button:active, .fc-prev-button:active, .fc-next-button:active, .fc-refresh-button:active {
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    background: var(--color-colors-deep-blue-20, #132850);
    color: var(--color-colors-deep-blue-140, #132850) !important;
}

.btn-tertiary:disabled, .paginate_button:disabled, fc-prev-button:disabled, .fc-next-button:disabled, .fc-refresh-button:disabled {
    background: var(--color-colors-deep-blue-20, #D1D6E0);
    opacity: 0.4;
    color: var(--color-colors-deep-blue-100, #183264) !important;
}

/* Add file button */
.btn-add-file, .btn-add-file:hover {
    background-color: transparent;
    cursor: default;
}

.btn-add-file > span {
    display: none;
}

.btn-add-file > input {
    border: none;
}

.form-group:has(.btn-add-file) {
    flex-direction: column;
}

.btn-action-balance-counters-list-export {
    height: fit-content;
}

/* Delete button */
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

/* Success button */
.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

/* Info button */
.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    padding: 8px;
}

.btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
}

/* Link button */
.btn-link {
    font-weight: 400;
    color: #337ab7;
    border-radius: 0;
    cursor: pointer;
    align-self: flex-start;
    padding: 0;
}

.btn-link:hover {
    text-decoration: underline;
    color: #23527c;
}

.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
    border-color: transparent;
}

/* HTML 5 Button */
.html5buttons {
    display: flex;
    justify-content: flex-end;
}
.header {
    padding-top: var(--spacing-2xs, 16px);
    padding-bottom: var(--spacing-2xs, 16px);
    border-bottom: 1px solid var(--color-colors-deep-blue-10, #E8EAEF);
}

.navLogoWrapper {
    grid-column: 1 / span 1;
    display: flex;
    align-items: center;
}

.navLogo {
    width: auto;
    max-width: 100%;
    display: block;
}

.navWrapper {
    grid-column: 2 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 32px;
}

/* LoginPartial */
.auth-buttons {
    display: flex;
    align-items: center;
    gap: 8px;
  
}

/* NavigationPartial */
#logoutForm {
    display: flex;
    align-items: center;
}

.navbarItem {
    background-color: transparent;
    position: relative;
    border: none;
    padding: 0px;
    color: var(--color-colors-deep-blue-140, #0E1E3C);
    font: var(--font-label-large);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-align: center;
    transition: transform 0.3s ease;
}

.navbarItem::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    bottom: calc(-1 * var(--spacing-2xs, 16px) - 1px);
    background: transparent;
    opacity: 0;
    transition: opacity 0.3s ease, background 0.3s ease;
}

.navbarItem:hover::after {
    background: var(--nav-underline-hover, transparent);
    opacity: 1;
}

.navbarItem.c-current::after {
    background: var(--nav-underline-current, var(--nav-underline-hover, transparent));
    opacity: 1;
}

.c-current {
    color: var(--color-colors-deep-blue-60, #7484A2);
}

.c-current:hover {
    color: var(--color-colors-deep-blue-80, #7484A2);
}

.c-dashboard {
    --nav-underline-current: var(--color-colors-cool-grey-60, #BFC2D6);
    --nav-underline-hover: var(--color-colors-cool-grey-20, #EAEBF1);
}

.c-sociaal {
    --nav-underline-current: var(--color-colors-sky-blue-60, #D5E8F5);
    --nav-underline-hover: var(--color-colors-sky-blue-20, #D5E8F5);
}

.c-externe, .c-medische {
    --nav-underline-current: var(--color-colors-mint-60, #E1F3F2);
    --nav-underline-hover: var(--color-colors-mint-20, #E1F3F2);
}

.c-verzekeringen {
    --nav-underline-current: var(--color-colors-coral-60, #F4A6A2);
    --nav-underline-hover: var(--color-colors-coral-20, #F4A6A2);
}

.c-academy {
    --nav-underline-current: var(--color-colors-lime-60, #B9D77C);
    --nav-underline-hover: var(--color-colors-lime-20, #B9D77C);
}


/* Mobile */
.navToggle {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.hamburgerLabel {
    display: none;
    grid-column: -1 / -1;
    justify-self: end;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.hamburgerIcon {
    width: 20px;
    height: 20px;
    color: var(--color-colors-deep-blue-100, #183264);
}

.navPanel {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100vw;
    background: var(--color-colors-deep-blue-100, #183264);
    z-index: 9999;
    transform: translateX(100%);
    transition: transform 0.25s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 16px;
    gap: 16px;
}

.navPanelContent {
    overflow: auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
}

.navClose {
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    line-height: 1;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 20px;
    right: 20px;
}

@media (max-width: 1140px) {
    .hamburgerLabel {
        display: inline-flex;
    }

    .navWrapper {
        display: none;
    }

    .navToggle:checked ~ .navPanel {
        transform: translateX(0);
    }

    .navPanelContent {
        gap: 24px;
    }

    .navbarItem {
        justify-content: flex-start;
        font: var(--font-label-large);
        color: var(--color-colors-white-white, #FFF);
        padding-left: 12px;
    }

    .navbarItem::after {
        height: 100%;
        width: 4px;
        bottom: 0px;
    }

    .navbarItem:focus::after {
        background: var(--nav-underline-hover, transparent);
        opacity: 1;
    }

    .navbarItem.c-current::after {
        background: var(--nav-underline-current, var(--nav-underline-hover, transparent));
        opacity: 1;
    }

    .auth-buttons {
        flex-direction: column;
        gap: 8px;
        width: 100%
    }

    #logoutForm {
        justify-content: center;
        align-items: center;
        width: 100%;
        border-top: 1px solid var(--color-colors-cool-grey-40);
        padding-top: 16px;
    }

    #manageLink {
        background: var(--color-colors-deep-blue-140, #183264);
    }
}

footer.footer {
    margin-top: auto;
}

.c_footer {
    background: var(--color-colors-deep-blue-100, #183264);
    padding-top: 40px;
    padding-bottom: 24px;
    position: relative;
    overflow: hidden;
}

.arrowSvg {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0px;
    bottom: 0px;
    height: 100%;
    z-index: 1;
}

@media (max-width: 1140px) {
    .arrowSvg {
        right: -20%;
    }
}

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


.footerGrid {
    row-gap: 56px;
    z-index: 2;
}

.clbImage {
    grid-column: 1 / span 1;
    width: auto;
    max-width: 100%;
    display: block;
}

.footerTop {
    grid-row: 1;
    grid-column: 3 / span 9;
    display: flex;
    gap: var(--spacing-xs, 24px);
}

.footerTopItem {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs, 16px);
    flex: 1 1 0;
    min-width: 0;
}

.itemTitle {
    color: var(--color-colors-deep-blue-20, #D1D6E0);
    font: var(--font-label-xlarge);
}

.itemInfo {
    display: flex;
    flex-direction: column;
    color: var(--color-colors-white-white, #FFF);
    font: var(--font-body-small);
}

.phone, .mailto {
    color: var(--color-colors-white-white, #FFF);
    font: var(--font-body-small);
}

.footerBottom, .footerBottom a {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex;
    color: var(--color-colors-deep-blue-20, #D1D6E0);
    font: var(--font-body-small);
    align-items: center;
    gap: 8px;
}

.footerSeparator {
    color: var(--color-colors-deep-blue-60, #D1D6E0);
    font: var(--font-body-small);
}

@media (max-width: 768px) {
    .footerBottom {
        flex-wrap: wrap;
    }

    .footerTop {
        grid-column: 1 / span 4;
        flex-direction: column;
        gap: var(--spacing-3xs, 12px);
    }

    .clbImage {
        display: none;
    }
}
.formWrapper {
    grid-column: 4 / span 6;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 24px);
}

@media (max-width: 768px) {
    .formWrapper {
        grid-column: 1 / span 4;
    }
}

.formTitle {
    color: var(--color-colors-deep-blue-100);
    font: var(--font-h2);
    margin: 0;
    padding: 0;
}

.form {
    background: var(--color-colors-cool-grey-10, #F3F4F7);
    border-radius: var(--radius-l, 16px);
    display: flex;
    padding: var(--spacing-xs, 24px);
    flex-direction: column;
    gap: var(--spacing-xs, 24px);
}

.form-horizontal {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 24px);
}

fieldset > .form-horizontal {
    gap: var(--spacing-2xs, 16px);
}

.inputWrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-2xs, 16px);
    align-self: stretch;
}

.form-group {
    display: flex;
    align-items: center;
    gap: var(--spacing-xs, 24px);
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, 
select[disabled], input[type=checkbox][disabled]{
    background: var(--color-colors-cool-grey-10, #F3F4F7) !important;
    opacity: 1;
    cursor: not-allowed;
}

input[type=radio][disabled] {
    cursor: not-allowed;
}

.form-row > div {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.col-md-9:has(>.radio-inline) {
    display: flex;
    gap: 8px;
}

.radio-inline {
    display: flex;
    align-items: center;
    gap: 2px;
}

.col-md-9:has(>.checkbox) {
    padding-top: 7px !important;
}

.form-group .form-input {
    flex: 1 1 0;
    min-width: 0;
}

.form-group .form-input .form-control {
    width: 100%;
}

.control-label {
    font: var(--font-label-large);
    color: var(--color-colors-deep-blue-80, #465B83);
    flex: 1 0 0;
    white-space: nowrap;
}

.control-label.label-required::after {
    content: " *";
    color: var(--color-colors-coral-100, #ED6B64);
    font: var(--font-label-large);
}

.form-control {
    border-radius: 8px;
    border: 1px solid var(--colors-deep-blue-60, #7484A2);
    background: var(--color-colors-white-white, #FFF);
    display: flex;
    padding: var(--spacing-4xs, 8px) var(--spacing-3xs, 12px);
    align-items: center;
    gap: var(--spacing-4xs, 8px);
}

.checkbox-label {
    color: var(--color-colors-deep-blue-80, #465B83);
    font: var(--font-body-small);
    display: flex;
    align-items: center;
    gap: var(--spacing-4xs, 8px);
    align-self: stretch;
}

.submit-btn {
    width: 100%;
}

.text-danger, .text-danger * {
    color: var(--color-colors-coral-100, #ED6B64);
    font: var(--font-caption-medium);
}

.validation-summary-valid.text-danger:has(li):not(:has(li:not([style*="display:none"]))) {
    display: none;
}

#RememberMe {
    margin: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid var(--colors-deep-blue-40, #A3ADC1);
}

.formBottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xs, 8px);
    align-self: stretch;
}

.linkMessage {
    color: var(--color-colors-deep-blue-120, #132850);
    font: var(--font-body-small);
}

.bottomLink a {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-label-large);
}

.registerSection {
    display: flex;
    align-items: center;
    gap: 16px;
    align-self: stretch;
}

.registerSectionTitle {
    font: var(--font-h4);
    color: var(--color-colors-cool-grey-120, #757AA2);
    margin: 0;
}

.input-group {
    display: flex;
    position: relative
}

.input-group-btn {
    position: absolute;
    right: 12px;
}

.bottomCaption {
    color: var(--color-colors-cool-grey-120, #757AA2);
    font: var(--font-caption-small);
    text-transform: uppercase;
}

.bottomCaption a {
    color: var(--color-colors-deep-blue-100, #183264);
}

.helpButton {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 16px;
    height: 32px;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: var(--color-colors-cool-grey-120);
}

.helpButton__icon {
    width: 16px;
    height: 16px;
}

.form-group > :first-child,
.form-row > div > :first-child {
    flex: 1 0 0;
    white-space: wrap;
    padding-top: 7px;
    align-self: flex-start;
    color: var(--color-colors-deep-blue-80, #465B83);
    font: var(--font-label-large);
}

.form-group > :nth-child(2),
.form-row > div > :nth-child(2) {
    flex: 3 0 0;
    min-width: 0;
}

.form-row > div > :nth-child(2) > input, .contractChangeStartDate {
    width: 100%;
}

.form-horizontal > .form-group > .col-md-offset-3 {
    display: flex;
    justify-content: flex-end;
}

input[type="checkbox"], input[type="radio"] {
    accent-color: var(--color-colors-deep-blue-100, #465B83);
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid #7484A2;
    background: #fff;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
}

input[type="checkbox"]:checked {
    background-color: var(--color-colors-deep-blue-100, #465B83); 
    border-color: var(--color-colors-deep-blue-100, #465B83);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 8px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%278%27%20height%3D%278%27%20viewBox%3D%270%200%208%208%27%20fill%3D%27none%27%3E%3Cg%20clip-path%3D%27url(%23clip0_2826_1789)%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M7.79046%200.764074C8.03469%200.963914%208.07069%201.32393%207.87086%201.56818L3.38773%207.04753C2.97865%207.54753%202.2368%207.60935%201.75063%207.18393L0.195148%205.8229C-0.0423586%205.61507%20-0.0664257%205.25406%200.141393%205.01655C0.349211%204.77905%200.710217%204.75498%200.947726%204.9628L2.50321%206.32387L6.98634%200.844485C7.18617%200.600228%207.54617%200.564228%207.79046%200.764074Z%27%20fill%3D%27white%27/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id%3D%27clip0_2826_1789%27%3E%3Crect%20width%3D%278%27%20height%3D%278%27%20fill%3D%27white%27/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    width: 13px;
    height: 13px;
    margin: 0;
    border: 1px solid #183264; 
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked {
    border: none; 
    background-repeat: no-repeat;
    background-position: center;
    background-size: 13px 13px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Crect%20width%3D%2716%27%20height%3D%2716%27%20rx%3D%278%27%20fill%3D%27%23183264%27/%3E%3Crect%20x%3D%274%27%20y%3D%274%27%20width%3D%278%27%20height%3D%278%27%20rx%3D%274%27%20fill%3D%27white%27/%3E%3C/svg%3E");
}

.form-group > .col-md-9 {
    padding: 0;
}

#doctorsNote, .file-upload {
    display: flex;
    padding: var(--spacing-4xs, 8px);
    align-items: center;
    gap: var(--spacing-2xs, 16px);
    border-radius: var(--radius-m, 8px);
    background: var(--colors-deep-blue-05, #F3F5F7);
}

input[type="file"] {
    font: var(--font-label-small);
    color: var(--color-colors-deep-blue-120, #132850);
}

input[type="file"]::file-selector-button {
    display: inline-flex;
    padding: var(--spacing-4xs, 8px);
    border-radius: var(--radius-m, 8px);
    border: none;
    background: var(--color-colors-deep-blue-20);
    color: var(--color-colors-deep-blue-120, #132850);
    cursor: pointer;
    margin-right: 12px;
    padding-left: 32px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNjA4NTYgMS4yODU3MUM3LjQ3NjczIDEuMjg1NzEgNy4zNDYyIDEuMzExODEgNy4yMjQ1MiAxLjM2MjUxQzcuMTAyODIgMS40MTMyMSA2Ljk5MjM4IDEuNDg3NSA2Ljg5OTU0IDEuNTgxMUw2Ljg5ODQgMS41ODIyNUwxLjY5NjQ4IDYuODAwNTdDMS40MzMyNCA3LjA2ODYzIDEuMjg1NzIgNy40MjkzMyAxLjI4NTcyIDcuODA1MDhDMS4yODU3MiA4LjE4MTQzIDEuNDMzNzEgOC41NDI2OSAxLjY5Nzc0IDguODEwODNMMy4xNTg5MiAxMC4yOTY3QzMuMjg4NTQgMTAuNDI4OCAzLjQ0MzY3IDEwLjUzNDEgMy42MTQzMiAxMC42MDU4QzMuNzg0OTcgMTAuNjc3NCAzLjk2ODE5IDEwLjcxNDMgNC4xNTMyNiAxMC43MTQzQzQuMzM4MzQgMTAuNzE0MyA0LjUyMTU1IDEwLjY3NzQgNC42OTIyMSAxMC42MDU4QzQuODYyODYgMTAuNTM0MSA1LjAxNzUyIDEwLjQyOTIgNS4xNDcxNSAxMC4yOTcxTDUuMTQ5NDkgMTAuMjk0N0wxMC4wMzI5IDUuMzcwMzRDMTAuMjgyOCA1LjExODI0IDEwLjY4OTkgNS4xMTY1NCAxMC45NDIgNS4zNjY1NEMxMS4xOTQxIDUuNjE2NTQgMTEuMTk1OCA2LjAyMzU3IDEwLjk0NTggNi4yNzU2N0w2LjA2NDc4IDExLjE5NzdDNi4wNjQzNiAxMS4xOTgxIDYuMDYzOTUgMTEuMTk4NiA2LjA2MzU0IDExLjE5ODlDNS44MTQ0OCAxMS40NTI0IDUuNTE3NDYgMTEuNjUzOCA1LjE4OTc5IDExLjc5MTNDNC44NjE1OCAxMS45MjkgNC41MDkyMSAxMiA0LjE1MzI2IDEyQzMuNzk3MzIgMTIgMy40NDQ5NCAxMS45MjkgMy4xMTY3NCAxMS43OTEzQzIuNzg4NTYgMTEuNjUzNSAyLjQ5MTE0IDExLjQ1MTggMi4yNDE4MyAxMS4xOTc4QzIuMjQxODcgMTEuMTk3OCAyLjI0MTgxIDExLjE5NzggMi4yNDE4MyAxMS4xOTc4TDAuNzgxNTYyIDkuNzEyODlDMC4yODA3MTggOS4yMDQxNyAwIDguNTE4OTUgMCA3LjgwNTA4QzAgNy4wOTEyIDAuMjgwNzE4IDYuNDA1OTYgMC43ODE1NjIgNS44OTcyNkwwLjc4NDM1NiA1Ljg5NDQyTDUuOTg2NjggMC42NzU3QzUuOTg2OSAwLjY3NTQ3NSA1Ljk4NzEzIDAuNjc1MjUgNS45ODczNSAwLjY3NTAyNUM2LjE5OTU3IDAuNDYxMjM2IDYuNDUxOTggMC4yOTE1MzEgNi43MzAwNiAwLjE3NTY4MUM3LjAwODQyIDAuMDU5NzA4NCA3LjMwNyAwIDcuNjA4NTYgMEM3LjkxMDExIDAgOC4yMDg3MyAwLjA1OTcwODIgOC40ODcwNCAwLjE3NTY4MUM4Ljc2NTAyIDAuMjkxNDczIDkuMDE3MjcgMC40NjEwNjcgOS4yMjk0MiAwLjY3NDcwM0M5LjIyOTc2IDAuNjc1MDM2IDkuMjMwMSAwLjY3NTM2OCA5LjIzMDQ0IDAuNjc1N0w5LjgwOTQ0IDEuMjU0NjlDOS44MDk3OSAxLjI1NTAzIDkuODEwMTMgMS4yNTUzNSA5LjgxMDM5IDEuMjU1NjlDMTAuMDI0MSAxLjQ2Nzg0IDEwLjE5MzYgMS43MjAxMyAxMC4zMDk0IDEuOTk4MDdDMTAuNDI1NCAyLjI3NjQzIDEwLjQ4NTEgMi41NzUwMSAxMC40ODUxIDIuODc2NTZDMTAuNDg1MSAzLjE3ODEyIDEwLjQyNTQgMy40NzY3IDEwLjMwOTQgMy43NTUwN0MxMC4xOTM3IDQuMDMyODIgMTAuMDI0MiA0LjI4NDk4IDkuODEwODIgNC40OTcwNEM5LjgxMDM5IDQuNDk3NTEgOS44MDk4NyA0LjQ5Nzk4IDkuODA5NDQgNC40OTg0NEw1LjIwMDYyIDkuMTIzNjlDNS4yMDAzOSA5LjEyMzg2IDUuMjAwMTUgOS4xMjQxMSA1LjE5OTkyIDkuMTI0MzdDNS4wNjQgOS4yNjExNyA0LjkwMjM4IDkuMzY5ODYgNC43MjQzMyA5LjQ0NEM0LjU0NTk4IDkuNTE4MzEgNC4zNTQ2OCA5LjU1NjU0IDQuMTYxNDcgOS41NTY1NEMzLjk2ODI2IDkuNTU2NTQgMy43NzY5NiA5LjUxODMxIDMuNTk4NiA5LjQ0NEMzLjQyMDI1IDkuMzY5NjkgMy4yNTgzOCA5LjI2MDgzIDMuMTIyMzIgOS4xMjM2OUwzLjExNzggOS4xMTkwNkwyLjgzNDA2IDguODI3MkMyLjY5OTEgOC42OTIxMSAyLjU5MTg3IDguNTMxOTMgMi41MTg0MiA4LjM1NTYzQzIuNDQ0MTIgOC4xNzcyOCAyLjQwNTg2IDcuOTg1OTggMi4yMDU4NiA3Ljc5Mjc3QzIuNDA1ODYgNy41OTk1NiAyLjQ0NDEyIDcuNDA4MjYgMi41MTg0MiA3LjIyOTkxQzIuNTkyNzEgNy4wNTE1OCAyLjcwMTU4IDYuODg5NzEgMi44Mzg3NCA2Ljc1MzY3QzIuODM4NzYgNi43NTM2NSAyLjgzODcyIDYuNzUzNjkgMi44Mzg3NCA2Ljc1MzY3TDUuOTMyOSAzLjY4NDFDNi4xODQ5NSAzLjQzNDA2IDYuNTkxOTggMy40MzU2OSA2Ljg0MjAyIDMuNjg3NzRDNy4wOTIwOCAzLjkzOTc5IDcuMDkwNDUgNC4zNDY4MiA2LjgzODQgNC40OTY4N0wzLjc0NDI0IDcuNjY2NDJDMy43Mjc1NyA3LjY4Mjk3IDMuNzE0MjggNy43MDI2OSAzLjcwNTI2IDcuNzI0MzZDMy42OTYyMiA3LjQ0NjAzIDMuNjkxNTggNy43NjkyOSAzLjY5MTU4IDcuNzkyNzdDMy42OTE1OCA3LjgxNjI1IDMuNjk2MjIgNy44Mzk1IDMuNzA1MjYgNy44NjExN0MzLjcxNDI4IDcuODgyODUgMy43Mjc1MiA3LjkwMjUyIDMuNzQ0MTkgNy45MTkwN0wzLjc1MjQ5IDcuOTI3MjlMNC4wMzY2MiA4LjIxOTY5QzQuMDUyODYgOC4yMzU2OSA0LjA3MjAxIDguMjQ4NDIgNC4wOTMwNiA4LjI1NzE5QzQuMTE0NzMgOC4yNjYyMiA0LjEzNzk5IDguMjcwODcgNC4xNjE0NyA4LjI3MDg3QzQuMTg0OTUgOC4yNzA4NyA0LjIwODIgOC4yNjYyMiA0LjIyOTg3IDguMjU3MTlDNC4yNTE1NSA4LjI0ODE2IDQuMjcxMjMgOC4yMzQ5MiA0LjI4Nzc2IDguMjE4MjVMNC4yODg4MiA4LjIxNzJMOC45MDEzOSAzLjU4ODI1TDguOTA0MDQgMy41ODU1OEM4Ljk5NzY0IDMuNDkyNzUgOS4wNzE4NyAzLjM4MjI5IDkuMTIyNjIgMy4yNjA2MUM5LjE3MzI3IDMuMTM4OTIgOS4xOTk0MiAzLjAwODQgOS4xOTk0MiAyLjg3NjU2QzkuMTk5NDIgMi43NDQ3MyA5LjE3MzI3IDIuNjE0MjEgOS4xMjI2MiAyLjQ5MjUyQzkuMDcxODcgMi4zNzA4MyA4Ljk5NzY0IDIuMjYwMzkgOC45MDQwNCAyLjE2NzU1TDguOTAyMTYgMi4xNjU2OUw4LjMxOTQ3IDEuNTgyOTdMOC4zMTc1OSAxLjU4MTFDOC4yMjQ3NiAxLjQ4NzUgOC4xMTQyOSAxLjQxMzIxIDcuOTkyNiAxLjM2MjUxQzcuODcwOTEgMS4zMTE4MSA3Ljc0MDM5IDEuMjg1NzEgNy42MDg1NiAxLjI4NTcxWiIgZmlsbD0iIzQ2NUI4MyIvPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px 16px;
}

input[type="file"]::file-selector-button:hover {
    background: var(--color-colors-deep-blue-10, #E8EAEF);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE1IDE2IiBmaWxsPSJub25lIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjE0NDcgMS43MTQyOUM5Ljk2ODk3IDEuNzE0MjkgOS43OTQ5NCAxLjc0OTA5IDkuNjMyNjkgMS44MTY2OUM5LjQ3MDQyIDEuODg0MjkgOS4zMjMxNyAxLjk4MzM0IDkuMTk5MzggMi4xMDgxNEw5LjE5Nzg2IDIuMTA5NjdMMi4yNjE5OCA5LjA2NzQzQzEuOTEwOTkgOS40MjQ4MyAxLjcxNDI5IDkuOTA1NzcgMS43MTQyOSAxMC40MDY4QzEuNzE0MjkgMTAuOTA4NiAxLjkxMTYxIDExLjM5MDMgMi4yNjM2NiAxMS43NDc4TDQuMjExODkgMTMuNzI4OUM0LjM4NDcyIDEzLjkwNSA0LjU5MTU2IDE0LjA0NTUgNC44MTkxIDE0LjE0MUM1LjA0NjYzIDE0LjIzNjYgNS4yOTA5MiAxNC4yODU3IDUuNTM3NjggMTQuMjg1N0M1Ljc4NDQ1IDE0LjI4NTcgNi4wMjg3MyAxNC4yMzY2IDYuMjU2MjggMTQuMTQxQzYuNDgzODEgMTQuMDQ1NSA2LjY5MDAyIDEzLjkwNTYgNi44NjI4NyAxMy43Mjk1TDYuODY1OTkgMTMuNzI2M0wxMy4zNzcyIDcuMTYwNDZDMTMuNzEwNSA2LjgyNDMyIDE0LjI1MzIgNi44MjIwNiAxNC41ODkzIDcuMTU1MzhDMTQuOTI1NCA3LjQ4ODcyIDE0LjkyNzcgOC4wMzE0MyAxNC41OTQ1IDguMzY3NTVMOC4wODYzNyAxNC45MzAzQzguMDg1ODIgMTQuOTMwOSA4LjA4NTI3IDE0LjkzMTQgOC4wODQ3MiAxNC45MzE5QzcuNzUyNjQgMTUuMjY5OCA3LjM1NjYxIDE1LjUzODQgNi45MTk3MiAxNS43MjE3QzYuNDgyMTEgMTUuOTA1NCA2LjAxMjI4IDE2IDUuNTM3NjggMTZDNS4wNjMwOSAxNiA0LjU5MzI2IDE1LjkwNTQgNC4xNTU2NSAxNS43MjE3QzMuNzE4MDggMTUuNTM4MSAzLjMyMTUyIDE1LjI2OSAyLjk4OTExIDE0LjkzMDRDMi45ODkxNiAxNC45MzA0IDIuOTg5MDggMTQuOTMwNCAyLjk4OTExIDE0LjkzMDRMMS4wNDIwOCAxMi45NTA1QzAuMzc0MjkgMTIuMjcyMiAwIDExLjM1ODYgMCAxMC40MDY4QzAgOS40NTQ5NCAwLjM3NDI5IDguNTQxMjggMS4wNDIwOCA3Ljg2MzAyTDEuMDQ1ODEgNy44NTkyMkw3Ljk4MjI0IDAuOTAwOTM0QzcuOTgyNTQgMC45MDA2MzMgNy45ODI4NCAwLjkwMDMzNCA3Ljk4MzEzIDAuOTAwMDMzQzguMjY2MDkgMC42MTQ5ODIgOC42MDI2NCAwLjM4ODcwNyA4Ljk3MzQxIDAuMjM0MjQxQzkuMzQ0NTYgMC4wNzk2MTEyIDkuNzQyNjYgMCAxMC4xNDQ3IDBDMTAuNTQ2OCAwIDEwLjk0NSAwLjA3OTYxMSAxMS4zMTYxIDAuMjM0MjQxQzExLjY4NjcgMC4zODg2MzEgMTIuMDIzIDAuNjE0NzU1IDEyLjMwNTkgMC44OTk2MDVDMTIuMzA2MyAwLjkwMDA0OCAxMi4zMDY4IDAuOTAwNDkgMTIuMzA3MyAwLjkwMDkzNEwxMy4wNzkzIDEuNjcyOTNDMTMuMDc5NyAxLjY3MzM3IDEzLjA4MDIgMS42NzM4MSAxMy4wODA1IDEuNjc0MjVDMTMuMzY1NCAxLjk1NzEyIDEzLjU5MTUgMi4yOTM1MSAxMy43NDU5IDIuNjY0MDlDMTMuOTAwNSAzLjAzNTI1IDEzLjk4MDIgMy40MzMzNSAxMy45ODAyIDMuODM1NDJDMTMuOTgwMiA0LjIzNzUgMTMuOTAwNSA0LjYzNTYgMTMuNzQ1OSA1LjAwNjc1QzEzLjU5MTYgNS4zNzcxIDEzLjM2NTcgNS43MTMzIDEzLjA4MTEgNS45OTYwNkMxMy4wODA1IDUuOTk2NjkgMTMuMDc5OCA1Ljk5NzMgMTMuMDc5MyA1Ljk5NzkyTDYuOTM0MTYgMTIuMTY0OUM2LjkzMzg1IDEyLjE2NTEgNi45MzM1MyAxMi4xNjU1IDYuOTMzMjMgMTIuMTY1OEM2Ljc1MiAxMi4zNDgyIDYuNTM2NTEgMTIuNDkzMSA2LjI5OTExIDEyLjU5MkM2LjA2MTMxIDEyLjY5MTEgNS44MDYyNCAxMi43NDIxIDUuNTQ4NjMgMTIuNzQyMUM1LjI5MTAxIDEyLjc0MjEgNS4wMzU5NSAxMi42OTExIDQuNzk4MTQgMTIuNTkyQzQuNTYwMzMgMTIuNDkyOSA0LjM0NDUgMTIuMzQ3OCA0LjE2MzA5IDEyLjE2NDlMNC4xNTcwNyAxMi4xNTg3TDMuNzc4NzUgMTEuNzY5NkMzLjU5ODggMTEuNTg5NSAzLjQ1NTgzIDExLjM3NTkgMy4zNTc5IDExLjE0MDhDMy4yNTg4MyAxMC45MDMgMy4yMDc4MiAxMC42NDggMy4yMDc4MiAxMC4zOTA0QzMuMjA3ODIgMTAuMTMyNyAzLjI1ODgzIDkuODc3NjggMy4zNTc5IDkuNjM5ODdDMy40NTY5NSA5LjQwMjEgMy42MDIxMSA5LjE4NjI5IDMuNzg0OTkgOS4wMDQ4OUMzLjc4NTAxIDkuMDA0ODcgMy43ODQ5NiA5LjAwNDkxIDMuNzg0OTkgOS4wMDQ4OUw3LjkxMDUzIDQuOTEyMTRDOC4yNDY2IDQuNTc4NzQgOC43ODkzIDQuNTgwOTEgOS4xMjI3IDQuOTE2OThDOTQ1NjEgNS4yNTMwNSA5LjQ1MzkzIDUuNzk1NzYgOS4xMTc4NiA2LjEyOTE1TDQuOTkyMzIgMTAuMjIxOUM0Ljk3MDA5IDEwLjI0NCA0Ljk1MjM4IDEwLjI3MDMgNC45NDAzNSAxMC4yOTkxQzQuOTI4MyAxMC4zMjggNC45MjIxMSAxMC4zNTkxIDQuOTIyMTEgMTAuMzkwNEM0LjkyMjExIDEwLjQyMTcgNC45MjgzIDEwLjQ1MjcgNC45NDAzNSAxMC40ODE2QzQuOTUyMzggMTAuNTEwNSA0Ljk3MDAzIDEwLjUzNjcgNC45OTIyNSAxMC41NTg4TDUuMDAzMzIgMTAuNTY5N0w1LjM4MjE2IDEwLjk1OTZDNS40MDM4MSAxMC45ODA5IDUuNDI5MzUgMTAuOTk3OSA1LjQ1NzQyIDExLjAwOTZDNS40ODYzMSAxMS4wMjE2IDUuNTE3MzIgMTEuMDI3OCA1LjU0ODYzIDExLjAyNzhDNS41Nzk5MyAxMS4wMjc4IDUuNjEwOTQgMTEuMDIxNiA1LjYzOTgzIDExLjAwOTZDNS42Njg3MyAxMC45OTc1IDUuNjk0OTcgMTAuOTc5OSA1LjcxNzAyIDEwLjk1NzdMNS43MTg0MyAxMC45NTYzTDExLjg2ODUgNC43ODQzM0wxMS44NzIxIDQuNzgwNzhDMTEuOTk2OSA0LjY1Njk5IDEyLjA5NTggNC41MDk3MyAxMi4xNjM1IDQuMzQ3NDdDMTIuMjMxIDQuMTg1MjIgMTIuMjY1OSA0LjAxMTIgMTIuMjY1OSAzLjgzNTQyQzEyLjI2NTkgMy42NTk2NSAxMi4yMzEgMy40ODU2MSAxMi4xNjM1IDMuMzIzMzZDMTIuMDk1OCAzLjE2MTExIDExLjk5NjkgMy4wMTM4NSAxMS44NzIxIDIuODkwMDdMMTEuODY5NSAyLjg4NzU5TDExLjA5MjYgMi4xMTA2M0wxMS4wOTAxIDIuMTA4MTRDMTAuOTY2MyAxLjk4MzM0IDEwLjgxOTEgMS44ODQyOSAxMC42NTY4IDEuODE2NjlDMTAuNDk0NiAxLjc0OTA5IDEwLjMyMDUgMS43MTQyOSAxMC4xNDQ3IDEuNzE0MjlaIiBmaWxsPSIjQTNBREMxIi8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px 16px;
}

.helpButton:hover {
    background-color: transparent !important;
}

.col-md-6:has(.familyStatusChangeStartDate) {
    flex: 1 0 0 !important; 
}

.employeeDetail .col-md-6 .input-group {
    position: static;
}

.employeeDetail .col-md-6 .input-group > :first-child,
.employeeDetail .col-md-6 .input-group > :nth-child(2),
.employeeDetail .col-md-6 .input-group > :nth-child(3),
.employeeDetail .col-md-9 .input-group > :first-child,
.employeeDetail .col-md-9 .input-group > :nth-child(2),
.employeeDetail .col-md-9 .input-group > :nth-child(3),
.input-group:has(.familyStatusChangeStartDate) > :first-child,
.input-group:has(.familyStatusChangeStartDate) > :nth-child(2),
.input-group:has(.familyStatusChangeStartDate) > :nth-child(3) {
    position: static;
    width: fit-content;
}

.employeeDetail .col-md-6 .input-group > .input-group-btn,
.employeeDetail .col-md-9 .input-group > .input-group-btn,
.employeeDetail .col-md-9 .input-group > :nth-child(2),
.input-group:has(.familyStatusChangeStartDate) > .input-group-btn {
    flex: 0 0 auto;
}

.employeeDetail .col-md-9 .input-group > :nth-child(2) > button {
    height: 100%;
}

.employeeDetail .col-md-6 .input-group > :first-child > button,
.employeeDetail .col-md-9 .input-group > :first-child > button,
.input-group:has(.familyStatusChangeStartDate) > :first-child > button {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.employeeDetail .col-md-6 .input-group > :nth-child(3) > button,
.employeeDetail .col-md-9 .input-group > :nth-child(3) > button,
.input-group:has(.familyStatusChangeStartDate) > :nth-child(3) > button,
.employeeDetail .col-md-9 .input-group > :nth-child(3) {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.employeeDetail .col-md-9 .input-group > :nth-child(2) > button,
.input-group:has(.familyStatusChangeStartDate) > :nth-child(2) > button
.employeeDetail .col-md-9 .input-group > :nth-child(2) {
    border-radius: 0px;
}

.employeeDetail .col-md-6 .input-group > :nth-child(2),
.input-group:has(.familyStatusChangeStartDate) > :nth-child(2) {
    max-width: 120px;
    border-radius: 0px;
}

.countRow > * {
    flex: 1;
}

.btn-number:hover {
    background: var(--color-colors-deep-blue-80, #465B83) !important;
}

@media (max-width: 1140px) {
    .countRow {
        flex-direction: column;
    }
}

/* Autocomplete */
.ui-autocomplete {
    max-width: 500px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 2px solid #d4d4d4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: -2px -2px 0px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: -2px -2px 0px 0px rgba(0, 0, 0, 0.08);
    box-shadow: -2px -2px 0px 0px rgba(0, 0, 0, 0.08);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    max-height: 300px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.ui-autocomplete li {
    padding: 2px 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.ui-autocomplete li:first-child {
    border: 0;
}

.ui-autocomplete li:hover {
    background-color: #7d868b;
    color: #FFF;
    cursor: pointer;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover,
.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
}

.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Popover */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    font: var(--font-label-small);
}

.popover.in {
    display: block;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #ebebeb;
    border-radius: 6px 6px 0 0;
}

.popover-content {
    padding: 9px 14px;
}

.popover > .arrow,
.popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover > .arrow {
    border-width: 11px;
}

.popover > .arrow:after {
    content: "";
    border-width: 10px;
}

.popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: rgba(0,0,0,.25);
    border-top-width: 0;
}

.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #fff;
    border-top-width: 0;
}
.dashboard {
    display: flex;
    align-items: stretch;
    gap: var(--spacing-xs, 24px);
    align-self: stretch;
}

.leftPanel,
.rightPanel {
    display: flex;
    padding: var(--spacing-xs, 24px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-xs, 24px);
    border-radius: var(--radius-l, 16px);
    background: var(--colors-white-white, #FFF);
    box-shadow: 0 4px 16px rgba(14, 30, 60, 0.12);
}

.rightPanel {
    align-self: stretch;
    flex: 1 1 0;
}

.leftPanel {
    flex: 2 1 0;
}

.serviceRow {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-xs, 24px);
    align-self: stretch;
}

.service {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-2xs, 16px);
    flex: 1 0 0;
    border-radius: 16px;
    align-self: stretch;
}

.serviceTitle {
    display: flex;
    padding: var(--spacing-4xs, 8px);
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-4xs, 8px);
    align-self: stretch;
    border-radius: var(--radius-m, 8px);
    background: var(--color-colors-cool-grey-10, #F3F4F7);
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-h4);
}

.serviceTitleIcon {
    height: 32px;
    width: 32px;
}

.serviceLinkWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xs, 8px);
    align-self: stretch;
}

.serviceIcon {
    color: var(--color-colors-cool-grey-40, #D5D7E4);
    width: 10px;
    height: 12px;
}

.serviceLink {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: var(--spacing-3xs, 12px);
    align-self: stretch;
}

.serviceLink a {
    color: var(--color-colors-deep-blue-120, #132850);
    font: var(--font-body-small);
    text-decoration: none;
}

.serviceLink .serviceIcon {
    transition: transform 0.05s ease;
}

.serviceLink:hover .serviceIcon {
    transform: translateX(4px);
}

.serviceLink:hover a {
    text-decoration: underline;
}

.serviceLink:hover .serviceIcon {
    color: var(--color-colors-cool-grey-80, #AAAEC9);
}

.serviceLinkSeparator {
    width: 100%;
    background-color: var(--color-colors-cool-grey-10);
    height: 1px;
    min-height: 1px;
}

@media (max-width: 1140px) {
    .dashboard {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .serviceRow {
        flex-direction: column;
    }
}

/* General Table CSS */
div:not(table div):not(.modal):not(.modal *):has(> table:only-child) {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px var(--color-colors-cool-grey-40, #D5D7E4);
    background: var(--color-colors-white-white, #FFF);
}

table {
    border-radius: 0;
    overflow: visible;
    box-shadow: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

.col-sm-12 {
    width: 100%;
    overflow: auto;
    border-radius: 0;
    box-shadow: none;
}

.dataTables_wrapper .dataTables_scroll {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px var(--color-colors-cool-grey-40, #D5D7E4);
    background: var(--color-colors-white-white, #FFF);
}

.dataTables_wrapper .dataTables_scrollHead,
.dataTables_wrapper .dataTables_scrollBody {
    border: 0 !important;
}

.dataTables_wrapper .col-sm-12:has(> table.dataTable),
.row .col-sm-12:has(> table.dataTable) {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px var(--color-colors-cool-grey-40, #D5D7E4);
    background: var(--color-colors-white-white, #FFF);
}

.dataTables_wrapper table.dataTable,
.row .col-sm-12 > table {
    width: max-content !important; 
    min-width: 100% !important; 
}

.row.am-fields, .row.pm-fields {
    gap: 0px;
}


thead {
    color: var(--color-colors-deep-blue-80, #465B83);
    font: var(--font-caption-medium);
    text-transform: uppercase;
    box-shadow: 0 1px 2px 0 rgba(14, 30, 60, 0.08);
}

th, td {
    text-align: left;
    border: 1px solid var(--color-colors-cool-grey-40, #D5D7E4);
    padding: var(--spacing-3xs, 12px) var(--spacing-2xs, 16px);
    gap: var(--spacing-3xs, 12px);
}

tbody tr:nth-child(odd) {
    background: var(--color-colors-cool-grey-10, #F3F4F7);
}

td {
    color: var(--color-colors-deep-blue-140, #0E1E3C);
    font: var(--font-body-small);
}

td:has(.showOverlay), td:has(.fa) {
    text-align: center;
}

td .dropdown {
    background: none;
    padding: 0;
}

.table.borderless {
    margin: 0 !important;
}

.row.schedules table tbody tr:nth-child(odd) {
    background: none;
}

td > a.btn.btn-default {
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    display: inline !important;
    align-self: auto !important;
    font: inherit !important;
    gap: 0 !important;
    box-shadow: none !important;
    text-decoration: none;
}

td:has(.glyphicon-file),
td:has(.glyphicon-edit),
td:has(.glyphicon-info-sign) {
    text-align: center;
    vertical-align: middle;
}

td:has(.glyphicon-file) a,
td:has(.glyphicon-edit) a,
td:has(.glyphicon-info-sign) a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.redTextColor {
    color: #FF4136;
}

.greenTextColor {
    color: #94c11f;
}

.red-color,
.red-color * {
    color: red !important;
}

.red-color .pagination,
.red-color .pagination * {
    color: var(--color-colors-deep-blue-120, #132850) !important;
}

thead tr:first-child th:first-child {
    border-top-left-radius: 8px;
}

thead tr:first-child th:last-child {
    border-top-right-radius: 8px;
}

tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}

tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}

.dataTables_wrapper .row:first-child {
    display: flex;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    gap: var(--spacing-2xs, 16px);
}

.dataTables_wrapper .row:nth-child(2) {
    padding-top: 24px;
    border-top: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
    margin-top: 24px;
}

.tableNoBorderTop .dataTables_wrapper > :nth-child(2) {
    border-top: none;
    margin-top: 0px;
    padding-top: 0;
}

.tableNoBorderTopWithPadding .dataTables_wrapper > :nth-child(2) {
    padding-top: 16px;
    border-top: none;
    margin-top: 0px;
}

/* Pagination */
.dataTables_wrapper .row:last-child {
    padding-top: 24px;
    align-items: center;
}

.pagination {
    display: flex;
    gap: 8px;
    margin: 0;
    padding: 0; 
    list-style: none;
    max-width: 100%;
}

@media (max-width: 1140px) {
    .pagination {
        flex-wrap: wrap;
    }
}

.pagination a {
    text-decoration: none;
    color: inherit;
}

.pagination .paginate_button.disabled,
.pagination .paginate_button.disabled:hover {
    opacity: 0.4;
    cursor: not-allowed;
    background: var(--color-colors-deep-blue-20, #D1D6E0);
    border: none;
}

.pagination .paginate_button.disabled > a {
    pointer-events: none;
}

.dataTables_info {
    color: var(--color-colors-deep-blue-60, #7484A2);
    font: var(--font-caption-medium);
    text-transform: uppercase;
    display: flex;
}

.pagination .paginate_button.previous > a,
.pagination .paginate_button.next > a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.pagination .paginate_button.previous > a {
    padding-left: 28px; 
    background-position: 2px center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M8%200C12.4183%200%2016%203.58173%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58173%2016%200%2012.4183%200%208C0%203.58173%203.58173%200%208%200ZM6.79079%205.20921C7.06974%205.48816%207.06974%205.94041%206.79079%206.21936L5.72443%207.28571H12C12.3945%207.28571%2012.7143%207.60551%2012.7143%208C12.7143%208.39449%2012.3945%208.71429%2012%208.71429H5.72443L6.79079%209.78064C7.06974%2010.0596%207.06974%2010.5118%206.79079%2010.7908C6.51184%2011.0697%206.05959%2011.0697%205.78064%2010.7908L3.49502%208.50517C3.42654%208.43669%203.37477%208.35766%203.33991%208.27342C3.30499%208.1892%203.28571%208.09685%203.28571%208C3.28571%207.8172%203.35545%207.6344%203.49493%207.49493L5.78064%205.20921C6.05959%204.93026%206.51184%204.93026%206.79079%205.20921Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

.pagination .paginate_button.next > a {
    padding-right: 28px; 
    background-position: calc(100% - 2px) center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M8%200C12.4183%200%2016%203.58173%2016%208C16%2012.4183%2012.4183%2016%208%2016C3.58173%2016%200%2012.4183%200%208C0%203.58173%203.58173%200%208%200ZM9.20921%205.20921C9.48816%204.93026%209.94041%204.93026%2010.2194%205.20921L12.505%207.49493C12.5736%207.56341%2012.6253%207.64234%2012.6601%207.72658C12.6942%207.80889%2012.7134%207.89896%2012.7143%207.99341V8V8.00659C12.7134%208.10104%2012.6942%208.19111%2012.6601%208.27342C12.6253%208.35766%2012.5736%208.43659%2012.505%208.50507L10.2194%2010.7908C9.94041%2011.0697%209.48816%2011.0697%209.20921%2010.7908C8.93026%2010.5118%208.93026%2010.0596%209.20921%209.78064L10.2756%208.71429H4C3.60551%208.71429%203.28571%208.39449%203.28571%208C3.28571%207.60551%203.60551%207.28571%204%207.28571H10.2756L9.20921%206.21936C8.93026%205.94041%208.93026%205.48816%209.20921%205.20921Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

.pagination .paginate_button.disabled > a {
    opacity: 0.6;
}

/* Per pagina en Zoekbalk */
.dataTables_wrapper > .row > .col-sm-6 {
    flex: 0;
    height: 100%;
}

.dataTables_wrapper .row:first-child {
    justify-content: flex-end;
}

/* per pagina */
.dataTables_length {
    display: flex;
    align-items: center;
    border-right: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
}

.dataTables_length label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0;
    margin: 0;
    padding-right: 16px;
}

.dataTables_length label::before {
    content: "Resultaten per pagina:";
    font: var(--font-body-small);
    color: var(--color-colors-deep-blue-100, #132850);
    order: 1;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .dataTables_length label::before {
        white-space: wrap
    }
}

.dataTables_length select {
    order: 2;
    width: fit-content;
    background-position: calc(100% - 12px) 50% !important;
}

/* Zoekbalk */
.dataTables_filter label {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 0;
}

.dataTables_filter input[type="search"] {
    width: 224px;
    font-size: 16px;
    padding: 8px 12px 8px 40px;
    border-radius: 8px;
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    background-color: var(--color-colors-white-white, #FFF);
    color: var(--color-colors-deep-blue-120, #132850);
    outline: none;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M2.28571%206.85714C2.28571%204.33241%204.33241%202.28571%206.85714%202.28571C9.38187%202.28571%2011.4286%204.33241%2011.4286%206.85714C11.4286%209.38187%209.38187%2011.4286%206.85714%2011.4286C4.33241%2011.4286%202.28571%209.38187%202.28571%206.85714ZM6.85714%200C3.07005%200%200%203.07005%200%206.85714C0%2010.6442%203.07005%2013.7143%206.85714%2013.7143C8.33803%2013.7143%209.70928%2013.2448%2010.8302%2012.4466L14.049%2015.6655C14.4953%2016.1118%2015.219%2016.1118%2015.6653%2015.6655C16.1115%2015.2192%2016.1115%2014.4955%2015.6653%2014.0493L12.4465%2010.8305C13.2448%209.7095%2013.7143%208.33815%2013.7143%206.85714C13.7143%203.07005%2010.6442%200%206.85714%200Z%27%20fill%3D%27%23757AA2%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 12px center;
    background-size: 16px 16px;
}

.dataTables_filter label::before {
    content: "Zoeken";
    position: absolute;
    left: 40px; 
    top: 50%;
    transform: translateY(-50%);
    font: var(--font-body-small);
    color: var(--color-colors-deep-blue-100, #7484A2);
    pointer-events: none;
}

.dataTables_filter label:focus-within::before {
    display: none;
}

.dataTables_filter input[type="search"]:not(:placeholder-shown) + * {
}

.dataTables_filter label:has(input[type="search"]:not(:placeholder-shown))::before {
    display: none;
}


/* Acties button */
.actions {
    position: relative;
    display: inline-flex;
    justify-content: flex-end;
}

.actions__menu {
    position: absolute;
    right: 0;
    top: calc(100% + 8px);
    min-width: 220px;
    width: max-content;
    background: var(--color-colors-white-white, #FFF);
    border: 1px solid var(--color-colors-cool-grey-40, #D5D7E4);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(14, 30, 60, 0.12);
    padding: 8px;
    display: none;
    z-index: 1000;
}

.actions.is-open .actions__menu {
    display: flex;
    padding: var(--spacing-4xs, 8px);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing-4xs, 8px);
}

.actions > button > .btn__icon {
    padding-left: 5px;
}

.actions.is-open .btn__icon {
    color: var(--color-colors-deep-blue-40, #A3ADC1);
}

.actions__item {
    display: flex;
    width: 100%;
    padding: 10px 12px;
    border-radius: 4px;
    text-decoration: none;
    color: var(--color-colors-deep-blue-120, #132850);
    font: var(--font-label-small);
    background: var(--color-colors-deep-blue-10, #E8EAEF);
    justify-content: center;
    position: relative;
    border: none;
    cursor: pointer;
}

.actions__item:disabled {
    cursor: not-allowed;
    opacity: 0.6;
}

.actions__item:has(.btn__icon) {
    padding-left: 32px;
}

.actions__item > .btn__icon {
    margin-top: 4px;
    position: absolute;
    left: 8px;
}

.actionText {
    margin: 0;
    font: var(--font-label-small);
}

.actions__item:hover {
    background: var(--color-colors-deep-blue-20, #E8EAEF);
}

.actions__item:active {
    background: var(--color-colors-deep-blue-40, #132850);
    color: var(--color-colors-deep-blue-140, #132850) !important;
}

/* Sorting buttons */
table.dataTable thead th.sorting,
table.dataTable thead th.sorting_asc,
table.dataTable thead th.sorting_desc {
    position: relative;
    padding-right: 28px;
    background-repeat: no-repeat;
    background-position: right 8px center;
    background-size: 16px 16px;
}

table.dataTable thead th.sorting {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0%200.857143C0%200.383755%200.383755%200%200.857143%200H9.14286C9.61624%200%2010%200.383755%2010%200.857143C10%201.33053%209.61624%201.71429%209.14286%201.71429H0.857143C0.383755%201.71429%200%201.33053%200%200.857143ZM3.71429%202.85714C3.2409%202.85714%202.85714%203.2409%202.85714%203.71429C2.85714%204.18767%203.2409%204.57143%203.71429%204.57143H9.14286C9.61624%204.57143%2010%204.18767%2010%203.71429C10%203.2409%209.61624%202.85714%209.14286%202.85714H3.71429ZM6%205.71429C5.52662%205.71429%205.14286%206.09805%205.14286%206.57143C5.14286%207.04481%205.52662%207.42857%206%207.42857H9.14286C9.61624%207.42857%2010%207.04481%2010%206.57143C10%206.09805%209.61624%205.71429%209.14286%205.71429H6ZM12.5714%200C13.2026%200%2013.7143%200.511674%2013.7143%201.14286V12H15.4286C15.6597%2012%2015.8681%2012.1392%2015.9566%2012.3528C16.0449%2012.5663%2015.9961%2012.8121%2015.8327%2012.9755L12.9755%2015.8327C12.7523%2016.0558%2012.3905%2016.0558%2012.1674%2015.8327L9.31024%2012.9755C9.14681%2012.8121%209.09792%2012.5663%209.18637%2012.3528C9.27482%2012.1392%209.48318%2012%209.7143%2012H11.4286V1.14286C11.4286%200.511674%2011.9402%200%2012.5714%200Z%27%20fill%3D%27%23D1D6E0%27/%3E%3C/svg%3E");
}

table.dataTable thead th.sorting_asc {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0%200.857143C0%200.383755%200.383755%200%200.857143%200H9.14286C9.61624%200%2010%200.383755%2010%200.857143C10%201.33053%209.61624%201.71429%209.14286%201.71429H0.857143C0.383755%201.71429%200%201.33053%200%200.857143ZM3.71429%202.85714C3.2409%202.85714%202.85714%203.2409%202.85714%203.71429C2.85714%204.18767%203.2409%204.57143%203.71429%204.57143H9.14286C9.61624%204.57143%2010%204.18767%2010%203.71429C10%203.2409%209.61624%202.85714%209.14286%202.85714H3.71429ZM6%205.71429C5.52662%205.71429%205.14286%206.09805%205.14286%206.57143C5.14286%207.04481%205.52662%207.42857%206%207.42857H9.14286C9.61624%207.42857%2010%207.04481%2010%206.57143C10%206.09805%209.61624%205.71429%209.14286%205.71429H6ZM12.5714%200C13.2026%200%2013.7143%200.511674%2013.7143%201.14286V12H15.4286C15.6597%2012%2015.8681%2012.1392%2015.9566%2012.3528C16.0449%2012.5663%2015.9961%2012.8121%2015.8327%2012.9755L12.9755%2015.8327C12.7523%2016.0558%2012.3905%2016.0558%2012.1674%2015.8327L9.31024%2012.9755C9.14681%2012.8121%209.09792%2012.5663%209.18637%2012.3528C9.27482%2012.1392%209.48318%2012%209.7143%2012H11.4286V1.14286C11.4286%200.511674%2011.9402%200%2012.5714%200Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

table.dataTable thead th.sorting_desc {
    background-image: none !important;
}

table.dataTable thead th.sorting_desc::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    width: 16px;
    height: 16px;
    transform: translateY(-50%) rotate(180deg) scaleX(-1);
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0%200.857143C0%200.383755%200.383755%200%200.857143%200H9.14286C9.61624%200%2010%200.383755%2010%200.857143C10%201.33053%209.61624%201.71429%209.14286%201.71429H0.857143C0.383755%201.71429%200%201.33053%200%200.857143ZM3.71429%202.85714C3.2409%202.85714%202.85714%203.2409%202.85714%203.71429C2.85714%204.18767%203.2409%204.57143%203.71429%204.57143H9.14286C9.61624%204.57143%2010%204.18767%2010%203.71429C10%203.2409%209.61624%202.85714%209.14286%202.85714H3.71429ZM6%205.71429C5.52662%205.71429%205.14286%206.09805%205.14286%206.57143C5.14286%207.04481%205.52662%207.42857%206%207.42857H9.14286C9.61624%207.42857%2010%207.04481%2010%206.57143C10%206.09805%209.61624%205.71429%209.14286%205.71429H6ZM12.5714%200C13.2026%200%2013.7143%200.511674%2013.7143%201.14286V12H15.4286C15.6597%2012%2015.8681%2012.1392%2015.9566%2012.3528C16.0449%2012.5663%2015.9961%2012.8121%2015.8327%2012.9755L12.9755%2015.8327C12.7523%2016.0558%2012.3905%2016.0558%2012.1674%2015.8327L9.31024%2012.9755C9.14681%2012.8121%209.09792%2012.5663%209.18637%2012.3528C9.27482%2012.1392%209.48318%2012%209.7143%2012H11.4286V1.14286C11.4286%200.511674%2011.9402%200%2012.5714%200Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

.dataTables_scrollHead,
.dataTables_scrollHeadInner,
.dataTables_scrollHead table {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.dataTables_scrollBody {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}


.dataTables_scrollBody > table > tbody > :first-child > *  {
    border-top: none;
}

.dataTables_scrollHead,
.dataTables_scrollHeadInner {
    box-shadow: none !important;
    background: transparent !important;
}

.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

.dataTables_scrollHead th {
    border-bottom: 1px solid var(--color-colors-cool-grey-40, #D5D7E4) !important;
}

/* To prevent there being 2 sorting icons */
.dataTables_scrollBody thead th.sorting,
.dataTables_scrollBody thead th.sorting_asc,
.dataTables_scrollBody thead th.sorting_desc,
.dataTables_scrollBody thead th.sorting_disabled {
    background-image: none !important;
}
.dataTables_scrollBody thead th.sorting::before,
.dataTables_scrollBody thead th.sorting::after,
.dataTables_scrollBody thead th.sorting_asc::before,
.dataTables_scrollBody thead th.sorting_asc::after,
.dataTables_scrollBody thead th.sorting_desc::before,
.dataTables_scrollBody thead th.sorting_desc::after {
    content: none !important;
    display: none !important;
}
fieldset {
    border: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-self: stretch;
}

legend {
    font: var(--font-h4);
    padding-bottom: 16px;
    width: 100%;
    display: flex;
    align-items: center;
}

legend::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
    margin-left: 16px;
}

/* Legend colors */
.c-bg-sociaal, .c-sociaal .form-horizontal .panelWrapper .tab-content fieldset legend,
.c-sociaal .panelWrapper fieldset legend {
    color: var(--color-colors-sky-blue-100, #2B8BCC);
}

.c-bg-verzekeringen, .c-verzekeringen .panelWrapper fieldset legend {
    color: var(--color-colors-coral-100);
}

.c-bg-verzekeringen, .c-verzekeringen .panelWrapper fieldset legend {
    color: var(--color-colors-coral-100);
}

.c-bg-medische, .c-medische .panelWrapper fieldset legend,
.c-bg-externe, .c-externe .panelWrapper fieldset legend {
    color: var(--color-colors-mint-100);
}

/* H3 colors */
.c-bg-medische, .c-medische .panelWrapper h3 {
    color: var(--color-colors-mint-120);
}

fieldset > .form-group > .checkboxWrapper {
    margin-left: 25%;
}

.profileLegend {
    color: var(--color-colors-cool-grey-100, #959ABB);
}

.profileCheckboxWrapper > .form-group > .checkboxWrapper {
    margin: 0;
}
/* jQuery datepicker */
.ui-datepicker {
    width: 280px;
    padding: 16px;
    border-radius: 12px;
    background: var(--color-colors-white-white, #FFF);
    box-shadow: 0 8px 24px rgba(14, 30, 60, 0.12);
    border: 1px solid var(--color-colors-cool-grey-40, #D5D7E4);
    font: var(--font-body-small);
    z-index: 2000;
}

.ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.ui-datepicker-title {
    font: var(--font-label-large);
    color: var(--color-colors-deep-blue-120, #132850);
}

.ui-datepicker-prev,
.ui-datepicker-next {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-colors-cool-grey-40, #D5D7E4);
    background: var(--color-colors-white-white, #FFF);
    cursor: pointer;
    position: relative;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    background: var(--color-colors-cool-grey-10, #F3F4F7);
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none;
}

.ui-datepicker-prev::before,
.ui-datepicker-next::before {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 8px;
    height: 8px;
    border-right: 2px solid var(--color-colors-deep-blue-80, #465B83);
    border-bottom: 2px solid var(--color-colors-deep-blue-80, #465B83);
    transform: rotate(135deg);
}

.ui-datepicker-next::before {
    transform: rotate(-45deg);
}

.ui-datepicker-calendar {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
}

.ui-datepicker-calendar thead {
    box-shadow: none;
    text-transform: uppercase;
}

.ui-datepicker-calendar th {
    border: 0;
    padding: 0 0 6px 0;
    text-align: center;
    font: var(--font-caption-medium);
    color: var(--color-colors-deep-blue-60, #7484A2);
}

.ui-datepicker-calendar td {
    border: 0;
    padding: 0;
    background: transparent;
    text-align: center;
}

.ui-datepicker-calendar td a.ui-state-default {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    text-decoration: none;
    font: var(--font-body-small);
    color: var(--color-colors-deep-blue-120, #132850);
    background: var(--color-colors-white-white, #FFF);
    border: 1px solid transparent;
}

.ui-datepicker-calendar td a.ui-state-default:hover {
    background: var(--color-colors-cool-grey-10, #F3F4F7);
    border-color: var(--color-colors-cool-grey-40, #D5D7E4);
}

.ui-datepicker-calendar .ui-datepicker-today a.ui-state-default,
.ui-datepicker-calendar a.ui-state-highlight {
    border-color: var(--color-colors-deep-blue-60, #7484A2);
    background: var(--color-colors-deep-blue-05, #E8EAEF);
}

.ui-datepicker-calendar a.ui-state-active {
    background: var(--color-colors-deep-blue-100, #183264);
    color: var(--color-colors-white-white, #FFF);
}

.ui-datepicker-calendar .ui-state-disabled,
.ui-datepicker-calendar td.ui-datepicker-unselectable {
    opacity: 0.35;
}

.ui-datepicker-calendar td.ui-datepicker-other-month {
    opacity: 0.25;
}

.ui-datepicker-calendar .ui-datepicker-week-end a.ui-state-default {
    color: var(--color-colors-deep-blue-80, #465B83);
}

#ui-datepicker-div {
    position: absolute !important;
    top: 0;
    left: 0;
    display: none; 
}

#ui-datepicker-div.ui-helper-hidden,
#ui-datepicker-div.ui-helper-hidden-accessible {
    display: none !important;
}

.ui-datepicker-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ui-datepicker-prev {
    order: 1;
}

.ui-datepicker-title {
    order: 2;
}

.ui-datepicker-next {
    order: 3;
}

.ui-datepicker-title {
    flex: 1;
    display: flex;
    justify-content: center;
    text-align: center;
}


/* Bootstrap datepicker input */
.input-group.date,
.input-group.datetimepicker {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.input-group.date > .form-control,
.input-group.datetimepicker > .form-control {
    flex: 1 1 auto;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group.date > .input-group-addon,
.input-group.datetimepicker > .input-group-addon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    border-left: 0;
    border-top-right-radius: var(--radius-m, 8px);
    border-bottom-right-radius: var(--radius-m, 8px);
    background: var(--colors-cool-grey-10, #F3F4F7);
    cursor: pointer;
    user-select: none;
}

.input-group.date > .input-group-addon:hover,
.input-group.datetimepicker > .input-group-addon:hover {
    background: var(--color-colors-cool-grey-10, #F3F4F7);
    border-color: var(--color-colors-deep-blue-80, #465B83);
}

.input-group.date > .input-group-addon .glyphicon,
.input-group.datetimepicker > .input-group-addon .glyphicon {
    color: var(--color-colors-deep-blue-80, #465B83);
    font-size: 14px;
}

.input-group.date > .form-control,
.input-group.datetimepicker > .form-control {
    border: 1px solid var(--color-colors-deep-blue-60, #7484A2);
    border-top-left-radius: var(--radius-m, 8px);
    border-bottom-left-radius: var(--radius-m, 8px);
}

.input-group.date:focus-within > .form-control,
.input-group.datetimepicker:focus-within > .form-control,
.input-group.date:focus-within > .input-group-addon,
.input-group.datetimepicker:focus-within > .input-group-addon {
    border-color: var(--color-colors-deep-blue-100, #183264);
}

/* Bootstrap datepicker */
.bootstrap-datetimepicker-widget.dropdown-menu {
    position: absolute !important; 
    top: 100% !important;
    left: 0 !important;
    margin-top: 8px;
    display: none; 
    width: 280px;
    padding: 16px;
    border-radius: 12px;
    font: var(--font-body-small);
    z-index: 999999999999 !important;
}

.bootstrap-datetimepicker-widget ul,
.bootstrap-datetimepicker-widget li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.bootstrap-datetimepicker-widget table tr,
.bootstrap-datetimepicker-widget table tr:nth-child(even),
.bootstrap-datetimepicker-widget table tr:nth-child(odd) {
    background: transparent !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu.in {
    display: block !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu[style*="display: block"],
.bootstrap-datetimepicker-widget.dropdown-menu[style*="display:block"] {
    display: block !important;
}

.input-group.date,
.input-group.datetimepicker {
    position: relative;
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    display: none !important;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
}

.bootstrap-datetimepicker-widget table th,
.bootstrap-datetimepicker-widget table td {
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch {
    font: var(--font-label-large);
    color: var(--color-colors-deep-blue-120, #132850);
    padding: 0 0 8px 0 !important;
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding-bottom: 8px !important;
}

.bootstrap-datetimepicker-widget a[data-action] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    border: 1px solid var(--color-colors-cool-grey-40, #D5D7E4);
    background: var(--color-colors-white-white, #FFF);
    color: var(--color-colors-deep-blue-80, #465B83);
    text-decoration: none !important;
}

.bootstrap-datetimepicker-widget a[data-action]:hover {
    background: var(--color-colors-cool-grey-10, #F3F4F7);
}

.bootstrap-datetimepicker-widget a[data-action] .glyphicon {
    font-size: 12px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    text-transform: uppercase;
    font: var(--font-caption-medium);
    color: var(--color-colors-deep-blue-60, #7484A2);
    padding: 0 0 6px 0 !important;
}

.bootstrap-datetimepicker-widget table td.day {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font: var(--font-body-small);
    color: var(--color-colors-deep-blue-120, #132850);
    border: 1px solid transparent;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.day:hover {
    background: var(--color-colors-cool-grey-10, #F3F4F7) !important;
    border-color: var(--color-colors-cool-grey-40, #D5D7E4) !important;
}

.bootstrap-datetimepicker-widget table td.today {
    border-color: var(--color-colors-deep-blue-60, #7484A2) !important;
    background: var(--color-colors-deep-blue-05, #E8EAEF) !important;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background: var(--color-colors-deep-blue-100, #183264) !important;
    color: var(--color-colors-white-white, #FFF) !important;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    opacity: 0.35;
}

.bootstrap-datetimepicker-widget .timepicker-picker span:hover {
    background: none !important;
}

.bootstrap-datetimepicker-widget .btn {
    border-radius: 8px;
}

.bootstrap-datetimepicker-widget > ul,
.bootstrap-datetimepicker-widget > ul > li,
.bootstrap-datetimepicker-widget .datepicker,
.bootstrap-datetimepicker-widget .datepicker-days,
.bootstrap-datetimepicker-widget .datepicker-months,
.bootstrap-datetimepicker-widget .datepicker-years,
.bootstrap-datetimepicker-widget .datepicker-decades,
.bootstrap-datetimepicker-widget .timepicker-picker {
    background: #fff !important;
    background-color: #fff !important;
}

/*
.timepicker-picker {
    background-color: transparent;
}
*/
.pc-wrapper {
    gap: 4px;
}

.pc-wrapper > .row {
    align-self: flex-end;
}

.panel-title, .ibox.float-e-margins .panel-heading {
    color: var(--color-colors-white-white, #FFF);
    font: var(--font-label-xlarge);
    border-radius: var(--radius-m, 8px);
    background: var(--color-colors-sky-blue-100, #2B8BCC);
    display: flex;
    padding: var(--spacing-3xs, 12px) var(--spacing-2xs, 16px);
    align-items: center;
    gap: var(--spacing-2xs, 16px);
    align-self: stretch;
    margin-bottom: 4px;
    transition: background-color 0.2s ease;
}

.panel-title.collapsed, .ibox.float-e-margins .panel-heading {
    color: var(--color-colors-deep-blue-140, #0E1E3C);
    background: var(--color-colors-sky-blue-40, #AAD1EB);
}

.panel-title:hover, .ibox.float-e-margins .panel-heading:hover {
    background: var(--color-colors-sky-blue-20, #D5E8F5);
    color: var(--color-colors-deep-blue-140, #0E1E3C);
}

.ibox.float-e-margins.border-bottom .panel-heading {
    background: var(--color-colors-sky-blue-20, #E8EAEF);
} 

/* Make title an accordeon */
.panel-heading .panel-title {
    cursor: pointer;
}

.panel-heading .panel-title:hover {
    text-decoration: none;
    opacity: 0.95;
}

.panel-title__chevron, .fa-chevron-down {
    width: 12px;
    height: 7px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%200.26309C-0.0836838%200.613886%20-0.0836839%201.18263%200.251052%201.53342L5.09087%206.60542C5.59298%207.13153%206.40704%207.13153%206.90915%206.60542L11.749%201.53342C12.0837%201.18263%2012.0837%200.613886%2011.749%200.26309C11.4142%20-0.0876968%2010.8715%20-0.0876968%2010.5368%200.26309L6.00001%205.01747L1.46324%200.26309C1.1285%20-0.0876968%200.585788%20-0.0876968%200.251052%200.26309Z%27%20fill%3D%27%23757AA2%27/%3E%3C/svg%3E");
}

.panel-heading a[aria-expanded="true"] .panel-title__chevron, .fa-chevron-up {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%206.73692C-0.0836838%206.38614%20-0.0836839%205.81739%200.251052%205.4666L5.09087%200.394643C5.59298%20-0.131548%206.40704%20-0.131548%206.90915%200.394643L11.749%205.4666C12.0837%205.81739%2012.0837%206.38614%2011.749%206.73692C11.4142%207.08769%2010.8715%207.08769%2010.5368%206.73692L6.00001%201.98255L1.46324%206.73692C1.1285%207.08769%200.585788%207.08769%200.251052%206.73692Z%27%20fill%3D%27%23E8F2D3%27/%3E%3C/svg%3E");
    width: 12px;
    height: 7px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 12px 7px;
}

.fa.fa-chevron-up, .fa.fa-chevron-down {
    background-color: transparent;
}

.fa-chevron-down {
    background-position: center;
}

.documents > fieldset > a > legend::after {
    content: none !important;
    display: none !important;
}

.panel-collapse.collapse:not(.in) {
    display: none !important;
}

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

.panel-collapse.collapse,
.panel-collapse.collapsing {
    transition: height 0.35s ease !important;
    overflow: hidden;
}


/* Styling of Accordeon elemetnts */
.documents > fieldset > a > legend {
    padding-left: 8px;
    display: flex;
    padding: var(--spacing-3xs, 12px) var(--spacing-2xs, 16px);
    justify-content: center;
    align-items: center;
    gap: var(--spacing-2xs, 16px);
    align-self: stretch;
    border-radius: var(--radius-m, 8px);
    background: var(--color-colors-white-white, #FFF);
    color: var(--color-colors-deep-blue-140, #0E1E3C);
    font: var(--font-label-large);
    text-decoration: none !important;
}

.documents > fieldset > a > legend:hover {
    background: var(--color-colors-deep-blue-05, #F3F5F7);
    color: var(--color-colors-deep-blue-120, #0E1E3C);
}


.documents > fieldset > div > .row > .col-xs-12 > a {
    color: var(--color-colors-deep-blue-100, #183264);
    font: var(--font-body-small);
}

.documents > fieldset > a[aria-expanded="true"] > legend {
    background: var(--colors-deep-blue-10, #E8EAEF) !important;
}

.documents > fieldset > div > .row > .col-xs-2 {
    color: var(--color-colors-deep-blue-60, #183264);
    font: var(--font-body-small);
}

.documents > fieldset {
    display: block;
    padding-left: 12px;
}

.documents > fieldset > a {
  text-decoration: none !important;
}

.documents > fieldset > div > .row {
    border-bottom: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
    padding-bottom: 12px;
    padding-top: 12px;
    margin-left: 16px;
    margin-right: 16px;
    width: auto;
}

/* Collapse animation */
.documents .collapse {
    transition: height 0.35s ease !important;
}

.documents .collapsing {
    transition: height 0.35s ease !important;
    overflow: hidden;
}

.documents .collapse:not(.in) {
    display: none;
}

.documents .collapse.in {
    display: block;
    padding-bottom:  16px;
}

/* Icon */
.documents > fieldset > a > legend > span.fa {
    display: none !important;
}

.documents > fieldset > a > legend {
    position: relative;
    padding-right: 36px; 
}

.documents > fieldset > a > legend::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 12px;
    height: 7px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%200.26309C-0.0836838%200.613886%20-0.0836839%201.18263%200.251052%201.53342L5.09087%206.60542C5.59298%207.13153%206.40704%207.13153%206.90915%206.60542L11.749%201.53342C12.0837%201.18263%2012.0837%200.613886%2011.749%200.26309C11.4142%20-0.0876968%2010.8715%20-0.0876968%2010.5368%200.26309L6.00001%205.01747L1.46324%200.26309C1.1285%20-0.0876968%200.585788%20-0.0876968%200.251052%200.26309Z%27%20fill%3D%27%23757AA2%27/%3E%3C/svg%3E");
}

.documents > fieldset > a[aria-expanded="true"] > legend::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%206.73692C-0.0836838%206.38614%20-0.0836839%205.81739%200.251052%205.4666L5.09087%200.394643C5.59298%20-0.131548%206.40704%20-0.131548%206.90915%200.394643L11.749%205.4666C12.0837%205.81739%2012.0837%206.38614%2011.749%206.73692C11.4142%207.08769%2010.8715%207.08769%2010.5368%206.73692L6.00001%201.98255L1.46324%206.73692C1.1285%207.08769%200.585788%207.08769%200.251052%206.73692Z%27%20fill%3D%27%23959ABB%27/%3E%3C/svg%3E");
}

/* For PC index page */
.panel-pc .panel-body {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 24px;
}

.panel-pc .panel-body > .col-md-3 {
    flex: none;
    width: 15%;
}

.panel-pc .panel-body > .col-md-3 > a {
    color: var(--color-colors-deep-blue-100, #183264);
    text-decoration: none;
}

.panel-pc .panel-body > .col-md-3 > a:hover {
    color: var(--color-colors-deep-blue-40, #183264);
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/Content/fonts//glyphicons-halflings-regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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

/* Glyphicon Icons */
.glyphicon-info-sign:before {
    content: "\e086";
}

.glyphicon-calendar:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M4.57143%201.14286C4.57143%200.511674%204.05975%200%203.42857%200C2.79739%200%202.28571%200.511674%202.28571%201.14286V2.28571H1.71429C0.767509%202.28571%200%203.05322%200%204V13.1429C0%2014.0896%200.767509%2014.8571%201.71429%2014.8571H13.1429C14.0896%2014.8571%2014.8571%2014.0896%2014.8571%2013.1429V4C14.8571%203.05322%2014.0896%202.28571%2013.1429%202.28571H12.5714V1.14286C12.5714%200.511674%2012.0598%200%2011.4286%200C10.7974%200%2010.2857%200.511674%2010.2857%201.14286V2.28571H4.57143V1.14286ZM3.42864%206.7115C3.03257%206.7115%202.7115%207.03257%202.7115%207.42864C2.7115%207.82471%203.03257%208.14578%203.42864%208.14578H4.00007C4.39614%208.14578%204.71721%207.82471%204.71721%207.42864C4.71721%207.03257%204.39614%206.7115%204.00007%206.7115H3.42864ZM5.56864%207.42864C5.56864%207.03257%205.88971%206.7115%206.28578%206.7115H10.8573C11.2533%206.7115%2011.5744%207.03257%2011.5744%207.42864C11.5744%207.82471%2011.2533%208.14578%2010.8573%208.14578H6.28578C5.88971%208.14578%205.56864%207.82471%205.56864%207.42864ZM5.56864%2010.8573C5.56864%2010.4611%205.88971%2010.1401%206.28578%2010.1401H8.5715C8.96757%2010.1401%209.28864%2010.4611%209.28864%2010.8573C9.28864%2011.2533%208.96757%2011.5744%208.5715%2011.5744H6.28578C5.88971%2011.5744%205.56864%2011.2533%205.56864%2010.8573ZM2.7115%2010.8573C2.7115%2010.4611%203.03257%2010.1401%203.42864%2010.1401H4.00007C4.39614%2010.1401%204.71721%2010.4611%204.71721%2010.8573C4.71721%2011.2533%204.39614%2011.5744%204.00007%2011.5744H3.42864C3.03257%2011.5744%202.7115%2011.2533%202.7115%2010.8573Z%27%20fill%3D%27%23183264%27/%3E%3C/svg%3E");
}

.glyphicon-plus:before {
    content: "\002b";
}

.glyphicon-plus-sign:before {
    content: "\e081";
}

.glyphicon-export:before {
    content: "\e170";
}

.glyphicon-ban-circle:before {
    content: "\e090";
}

.glyphicon-th-list:before {
    content: "\e012";
}

.glyphicon-remove:before {
    content: "\e014";
}

.glyphicon-file:before {
    content: "\e022";
    color: var(--color-colors-deep-blue-100, #183264);
}

.glyphicon-info-sign:before,
.glyphicon-pencil:before {
    content: "\e065";
    color: var(--color-colors-deep-blue-100, #183264);
}

.glyphicon-edit:before {
    content: "\e065";
    color: var(--color-colors-deep-blue-100, #183264);
}

.glyphicon-minus:before {
    content: "\2212";
}

.glyphicon-warning-sign:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 14px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2714%27%20viewBox%3D%270%200%2016%2014%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M6.24634%200.850504C6.90785-0.283504%208.54637-0.283499%209.20787%200.850504L15.2181%2011.1538C15.8847%2012.2967%2015.0604%2013.7319%2013.7374%2013.7319H1.71687C0.393797%2013.7319-0.430553%2012.2967%200.236103%2011.1538L6.24634%200.850504ZM7.72712%203.58901C8.2005%203.58901%208.58426%203.97277%208.58426%204.44615V7.58901C8.58426%208.06239%208.2005%208.44615%207.72712%208.44615C7.25374%208.44615%206.86998%208.06239%206.86998%207.58901V4.44615C6.86998%203.97277%207.25374%203.58901%207.72712%203.58901ZM8.86998%2010.7319C8.86998%2011.3631%208.3583%2011.8747%207.72712%2011.8747C7.09594%2011.8747%206.58426%2011.3631%206.58426%2010.7319C6.58426%2010.1007%207.09594%209.58901%207.72712%209.58901C8.3583%209.58901%208.86998%2010.1007%208.86998%2010.7319Z%27%20fill%3D%27%23183264%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2714%27%20viewBox%3D%270%200%2016%2014%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M6.24634%200.850504C6.90785-0.283504%208.54637-0.283499%209.20787%200.850504L15.2181%2011.1538C15.8847%2012.2967%2015.0604%2013.7319%2013.7374%2013.7319H1.71687C0.393797%2013.7319-0.430553%2012.2967%200.236103%2011.1538L6.24634%200.850504ZM7.72712%203.58901C8.2005%203.58901%208.58426%203.97277%208.58426%204.44615V7.58901C8.58426%208.06239%208.2005%208.44615%207.72712%208.44615C7.25374%208.44615%206.86998%208.06239%206.86998%207.58901V4.44615C6.86998%203.97277%207.25374%203.58901%207.72712%203.58901ZM8.86998%2010.7319C8.86998%2011.3631%208.3583%2011.8747%207.72712%2011.8747C7.09594%2011.8747%206.58426%2011.3631%206.58426%2010.7319C6.58426%2010.1007%207.09594%209.58901%207.72712%209.58901C8.3583%209.58901%208.86998%2010.1007%208.86998%2010.7319Z%27%20fill%3D%27%23183264%27/%3E%3C/svg%3E");
}

.glyphicon-transfer:before {
    content: "\e178";
}

.glyphicon-list:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M1.14286%200C0.511674%200%200%200.511674%200%201.14286C0%201.77403%200.511674%202.28571%201.14286%202.28571C1.77403%202.28571%202.28571%201.77403%202.28571%201.14286C2.28571%200.511674%201.77403%200%201.14286%200ZM1.14286%206.28571C0.511674%206.28571%200%206.79739%200%207.42857C0%208.05975%200.511674%208.57143%201.14286%208.57143C1.77403%208.57143%202.28571%208.05975%202.28571%207.42857C2.28571%206.79739%201.77403%206.28571%201.14286%206.28571ZM0%2013.7143C0%2013.0831%200.511674%2012.5714%201.14286%2012.5714C1.77403%2012.5714%202.28571%2013.0831%202.28571%2013.7143C2.28571%2014.3455%201.77403%2014.8571%201.14286%2014.8571C0.511674%2014.8571%200%2014.3455%200%2013.7143ZM5.42857%200.285714C4.95519%200.285714%204.57143%200.669474%204.57143%201.14286C4.57143%201.61624%204.95519%202%205.42857%202H14C14.4734%202%2014.8571%201.61624%2014.8571%201.14286C14.8571%200.669474%2014.4734%200.285714%2014%200.285714H5.42857ZM5.42857%206.57143C4.95519%206.57143%204.57143%206.95519%204.57143%207.42857C4.57143%207.90195%204.95519%208.28571%205.42857%208.28571H14C14.4734%208.28571%2014.8571%207.90195%2014.8571%207.42857C14.8571%206.95519%2014.4734%206.57143%2014%206.57143H5.42857ZM4.57143%2013.7143C4.57143%2013.2409%204.95519%2012.8571%205.42857%2012.8571H14C14.4734%2012.8571%2014.8571%2013.2409%2014.8571%2013.7143C14.8571%2014.1877%2014.4734%2014.5714%2014%2014.5714H5.42857C4.95519%2014.5714%204.57143%2014.1877%204.57143%2013.7143Z%27%20fill%3D%27%23183264%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M1.14286%200C0.511674%200%200%200.511674%200%201.14286C0%201.77403%200.511674%202.28571%201.14286%202.28571C1.77403%202.28571%202.28571%201.77403%202.28571%201.14286C2.28571%200.511674%201.77403%200%201.14286%200ZM1.14286%206.28571C0.511674%206.28571%200%206.79739%200%207.42857C0%208.05975%200.511674%208.57143%201.14286%208.57143C1.77403%208.57143%202.28571%208.05975%202.28571%207.42857C2.28571%206.79739%201.77403%206.28571%201.14286%206.28571ZM0%2013.7143C0%2013.0831%200.511674%2012.5714%201.14286%2012.5714C1.77403%2012.5714%202.28571%2013.0831%202.28571%2013.7143C2.28571%2014.3455%201.77403%2014.8571%201.14286%2014.8571C0.511674%2014.8571%200%2014.3455%200%2013.7143ZM5.42857%200.285714C4.95519%200.285714%204.57143%200.669474%204.57143%201.14286C4.57143%201.61624%204.95519%202%205.42857%202H14C14.4734%202%2014.8571%201.61624%2014.8571%201.14286C14.8571%200.669474%2014.4734%200.285714%2014%200.285714H5.42857ZM5.42857%206.57143C4.95519%206.57143%204.57143%206.95519%204.57143%207.42857C4.57143%207.90195%204.95519%208.28571%205.42857%208.28571H14C14.4734%208.28571%2014.8571%207.90195%2014.8571%207.42857C14.8571%206.95519%2014.4734%206.57143%2014%206.57143H5.42857ZM4.57143%2013.7143C4.57143%2013.2409%204.95519%2012.8571%205.42857%2012.8571H14C14.4734%2012.8571%2014.8571%2013.2409%2014.8571%2013.7143C14.8571%2014.1877%2014.4734%2014.5714%2014%2014.5714H5.42857C4.95519%2014.5714%204.57143%2014.1877%204.57143%2013.7143Z%27%20fill%3D%27%23183264%27/%3E%3C/svg%3E");
}

.glyphicon-ok:before {
    content: "\e013";
}

.trainingPage .glyphicon-info-sign:before {
    content: "\e086";
    color: white;
}

.glyphicon-thumbs-up:before {
    content: "\e125";
}

.glyphicon-trash:before {
    content: "\e020";
}

.glyphicon-chevron-left:before {
    content: "\e079";
}

.glyphicon-chevron-right:before {
    content: "\e080";
}

.glyphicon-chevron-up:before {
    content: "\e113";
}

.glyphicon-chevron-down:before {
    content: "\e114";
}

.glyphicon-search:before {
    content: "\e003";
}

.glyphicon-arrow-left:before {
    content: "\e091";
}

.glyphicon-arrow-right:before {
    content: "\e092";
}

.glyphicon-eye-open:before {
    content: "\e105";
}

.glyphicon-eye-close:before {
    content: "\e106";
}

.glyphicon-user:before {
    content: "\e008";
}

.glyphicon-question-sign:before {
    content: "\e085";
}



/* Approve & Deny */
.leave-icon.deny,
.leave-icon.approve {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-color: #183264;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
}

.leave-icon-big.deny,
.leave-icon-big.approve {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-color: #183264; 
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
}

.leave-icon.deny {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M18.3%205.71a1%201%200%200%200-1.41%200L12%2010.59%207.11%205.7A1%201%200%201%200%205.7%207.11L10.59%2012%205.7%2016.89a1%201%200%201%200%201.41%201.41L12%2013.41l4.89%204.89a1%201%200%200%200%201.41-1.41L13.41%2012l4.89-4.89a1%201%200%200%200%200-1.4Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M18.3%205.71a1%201%200%200%200-1.41%200L12%2010.59%207.11%205.7A1%201%200%201%200%205.7%207.11L10.59%2012%205.7%2016.89a1%201%200%201%200%201.41%201.41L12%2013.41l4.89%204.89a1%201%200%200%200%201.41-1.41L13.41%2012l4.89-4.89a1%201%200%200%200%200-1.4Z'/%3E%3C/svg%3E");
}

.leave-icon.approve {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M9.55%2018.3a1%201%200%200%201-.71-.29l-4.6-4.59a1%201%200%201%201%201.42-1.42l3.89%203.89%208.89-8.89a1%201%200%201%201%201.42%201.42l-9.6%209.59a1%201%200%200%201-.71.3Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M9.55%2018.3a1%201%200%200%201-.71-.29l-4.6-4.59a1%201%200%201%201%201.42-1.42l3.89%203.89%208.89-8.89a1%201%200%201%201%201.42%201.42l-9.6%209.59a1%201%200%200%201-.71.3Z'/%3E%3C/svg%3E");
}

.leave-icon-big.deny {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M18.3%205.71a1%201%200%200%200-1.41%200L12%2010.59%207.11%205.7A1%201%200%201%200%205.7%207.11L10.59%2012%205.7%2016.89a1%201%200%201%200%201.41%201.41L12%2013.41l4.89%204.89a1%201%200%200%200%201.41-1.41L13.41%2012l4.89-4.89a1%201%200%200%200%200-1.4Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M18.3%205.71a1%201%200%200%200-1.41%200L12%2010.59%207.11%205.7A1%201%200%201%200%205.7%207.11L10.59%2012%205.7%2016.89a1%201%200%201%200%201.41%201.41L12%2013.41l4.89%204.89a1%201%200%200%200%201.41-1.41L13.41%2012l4.89-4.89a1%201%200%200%200%200-1.4Z'/%3E%3C/svg%3E");
}

.leave-icon-big.approve {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M9.55%2018.3a1%201%200%200%201-.71-.29l-4.6-4.59a1%201%200%201%201%201.42-1.42l3.89%203.89%208.89-8.89a1%201%200%201%201%201.42%201.42l-9.6%209.59a1%201%200%200%201-.71.3Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='%23000'%20d='M9.55%2018.3a1%201%200%200%201-.71-.29l-4.6-4.59a1%201%200%201%201%201.42-1.42l3.89%203.89%208.89-8.89a1%201%200%201%201%201.42%201.42l-9.6%209.59a1%201%200%200%201-.71.3Z'/%3E%3C/svg%3E");
}

.leave-icon.deny:hover {
    background-color: #b42318;
}

.leave-icon.approve:hover {
    background-color: #027a48;
}

.leave-icon-big.deny:hover {
    background-color: #b42318;
}

.leave-icon-big.approve:hover {
    background-color: #027a48;
}

/* Loader Icon */
.glyphicon-refresh:before {
    content: "\e031";
}

#jqueryOverlayLoad .glyphicon {
    display: none !important;
}

#jqueryOverlayLoad {
    width: 48px;
    height: 48px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    color: var(--color-colors-deep-blue-100, #183264);
}

#jqueryOverlayLoad::before {
    content: "";
    width: 24px;
    height: 24px;
    position: relative;
    display: block;
    border: 4px solid rgba(19, 40, 80, 0.25);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: circle-spin-2-animation 1s linear infinite;
}

@keyframes circle-spin-2-animation {
    to {
        transform: rotate(360deg);
    }
}

/* UI Icons */
.ui-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    vertical-align: middle;
}

.ui-icon--info {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M8%2016C12.4183%2016%2016%2012.4183%2016%208C16%203.58173%2012.4183%200%208%200C3.58173%200%200%203.58173%200%208C0%2012.4183%203.58173%2016%208%2016ZM6.28571%2010.7143C5.89122%2010.7143%205.57143%2011.0341%205.57143%2011.4286C5.57143%2011.8231%205.89122%2012.1429%206.28571%2012.1429H9.71429C10.1088%2012.1429%2010.4286%2011.8231%2010.4286%2011.4286C10.4286%2011.0341%2010.1088%2010.7143%209.71429%2010.7143H8.71429V7.42857C8.71429%207.03408%208.39449%206.71429%208%206.71429H6.85714C6.46265%206.71429%206.14286%207.03408%206.14286%207.42857C6.14286%207.82306%206.46265%208.14286%206.85714%208.14286H7.28571V10.7143H6.28571ZM9.14286%204.57143C9.14286%205.20261%208.63118%205.71429%208%205.71429C7.36882%205.71429%206.85714%205.20261%206.85714%204.57143C6.85714%203.94025%207.36882%203.42857%208%203.42857C8.63118%203.42857%209.14286%203.94025%209.14286%204.57143Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

.ui-icon--interest {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2715%27%20viewBox%3D%270%200%2016%2015%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M5.09485%2013.9037C5.47881%2014.0866%205.89879%2014.1816%206.32413%2014.1816H12.4339C13.8415%2014.1816%2015.0393%2013.1565%2015.2568%2011.7657L15.972%207.19061C16.1888%205.80433%2015.1169%204.55185%2013.7137%204.55185H9.96093V1.85742C9.96093%200.831595%209.12932%200%208.1035%200C7.43115%200%206.8113%200.363337%206.48282%200.949984L4.10872%205.19006C3.96545%205.44595%203.89022%205.73432%203.89022%206.02757L3.89021%2012.2474C3.89021%2012.9085%204.27023%2013.5106%204.86693%2013.795L5.09485%2013.9037ZM1.13869%205.39947C0.836692%205.39947%200.547061%205.51944%200.333515%205.73299C0.119969%205.94653%20-2.64e-08%206.23617%200%206.53817L5.10857e-07%2012.3811C5.37257e-07%2012.6832%200.119969%2012.9728%200.333515%2013.1863C0.547061%2013.3999%200.836691%2013.5199%201.13869%2013.5199L1.70621%2013.5197C2.02169%2013.5194%202.27738%2013.2637%202.27738%2012.9482V5.97066C2.27738%205.81906%202.21714%205.67368%202.10993%205.56651C2.00271%205.45933%201.8573%205.39916%201.7057%205.39923L1.13869%205.39947Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

.ui-icon--register {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2715%27%20height%3D%2715%27%20viewBox%3D%270%200%2015%2015%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M11.2674%200.131119C11.4761%200.0445428%2011.6998%200%2011.9257%200C12.1517%200%2012.3753%200.0445428%2012.584%200.131119C12.7922%200.217527%2012.9815%200.34413%2013.1407%200.503765L13.1417%200.504706L14.3493%201.7073L14.3502%201.70822C14.5105%201.8668%2014.6378%202.0555%2014.7249%202.26353C14.8121%202.47198%2014.857%202.69563%2014.857%202.92158C14.857%203.14753%2014.8121%203.37118%2014.7249%203.57962C14.6379%203.78749%2014.5106%203.97605%2014.3505%204.13456L14.3493%204.13585L7.25776%2011.2185C7.17527%2011.3009%207.06954%2011.3561%206.95478%2011.3767L3.52774%2011.9911C3.34502%2012.0238%203.15777%2011.9657%203.02562%2011.8354C2.89346%2011.705%202.83287%2011.5186%202.86311%2011.3354L3.43429%207.87702C3.45386%207.75848%203.5103%207.64914%203.59557%207.56451L10.7111%200.503375C10.8703%200.343923%2011.0593%200.217456%2011.2674%200.131119ZM0.857143%2013.1429C0.383755%2013.1429%200%2013.5266%200%2014C0%2014.4734%200.383755%2014.8571%200.857143%2014.8571H13.9934C14.4667%2014.8571%2014.8505%2014.4734%2014.8505%2014C14.8505%2013.5266%2014.4667%2013.1429%2013.9934%2013.1429H0.857143Z%27%20fill%3D%27%23F3F5F7%27/%3E%3C/svg%3E");
}

/* FA Icons */
.fa {
    display: inline-block;
    font-size: 0 !important; 
    line-height: 0 !important;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-color: var(--color-colors-deep-blue-80, #465B83); 
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}

.fa-2x {
    width: 20px;
    height: 20px;
}

.fa-3x {
    width: 28px;
    height: 28px;
}

.fa-info,
.fa-circle-info,
.fa-info-circle {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2050%2050%27%3E%3Cpath%20d%3D%27M%2025%202%20C%2012.264481%202%202%2012.264481%202%2025%20C%202%2037.735519%2012.264481%2048%2025%2048%20C%2037.735519%2048%2048%2037.735519%2048%2025%20C%2048%2012.264481%2037.735519%202%2025%202%20z%20M%2025%204%20C%2036.664481%204%2046%2013.335519%2046%2025%20C%2046%2036.664481%2036.664481%2046%2025%2046%20C%2013.335519%2046%204%2036.664481%204%2025%20C%204%2013.335519%2013.335519%204%2025%204%20z%20M%2025%2011%20A%203%203%200%200%200%2025%2017%20A%203%203%200%200%200%2025%2011%20z%20M%2021%2021%20L%2021%2023%20L%2023%2023%20L%2023%2036%20L%2021%2036%20L%2021%2038%20L%2029%2038%20L%2029%2036%20L%2027%2036%20L%2027%2021%20L%2021%2021%20z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2050%2050%27%3E%3Cpath%20d%3D%27M%2025%202%20C%2012.264481%202%202%2012.264481%202%2025%20C%202%2037.735519%2012.264481%2048%2025%2048%20C%2037.735519%2048%2048%2037.735519%2048%2025%20C%2048%2012.264481%2037.735519%202%2025%202%20z%20M%2025%204%20C%2036.664481%204%2046%2013.335519%2046%2025%20C%2046%2036.664481%2036.664481%2046%2025%2046%20C%2013.335519%2046%204%2036.664481%204%2025%20C%204%2013.335519%2013.335519%204%2025%204%20z%20M%2025%2011%20A%203%203%200%200%200%2025%2017%20A%203%203%200%200%200%2025%2011%20z%20M%2021%2021%20L%2021%2023%20L%2023%2023%20L%2023%2036%20L%2021%2036%20L%2021%2038%20L%2029%2038%20L%2029%2036%20L%2027%2036%20L%2027%2021%20L%2021%2021%20z%27/%3E%3C/svg%3E");
}

.fa-user-plus {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2014H6a4%204%200%200%200-4%204v3h2v-3a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v3h2v-3a4%204%200%200%200-4-4z%27/%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M9%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208zm0-6a2%202%200%201%201%200%204%202%202%200%200%201%200-4z%27/%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M20%2010V7h-2v3h-3v2h3v3h2v-3h3v-2h-3z%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M12%2014H6a4%204%200%200%200-4%204v3h2v-3a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v3h2v-3a4%204%200%200%200-4-4z%27/%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M9%2012a4%204%200%201%200%200-8%204%204%200%200%200%200%208zm0-6a2%202%200%201%201%200%204%202%202%200%200%201%200-4z%27/%3E%3Cpath%20fill%3D%27%23000%27%20d%3D%27M20%2010V7h-2v3h-3v2h3v3h2v-3h3v-2h-3z%27/%3E%3C/svg%3E");
}

.fa-user {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M14%2019.2857L15.8%2021L20%2017M4%2021C4%2017.134%207.13401%2014%2011%2014C12.4872%2014%2013.8662%2014.4638%2015%2015.2547M15%207C15%209.20914%2013.2091%2011%2011%2011C8.79086%2011%207%209.20914%207%207C7%204.79086%208.79086%203%2011%203C13.2091%203%2015%204.79086%2015%207Z%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20d%3D%27M14%2019.2857L15.8%2021L20%2017M4%2021C4%2017.134%207.13401%2014%2011%2014C12.4872%2014%2013.8662%2014.4638%2015%2015.2547M15%207C15%209.20914%2013.2091%2011%2011%2011C8.79086%2011%207%209.20914%207%207C7%204.79086%208.79086%203%2011%203C13.2091%203%2015%204.79086%2015%207Z%27%20stroke%3D%27%23000%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
}
    
/* SocSec Icons */
/* Shared icon styles */
.socsec .socsec-icon.planning, .socsec .socsec-icon.request, .socsec .socsec-icon.employees, .socsec .socsec-icon.type, .socsec .socsec-icon.confirm {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Only the image changes */
.socsec .socsec-icon.planning {
    background-image: url(/Content/images/socsec_planning.png);
}

.socsec .socsec-icon.request {
    background-image: url(/Content/images/socsec_request.png);
}

.socsec .socsec-icon.employees {
    background-image: url(/Content/images/socsec_employees.png);
}

.socsec .socsec-icon.type {
    background-image: url(/Content/images/socsec_type.png);
}

.socsec .socsec-icon.confirm {
    background-image: url(/Content/images/socsec_confirm.png);
}

/* EDPB Icons */
.edpb .edpb-icon.documents {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='16' viewBox='0 0 14 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.85714 0H1.71429C1.25963 0 0.823589 0.180611 0.502103 0.502103C0.180617 0.823593 0 1.25963 0 1.71429V14.2857C0 14.7403 0.180617 15.1765 0.502103 15.4979C0.823589 15.8194 1.25962 16 1.71429 16H12C12.4546 16 12.8907 15.8194 13.2122 15.4979C13.5337 15.1765 13.7143 14.7403 13.7143 14.2857V5.85714H8.57143C8.17694 5.85714 7.85714 5.53735 7.85714 5.14286V0ZM13.2367 4.42857L9.28571 0.477592V4.42857H13.2367Z' fill='%236ac2bf'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.edpb .edpb-icon.notifications {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M8 1.5C6.067 1.5 4.5 3.067 4.5 5V6.214c0 .77-.204 1.526-.59 2.192L3.24 9.566A1 1 0 0 0 4.106 11H11.894a1 1 0 0 0 .866-1.434l-.67-1.16A4.377 4.377 0 0 1 11.5 6.214V5c0-1.933-1.567-3.5-3.5-3.5Z' fill='%236ac2bf'/%3E%3Cpath d='M6.25 12.25C6.25 13.2165 7.0335 14 8 14C8.9665 14 9.75 13.2165 9.75 12.25H6.25Z' fill='%236ac2bf'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
}

.edpb .edpb-icon.tasks {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58173 12.4183 0 8 0C3.58173 0 0 3.58173 0 8C0 12.4183 3.58173 16 8 16ZM12.0032 5.96402C12.2989 5.59437 12.239 5.05498 11.8693 4.75926C11.4997 4.46353 10.9603 4.52346 10.6645 4.89312L6.61208 9.95867L4.99098 8.74286C4.61227 8.45882 4.07502 8.53558 3.79098 8.91429C3.50696 9.29299 3.5837 9.83025 3.96241 10.1143L6.24813 11.8286C6.6185 12.1064 7.14253 12.0398 7.43174 11.6783L12.0032 5.96402Z' fill='%236ac2bf'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Planning Icon */
.backtoplanning-div div {
    background-color: transparent;
    background-image: url(/content/images/edpb_planning.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 40px;
}
.trainingPage .panel-body {
    gap: 0px;
}

.searchRow {
    gap: var(--spacing-2xs, 16px);
    padding-top: 16px;
    justify-content: stretch;
    align-items: stretch;
}

.searchRow > [class*="col-"] {
    display: flex;
}

.searchRow .form-group {
    display: flex;
    flex: 1 1 auto;
    margin-bottom: 0;
    font: var(--font-body-small);
    color: var(--color-colors-deep-blue-100, #183264);
}

.searchRow .form-group > :first-child {
    font: var(--font-body-small) !important;
    color: var(--color-colors-deep-blue-100, #183264) !important;
}

.searchRow .form-control {
    height: 40px;
}

.searchRow > * {
    flex: 1 1 0;
    height: 100%;
    width: 100%;
}

.training em {
    display: none;
}

.traingingsubtheme {
    font-style: italic;
}

.trainingPage .panel-heading > a.panel-title:not(.collapsed) {
    background: var(--color-colors-lime-100, #8ABD24);
    color: var(--color-colors-white-white, #FFF);
}

.panel-training fieldset:not(:first-of-type) > legend {
    padding-top: 20px;
}

.searchRow .form-group:first-child {
    font: var(--font-body-small) !important;
}

.c-academy legend {
    color: var(--color-colors-lime-100, #8ABD24);
}

.trainingPage .panel-title {
    background: var(--color-colors-lime-40, #8ABD24);
    color: var(--color-colors-deep-blue-140, #0E1E3C);
    font: var(--font-label-xlarge);
}

.trainingPage .panel-title:hover {
    background: var(--color-colors-lime-20, #8ABD24);
    color: var(--color-colors-deep-blue-120, #0E1E3C);
}

.trainingSearch, .subsidyTitle {
    color: var(--color-colors-lime-120, #6E971D);
}

.trainingSearch {
    padding-top: 24px;
    border-top: 1px solid var(--color-colors-cool-grey-20, #8ABD24);
}

.trainingPage h4 a {
    display: flex;
    padding: var(--spacing-3xs, 12px) var(--spacing-2xs, 16px);
    align-items: center;
    gap: var(--spacing-2xs, 16px);
    align-self: stretch;
    border-radius: var(--radius-m, 8px);
    background: var(--color-colors-white-white, #FFF);
    color: var(--color-colors-deep-blue-140, #0E1E3C);
    font: var(--font-label-large);
    text-decoration: none !important;
    position: relative;
    padding-right: 36px;
    margin-bottom: 4px;
}

.trainingPage h4 a:hover {
    color: var(--color-colors-deep-blue-120, #132850);
    background: var(--color-colors-deep-blue-05, #F3F5F7);
}

.subsidyLegend {
    padding-top: 24px;
}

.trainingPage .panel-training fieldset h4 {
    margin: 0;
}

.trainingPage .panel-training fieldset h4 > a[aria-expanded="true"] {
    background: var(--color-colors-deep-blue-10, #E8EAEF) !important;
}

.trainingPage .panel-training fieldset h4 > a::before {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 12px;
    height: 7px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%200.26309C-0.0836838%200.613886%20-0.0836839%201.18263%200.251052%201.53342L5.09087%206.60542C5.59298%207.13153%206.40704%207.13153%206.90915%206.60542L11.749%201.53342C12.0837%201.18263%2012.0837%200.613886%2011.749%200.26309C11.4142%20-0.0876968%2010.8715%20-0.0876968%2010.5368%200.26309L6.00001%205.01747L1.46324%200.26309C1.1285%20-0.0876968%200.585788%20-0.0876968%200.251052%200.26309Z%27%20fill%3D%27%23757AA2%27/%3E%3C/svg%3E");
}

.trainingPage .panel-title__chevron {
    width: 12px;
    height: 7px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 12px 7px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%200.26309C-0.0836838%200.613886%20-0.0836839%201.18263%200.251052%201.53342L5.09087%206.60542C5.59298%207.13153%206.40704%207.13153%206.90915%206.60542L11.749%201.53342C12.0837%201.18263%2012.0837%200.613886%2011.749%200.26309C11.4142%20-0.0876968%2010.8715%20-0.0876968%2010.5368%200.26309L6.00001%205.01747L1.46324%200.26309C1.1285%20-0.0876968%200.585788%20-0.0876968%200.251052%200.26309Z%27%20fill%3D%27%236E971D%27/%3E%3C/svg%3E");
}

.trainingPage .panel-heading a[aria-expanded="true"] .panel-title__chevron {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%206.73692C-0.0836838%206.38614%20-0.0836839%205.81739%200.251052%205.4666L5.09087%200.394643C5.59298%20-0.131548%206.40704%20-0.131548%206.90915%200.394643L11.749%205.4666C12.0837%205.81739%2012.0837%206.38614%2011.749%206.73692C11.4142%207.08769%2010.8715%207.08769%2010.5368%206.73692L6.00001%201.98255L1.46324%206.73692C1.1285%207.08769%200.585788%207.08769%200.251052%206.73692Z%27%20fill%3D%27%23E8F2D3%27/%3E%3C/svg%3E");
}

.trainingPage .panel-training fieldset h4 > a[aria-expanded="true"]::before {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%206.73692C-0.0836838%206.38614%20-0.0836839%205.81739%200.251052%205.4666L5.09087%200.394643C5.59298%20-0.131548%206.40704%20-0.131548%206.90915%200.394643L11.749%205.4666C12.0837%205.81739%2012.0837%206.38614%2011.749%206.73692C11.4142%207.08769%2010.8715%207.08769%2010.5368%206.73692L6.00001%201.98255L1.46324%206.73692C1.1285%207.08769%200.585788%207.08769%200.251052%206.73692Z%27%20fill%3D%27%23959ABB%27/%3E%3C/svg%3E");
}

.trainingPage .panel-training fieldset {
    display: block;
    padding-left: 8px;
    margin: 0;
    border: 0;
}

.accordionContent {
    font: var(--font-body-small);
}

.trainingButton {
    width: 100%;
    height: 100%;
}

.trainingPage .panel-body .searchRow .col-xs-6 {
    height: 100%;
}

.content-mobile > .row > .col-md-12 {
    padding-bottom: 24px;
}

.trainingPage .glyphicon.glyphicon-edit:before {
    color: white;

}

/* Training Detail */
.trainingDetail br {
    display: none;
}

.trainingDetail .form-group {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.trainingDetail .control-label {
    font-weight: bold !important;
    font-weight: 800;
    color: black;
}

.trainingDetail p {
    margin: 0;
    margin-bottom: 16px;
}

.trainingDetail .btn-xs {
    width: 100%;
}

.subsidyPanel p {
    margin: 0;
}

.subsidyPanel legend {
    padding-top: 0;
}

/* TrainingInfo */
.trainingDetailTitle {
    border-top: 1px solid var(--color-colors-cool-grey-40);
    padding-top: 12px;
}

.trainingInfo .panel-body fieldset .row > :first-child {
    flex: 2;
}

.trainingInfo .panel-body fieldset .row > :nth-child(2) {
    flex: 1;
}

.trainingInfo .panel-body fieldset .row {
    gap: 30px;
}

.content-mobile {
    display: none;
}

@media only screen and (max-width: 1000px) {
    .content-desktop {
        display: none;
    }
}

@media only screen and (max-width: 1000px) {
    .content-mobile {
        display: block;
    }
}

.trainingInfo .table.table-condensed {
    width: 100% !important;
}

table .btn-toolbar {
    text-align: center;
}

.row .col-sm-12 .btn-toolbar .btn-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.sessionTable > tbody > tr > :nth-child(4) {
    color: var(--colors-deep-blue-120, #132850);
    font-family: var(--font-family-secondary-font, "Helvetica Neue");
    font-size: var(--font-size-label-small, 14px);
    font-style: normal;
    font-weight: 700;
    line-height: var(--radius-l, 16px);
}

.sessionTable > tbody > tr > :nth-child(5) {
    color: var(--colors-deep-blue-120, #132850);
    font-family: var(--font-family-secondary-font, "Helvetica Neue");
    font-size: var(--font-size-label-small, 14px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--radius-l, 16px);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #fff
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
    background: #eee
}

.fc-unthemed .fc-popover .fc-header .fc-close {
    color: #666
}

.fc-unthemed .fc-today {
    background: #fcf8e3
}

.fc-highlight {
    background: #bce8f1;
    opacity: .3;
}

.fc-state-disabled {
    cursor: not-allowed;
    background-image: none;
    opacity: .65;
    box-shadow: none
}

.fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a[data-goto] {
    cursor: pointer
}

.fc .fc-button-group > * {
    float: left;
    margin: 0 0 0 -1px
}

.fc .fc-button-group > :first-child {
    margin-left: 0
}

.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0,0,0,.15)
}

    .fc-popover .fc-header {
        padding: 2px 4px
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px
        }

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close {
    float: left
}

.fc-ltr .fc-popover .fc-header .fc-close, .fc-rtl .fc-popover .fc-header .fc-title {
    float: right
}

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px
    }

.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0
}

.fc-divider {
    border-style: solid;
    border-width: 1px
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    border-width: 1px 0
}

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
    height: 100%
}

.fc-clear {
    clear: both
}

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc table {
    width: 100%;
    box-sizing: border-box;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em
}

.fc td, .fc th {
    border-style: solid;
    border: 1px solid var(--colors-cool-grey-20, #EAEBF1);
    vertical-align: top;
}


.fc td.fc-today {
    border-style: double
}

a[data-goto]:hover {
    text-decoration: underline
}

.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

.fc-row .fc-bg {
    z-index: 1
}

.fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
    border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
    z-index: 2
}

.fc-row .fc-highlight-skeleton {
    z-index: 3
}

.fc-row .fc-content-skeleton {
    position: relative;
    z-index: 4;
}

.fc-row .fc-helper-skeleton {
    z-index: 5
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    background: 0 0;
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

.fc-row.fc-rigid, .fc-time-grid-event {
    overflow: hidden
}

.fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
    position: relative;
    width: 100%
}

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.3;
    border-radius: 3px;
    border: 1px solid #3a87ad;
    font-weight: 400
}

.fc-event, .fc-event-dot {
    background-color: #3a87ad
}

    .fc-event, .fc-event:hover, .ui-widget .fc-event {
        color: #fff;
        text-decoration: none
    }

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-bg {
    z-index: 1;
    background: #fff;
    opacity: .25
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block
}

    .fc-event.fc-selected .fc-resizer:before {
        content: "";
        position: absolute;
        z-index: 9999;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px
    }

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

    .fc-event.fc-selected.fc-dragging {
        box-shadow: 0 2px 7px rgba(0,0,0,.3)
    }

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    background: #000;
    opacity: .25
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none
}

    a.fc-more:hover {
        text-decoration: underline
    }

.fc-limited {
    display: none
}

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

    .fc-more-popover .fc-event-container {
        padding: 10px
    }

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}

.fc-toolbar {
    margin-bottom: 1em
}

.fc-toolbar .fc-left {
    float: left
}

.fc-toolbar .fc-right {
    float: right
}





.fc .fc-toolbar > * > :first-child {
    margin-left: 0
}

.fc-toolbar h2 {
    margin: 0
}

.fc-toolbar button {
    position: relative
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
    z-index: 2
}

.fc-toolbar .fc-state-down {
    z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
    z-index: 4
}

.fc-toolbar button:focus {
    z-index: 5
}

.fc-view-container *, .fc-view-container :after, .fc-view-container :before {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1
}

.fc-basicDay-view .fc-content-skeleton, .fc-basicWeek-view .fc-content-skeleton {
    padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em
}

.fc-row.fc-rigid .fc-content-skeleton {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.fc-day-top.fc-other-month {
    opacity: .1
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {
    padding: 2px
}

.fc-basic-view th.fc-day-number, .fc-basic-view th.fc-week-number {
    padding: 0 2px
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: grey
}

.fc-basic-view td.fc-week-number > * {
    display: inline-block;
    min-width: 1.25em
}

.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
    min-height: 3em
}

.fc .fc-axis {
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap
}

.fc-ltr .fc-axis {
    text-align: right
}

.fc-rtl .fc-axis {
    text-align: left
}

.ui-widget td.fc-axis {
    font-weight: 400
}

.fc-time-grid, .fc-time-grid-container {
    position: relative;
    z-index: 1
}

.fc-time-grid {
    min-height: 100%
}

    .fc-time-grid table {
        border: 0 hidden transparent
    }

    .fc-time-grid > .fc-bg {
        z-index: 1
    }

    .fc-time-grid .fc-slats, .fc-time-grid > hr {
        position: relative;
        z-index: 2
    }

    .fc-time-grid .fc-content-col {
        position: relative
    }

    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0
    }

    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1
    }

    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2
    }

    .fc-time-grid .fc-highlight-container {
        z-index: 3;
        position: relative
    }

    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4
    }
    .fc-day-grid .fc-event-container {
      padding-top: 0;
      padding-bottom: 4px;
    }

    .fc-time-grid .fc-now-indicator-line {
        z-index: 5
    }

    .fc-time-grid .fc-helper-container {
        position: relative;
        z-index: 6
    }

    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0
    }

    .fc-time-grid .fc-slats .fc-minor td {
        border-top-style: dotted
    }

    .fc-time-grid .fc-slats .ui-widget-content {
        background: 0 0
    }

    .fc-time-grid .fc-highlight {
        position: absolute;
        left: 0;
        right: 0
    }

.fc-ltr .fc-time-grid .fc-event-container {
    margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
    margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    position: absolute;
    z-index: 1
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0
}

.fc-v-event.fc-not-start {
    border-top-width: 0;
    padding-top: 1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
    border-bottom-width: 0;
    padding-bottom: 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.fc-time-grid-event.fc-selected {
    overflow: visible
}

.fc-time-grid-event.fc-selected .fc-bg {
    display: none
}

.fc-time-grid-event .fc-content {
    overflow: hidden
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
    padding: 0 1px
}

.fc-time-grid-event .fc-time {
    font-size: .85em;
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
    white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title {
    display: inline-block;
    vertical-align: top
}

    .fc-time-grid-event.fc-short .fc-time span {
        display: none
    }

    .fc-time-grid-event.fc-short .fc-time:before {
        content: attr(data-start)
    }

    .fc-time-grid-event.fc-short .fc-time:after {
        content: "\000A0-\000A0"
    }

.fc-time-grid-event.fc-short .fc-title {
    font-size: .85em;
    padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
    left: 0;
    right: 0;
    bottom: 0;
    height: 8px;
    overflow: hidden;
    line-height: 8px;
    font-size: 11px;
    font-family: monospace;
    text-align: center;
    cursor: s-resize
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
    content: "="
}

.fc-time-grid-event.fc-selected .fc-resizer {
    border-radius: 5px;
    border-width: 1px;
    width: 8px;
    height: 8px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    left: 50%;
    margin-left: -5px;
    bottom: -5px
}

.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent
}

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.fc-rtl .fc-list-view {
    direction: rtl
}

.fc-list-view {
    border-width: 1px;
    border-style: solid
}

.fc .fc-list-table {
    table-layout: auto
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px
}

.fc-list-table tr:first-child td {
    border-top-width: 0
}

.fc-list-heading {
    border-bottom-width: 1px
}

    .fc-list-heading td {
        font-weight: 700
    }

.fc-ltr .fc-list-heading-main {
    float: left
}

.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
    float: right
}

.fc-rtl .fc-list-heading-alt {
    float: left
}

.fc-list-item.fc-has-url {
    cursor: pointer
}

.fc-list-item:hover td {
    background-color: #f5f5f5
}

.fc-list-item-marker, .fc-list-item-time {
    white-space: nowrap;
    width: 1px
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit
}

    .fc-list-item-title a[href]:hover {
        text-decoration: underline
    }

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.fc-unthemed .fc-list-empty {
    background-color: #eee
}


#calendar-container, #top, #middle {
    width: 100%;
}

.exportRow {
    display: flex;
    gap: 8px;
}

.exportRow .btn__icon {
    color: var(--color-colors-deep-blue-80, #465B83);
}

#filters.form-inline {
    display: flex;
    padding-bottom: 20px;
    align-items: center;
}

#onlyWithAvailableBlocks {
    margin: 0;
}

.plannedTitle {
    padding-bottom: 20px;
}

.fc-toolbar, .fc-left, .fc-right {
    display: flex;
    flex-direction: row;
}

.fc-toolbar {
    justify-content: space-between;
}

.fc-center:empty,
.fc-clear:empty {
    display: none;
}

.fc-left, .fc-right {
    justify-content: stretch;
    align-items: center;
}

.fc-right, .fc-left {
    gap: 8px;
}

.fc-left {
    order: 1;
    flex: 1 1 0;
    justify-content: flex-start;
}

.fc-center {
    order: 2;
    flex: 0 0 auto;
    text-align: center;
}

.fc-right {
    order: 3;
    flex: 1 1 0;
    justify-content: flex-end;
}

.fc-button-group:has(.fc-month-button) {
    display: flex;
    gap: 8px;
}

.fc-button-group:has(.fc-prev-button) {
    display: flex;
    gap: 8px;
}

.fc-agendaWeek-view .fc-time-grid.fc-unselectable .fc-slats td,
.fc-agendaDay-view .fc-time-grid.fc-unselectable .fc-slats td {
    background-color: white;
}

#calendar .fc-agendaWeek-view .fc-time-grid td,
#calendar .fc-agendaWeek-view .fc-time-grid th,
#calendar .fc-agendaDay-view .fc-time-grid td,
#calendar .fc-agendaDay-view .fc-time-grid th {
    border-style: solid !important;
    padding: 0 !important;
    vertical-align: top !important;
}

#calendar .fc-agendaWeek-view .fc-day-grid td,
#calendar .fc-agendaWeek-view .fc-day-grid th,
#calendar .fc-agendaDay-view .fc-day-grid td,
#calendar .fc-agendaDay-view .fc-day-grid th {
    border-style: solid !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.planningDetail#calendar-container th,
.planningDetail#calendar-container td {
    border-style: solid !important;
    padding: 0 !important;
    vertical-align: top !important;
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

#calendar-container #dayCalendar :not(#examination-colors) > .event-color {
    display: inline-block;
    width: 12px;
    height: 12px;
    float: right;
    margin-right: 2px;
    margin-top: 0px;
    border-radius: 50%;
}

#calendar-container #external-events .fc-event, .calendar-container #external-events .fc-event {
    margin: 5px 0;
    cursor: pointer;
}

#external-events {
    position: relative;
    top: 0 !important;
    right: auto !important;
    transform: none !important;
}

.fc-agendaWeek-view .fc-nonbusiness,
.fc-agendaDay-view .fc-nonbusiness {
    background: #d7d7d7;
    opacity: .3;
}

.fc td.fc-today {
    border-style: double;
}

.fc-unthemed .fc-today {
    background: var(--color-colors-sky-blue-40, #D5E8F5) !important;
}

.fc-time-grid .fc-bgevent {
    left: 0;
    right: 0;
}

.fc-toolbar h2 {
    padding: 0;
    color: var(--color-colors-deep-blue-100, #183264);
    /* H4 */
    font-family: var(--font-family-primary-font, Figtree);
    font-size: var(--font-size-h4, 20px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--font-lineheight-h4, 24px); /* 120% */
}

/* Toolbar icons */
.fc .fc-prev-button .fc-icon,
.fc .fc-next-button .fc-icon {
    position: relative;
    width: 12px;
    height: 8px;
    display: inline-block;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.fc .fc-prev-button .fc-icon:after,
.fc .fc-next-button .fc-icon:after {
    content: none !important;
    display: none !important;
}

.fc .fc-prev-button .fc-icon {
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%2012%208%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M4.46324%201.46324C4.79797%201.1285%204.79797%200.585789%204.46324%200.251049C4.1285%20-0.0836829%203.58579%20-0.0836829%203.25105%200.251049L0.251051%203.25105C-0.0836837%203.58579%20-0.0836837%204.1285%200.251051%204.46324L3.25105%207.46323C3.58579%207.79794%204.1285%207.79794%204.46324%207.46323C4.79797%207.12851%204.79797%206.58577%204.46324%206.25105L2.92647%204.71429H11.1429C11.6163%204.71429%2012%204.33053%2012%203.85714C12%203.38376%2011.6163%203%2011.1429%203H2.92647L4.46324%201.46324Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

.fc .fc-next-button .fc-icon {
    background-repeat: no-repeat;
    background-size: 12px 8px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%278%27%20viewBox%3D%270%200%2012%208%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M8.74894%200.251049C8.41421%20-0.0836829%207.8715%20-0.0836829%207.53676%200.251049C7.20203%200.585789%207.20203%201.1285%207.53676%201.46324L9.07354%203H0.857143C0.383756%203%200%203.38376%200%203.85714C0%204.33053%200.383756%204.71429%200.857143%204.71429H9.07354L7.53676%206.25105C7.20203%206.58577%207.20203%207.12851%207.53676%207.46323C7.8715%207.79794%208.41421%207.79794%208.74894%207.46323L11.7489%204.46324C12.0837%204.1285%2012.0837%203.58579%2011.7489%203.25105L8.74894%200.251049Z%27%20fill%3D%27%23465B83%27/%3E%3C/svg%3E");
}

.fc-refresh-button .fc-icon-refresh {
    font-size: 0 !important;
    line-height: 0 !important;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: no-repeat center/16px 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%3E%3Cpath%20d%3D%27M21%2012a9%209%200%201%201-2.64-6.36%27%20stroke%3D%27%23465B83%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M21%203v6h-6%27%20stroke%3D%27%23465B83%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3C/svg%3E");
}

.fc-refresh-button.fc-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Calendar table */
.fc-head-container {
    padding: 0;
    border: none;
    background: var(--color-colors-cool-grey-10, #F3F4F7);
}

.fc-day-header {
    padding: var(--spacing-4xs, 8px) var(--spacing-2xs, 16px);
    background: var(--color-colors-cool-grey-10, #F3F4F7);
    font: var(--font-label-small);
    text-transform: capitalize;
}

.fc-widget-content {
    padding: 0;
    border: none;
}

.fc-day-top {
    text-align: right;
}

.fc-today .fc-day-number {
    background: var(--color-colors-mint-100, #6AC2BF);
    color: var(--color-colors-white-white, #FFF);
    border-radius: 24px;
    display: flex;
    width: 19px;
    height: 21px;
    padding-right: 4px;
    padding-left: 4px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.fc-day-grid-event {
    background-color: #d2eceb !important;
    border: none !important;
    color: var(--color-colors-deep-blue-120, #183264) !important;
    border-left: 2px solid var(--colors-mint-80, #88CECC) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
}

.absenceRegistration .fc-day-grid-event {
    border-left: 2px solid var(--color-colors-sky-blue-80, #55a2d6) !important;
    background-color: var(--color-colors-sky-blue-20) !important;
}

.calendar-event {
    background: none;
}

.fc-week-number {
    text-align: center;
    text-transform: capitalize;
    vertical-align: middle !important;
}

#calendar .fc-content-skeleton,
#calendar .fc-content-skeleton table,
#calendar .fc-content-skeleton thead,
#calendar .fc-content-skeleton tbody,
#calendar .fc-content-skeleton tr,
#calendar .fc-content-skeleton td {
    background: #fff !important;
}

#calendar .fc-month-view .fc-day-grid .fc-row.fc-week > .fc-bg td.fc-day {
    background: var(--color-colors-white-white, #FFF);
}

#calendar .fc-view-container {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--colors-cool-grey-10, #EAEBF1);
    background: #fff;
}

.fc-widget-content, .fc-body {
    border-bottom-left-radius: 8px;
}

/* Pagination */
.pagination.bootpag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination.bootpag > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pagination.bootpag > li > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid var(--color-colors-cool-grey-40, #D5D7E4);
    background: var(--color-colors-white-white, #FFF);
    color: var(--color-colors-deep-blue-120, #132850);
    text-decoration: none;
    font: var(--font-body-small);
    line-height: 1;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.pagination.bootpag > li:not(.disabled):not(.active) > a:hover,
.pagination.bootpag > li:not(.disabled):not(.active) > a:focus {
    background: var(--color-colors-deep-blue-05, #F3F5F7);
    border-color: var(--color-colors-deep-blue-40, #AAB4C8);
    outline: none;
}

.pagination.bootpag > li.active > a {
    background: var(--color-colors-deep-blue-80, #465B83);
    border-color: var(--color-colors-deep-blue-80, #465B83);
    color: #fff;
    font-weight: 600;
    cursor: default;
    pointer-events: none;
}

.pagination.bootpag > li.disabled > a {
    background: var(--color-colors-cool-grey-10, #F3F4F7);
    border-color: var(--color-colors-cool-grey-30, #E3E5EE);
    color: var(--color-colors-deep-blue-40, #AAB4C8);
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.9;
}

.pagination.bootpag > li.prev > a,
.pagination.bootpag > li.next > a {
    min-width: 40px;
    padding: 0 10px;
    font-size: 16px;
}
.edpb-company-data {
    width: 100%;
}

.edpb-company-data {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs, 24px);
}

.edpb-company-data .form-group {
    justify-content: space-between;
}

.edpb-company-data .form-group > * {
    flex: 1 1 0;
    min-width: 0; 
}

#edpb-addresses, #edpb-contacts {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#exportFile1, #exportFile2 {
    display: flex !important;
    align-items: center;
    height: fit-content;
}

.exportTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 768px) {
    .exportTitle {
        flex-direction: column;
    }
}

#edpb-addresses .panel-heading[role="button"],
#edpb-contacts .panel-heading[role="button"] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 8px 12px;
    background-color: var(--color-colors-deep-blue-05, #F3F5F7);
}

#edpb-addresses .panel-heading[role="button"]:hover,
#edpb-contacts .panel-heading[role="button"]:hover {
    background-color: var(--color-colors-deep-blue-10, #F3F5F7);
}

#edpb-addresses .panel-heading[aria-expanded="true"],
#edpb-contacts .panel-heading[aria-expanded="true"] {
    background-color: var(--color-colors-mint-20, #E1F3F2);
}

#edpb-addresses .btn-remove,
#edpb-contacts .btn-remove {
    background-color: transparent;
    color: var(--color-colors-deep-blue-40, #A3ADC1);
}

#edpb-addresses .panel-heading[aria-expanded="true"] .btn-remove,
#edpb-contacts .panel-heading[aria-expanded="true"] .btn-remove {
    background-color: transparent;
    color: var(--color-colors-mint-100, #6AC2BF);
}

#edpb-addresses .panel.panel-default,
#edpb-contacts .panel.panel-default {
    border-radius: 8px;
    overflow: hidden;
}

#edpb-addresses .panel-collapse .panel-body,
#edpb-contacts .panel-collapse .panel-body {
    padding: 16px;
    border: 1px solid var(--colors-cool-grey-20, #EAEBF1);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.text-right {
    display: flex;
    justify-content: flex-end;
    gap: 24px;
    align-items: center;
}

.btn-group {
    position: relative;
    display: inline-block;
}

.validation-warnings > * {
    color: red;
}


/* EmployeeRiskList */
.employeeRiskPanel {
    gap: 4px;
}

.employeeRiskPanel .employerTabs {
    margin-bottom: 24px;
}

.employeeRiskPanel .panel-title[aria-expanded=true] {
    background: var(--color-colors-mint-100, #6AC2BF);
}

.list-group-item.user {
    background-color: transparent;
}

.list-group-item.user .row .col-sm-12 .row > * {
    flex: 1;
}

.employeeRiskPanel fieldset {
    padding-left: 12px;
}

.employeeRiskPanel fieldset span {
    color: var(--color-colors-deep-blue-140, #0E1E3C);
}

.employeeRiskPanel fieldset a {
    text-decoration: none;
}

.employeeRiskPanel fieldset a[aria-expanded=true] {
    background: var(--colors-deep-blue-10, #E8EAEF) !important;
}

.documents > fieldset > a[aria-expanded="true"] .panel-title__chevron {
    transform: rotate(180deg);
}

.documents > fieldset > a .panel-title__chevron {
    transition: transform 0.2s ease;
}

.employeeRiskPanel .panel-heading a[aria-expanded="true"] .panel-title__chevron {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2712%27%20height%3D%277%27%20viewBox%3D%270%200%2012%207%27%20fill%3D%27none%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M0.251052%206.73692C-0.0836838%206.38614%20-0.0836839%205.81739%200.251052%205.4666L5.09087%200.394643C5.59298%20-0.131548%206.40704%20-0.131548%206.90915%200.394643L11.749%205.4666C12.0837%205.81739%2012.0837%206.38614%2011.749%206.73692C11.4142%207.08769%2010.8715%207.08769%2010.5368%206.73692L6.00001%201.98255L1.46324%206.73692C1.1285%207.08769%200.585788%207.08769%200.251052%206.73692Z%27%20fill%3D%27%23E8F2D3%27/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 7px;
}

.employeeRiskPanel .riskGrid {
    width: 100%;
}

.employeeRiskPanel .riskGrid-row {
    display: grid;
    grid-template-columns: 140px 1fr 80px;
    align-items: start;
    gap: 0;
    border-bottom: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
    padding: 12px 16px;
}

.employeeRiskPanel .riskGrid-row-head {
    padding-top: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--color-colors-cool-grey-20, #EAEBF1);
}

.employeeRiskPanel .riskGrid-cell {
    min-width: 0; 
}

.employeeRiskPanel .riskGrid-cell-name {
    white-space: normal;
    word-break: break-word;
}

.employeeRiskPanel .riskGrid-cell-count {
    text-align: right;
}

.employeeRiskPanel .riskGrid-row-head .riskGrid-cell {
    color: var(--color-colors-deep-blue-140, #0E1E3C);
}