/* Minification failed. Returning unminified contents.
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,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 '-'
(54,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 '-'
(57,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(85,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(86,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(88,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(89,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(98,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(99,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(100,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(132,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(139,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(171,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(172,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(173,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(179,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(191,20): run-time error CSS1039: Token not allowed after unary operator: '-text'
(191,51): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(193,17): run-time error CSS1039: Token not allowed after unary operator: '-link'
(194,23): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(196,22): run-time error CSS1039: Token not allowed after unary operator: '-text'
(197,51): run-time error CSS1039: Token not allowed after unary operator: '-border'
(198,49): run-time error CSS1039: Token not allowed after unary operator: '-border'
(199,42): run-time error CSS1039: Token not allowed after unary operator: '-border'
(200,65): run-time error CSS1039: Token not allowed after unary operator: '-border'
(201,38): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(201,78): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(201,108): run-time error CSS1039: Token not allowed after unary operator: '-border'
(202,37): run-time error CSS1039: Token not allowed after unary operator: '-on-primary'
(202,74): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(202,112): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(204,29): run-time error CSS1039: Token not allowed after unary operator: '-text'
(204,60): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(204,94): run-time error CSS1039: Token not allowed after unary operator: '-border'
(205,35): run-time error CSS1039: Token not allowed after unary operator: '-text'
(205,66): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(205,96): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(207,53): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(376,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-icon'
(427,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(428,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(429,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(430,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(432,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(433,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(434,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(435,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(436,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(437,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(438,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(440,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(441,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(442,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(444,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(446,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(447,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(455,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(456,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(486,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(488,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(565,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(569,17): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(610,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(821,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(831,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(832,26): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(846,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(859,26): run-time error CSS1039: Token not allowed after unary operator: '-text'
(869,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1937,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(1942,32): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1945,35): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1947,32): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1954,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1957,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(1972,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2043,2): run-time error CSS1030: Expected identifier, found 'table-var('
(2043,2): run-time error CSS1019: Unexpected token, found 'table-var('
(2043,12): run-time error CSS1019: Unexpected token, found '-'
(2043,21): run-time error CSS1031: Expected selector, found ')'
(2043,21): run-time error CSS1025: Expected comma or open brace, found ')'
(2048,2): run-time error CSS1030: Expected identifier, found 'table-var('
(2048,2): run-time error CSS1019: Unexpected token, found 'table-var('
(2048,12): run-time error CSS1019: Unexpected token, found '-'
(2048,21): run-time error CSS1031: Expected selector, found ')'
(2048,21): run-time error CSS1025: Expected comma or open brace, found ')'
(2054,15): run-time error CSS1030: Expected identifier, found 'table-var('
(2054,15): run-time error CSS1031: Expected selector, found 'table-var('
(2054,15): run-time error CSS1025: Expected comma or open brace, found 'table-var('
(2056,17): run-time error CSS1030: Expected identifier, found 'table-var('
(2056,17): run-time error CSS1031: Expected selector, found 'table-var('
(2056,17): run-time error CSS1025: Expected comma or open brace, found 'table-var('
(2072,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2075,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2226,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2230,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2231,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2232,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2236,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2314,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2333,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(2336,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(2339,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(2342,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(2383,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2442,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(2467,15): run-time error CSS1039: Token not allowed after unary operator: '-success'
(2480,26): run-time error CSS1039: Token not allowed after unary operator: '-success'
(2484,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2488,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2503,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2507,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2522,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2531,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2534,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2543,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2544,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2552,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2556,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2565,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2575,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2588,26): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2592,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2600,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2614,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2618,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2632,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2640,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2642,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2658,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2661,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2669,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(2753,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-text'
(2773,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2791,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2792,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2802,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2803,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(2816,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2817,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2827,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2828,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(2841,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(2842,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(2852,28): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(2853,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(2865,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2866,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(2867,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(2876,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2877,28): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(2878,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(2890,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2891,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2892,22): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2894,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2901,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2902,28): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2903,24): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(2906,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2915,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2916,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2917,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2919,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2926,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2927,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2928,24): run-time error CSS1039: Token not allowed after unary operator: '-border'
(2931,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2940,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2941,26): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(2942,22): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(2951,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(2952,28): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(2953,24): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3016,26): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3017,22): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3027,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3028,24): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3041,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3042,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3052,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3053,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3065,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3066,26): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3067,22): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3069,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3076,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3077,28): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3078,24): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3081,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3091,26): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3092,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3102,28): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3103,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3115,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3119,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3126,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3131,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3140,15): run-time error CSS1039: Token not allowed after unary operator: '-btn-outline-primary-text'
(3141,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3144,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3145,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3150,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3155,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3156,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3163,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3164,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3167,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3168,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3173,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3178,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3179,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3186,15): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(3187,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(3190,28): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(3191,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(3196,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(3201,28): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(3202,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(3209,15): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(3210,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(3212,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3213,28): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(3214,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(3219,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(3223,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3224,28): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(3225,24): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(3231,2): run-time error CSS1030: Expected identifier, found 'btn-outline-var('
(3231,2): run-time error CSS1019: Unexpected token, found 'btn-outline-var('
(3231,18): run-time error CSS1019: Unexpected token, found '-'
(3231,27): run-time error CSS1031: Expected selector, found ')'
(3231,27): run-time error CSS1025: Expected comma or open brace, found ')'
(3234,4): run-time error CSS1030: Expected identifier, found 'btn-outline-var('
(3234,4): run-time error CSS1019: Unexpected token, found 'btn-outline-var('
(3234,20): run-time error CSS1019: Unexpected token, found '-'
(3234,29): run-time error CSS1031: Expected selector, found ')'
(3234,29): run-time error CSS1025: Expected comma or open brace, found ')'
(3238,4): run-time error CSS1030: Expected identifier, found 'btn-outline-var('
(3238,4): run-time error CSS1019: Unexpected token, found 'btn-outline-var('
(3238,20): run-time error CSS1019: Unexpected token, found '-'
(3238,29): run-time error CSS1031: Expected selector, found ')'
(3238,29): run-time error CSS1025: Expected comma or open brace, found ')'
(3241,4): run-time error CSS1030: Expected identifier, found 'btn-outline-var('
(3241,4): run-time error CSS1019: Unexpected token, found 'btn-outline-var('
(3241,20): run-time error CSS1019: Unexpected token, found '-'
(3241,29): run-time error CSS1031: Expected selector, found ')'
(3241,29): run-time error CSS1025: Expected comma or open brace, found ')'
(3244,4): run-time error CSS1030: Expected identifier, found 'btn-outline-var('
(3244,4): run-time error CSS1019: Unexpected token, found 'btn-outline-var('
(3244,20): run-time error CSS1019: Unexpected token, found '-'
(3244,29): run-time error CSS1031: Expected selector, found ')'
(3244,29): run-time error CSS1025: Expected comma or open brace, found ')'
(3249,6): run-time error CSS1030: Expected identifier, found 'btn-outline-var('
(3249,6): run-time error CSS1019: Unexpected token, found 'btn-outline-var('
(3249,22): run-time error CSS1019: Unexpected token, found '-'
(3249,31): run-time error CSS1031: Expected selector, found ')'
(3249,31): run-time error CSS1025: Expected comma or open brace, found ')'
(3255,15): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3256,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3258,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3259,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3260,24): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3265,17): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3269,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3270,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3271,24): run-time error CSS1039: Token not allowed after unary operator: '-border'
(3278,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3279,22): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3281,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3282,28): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3283,24): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3288,17): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3292,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3293,28): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3294,24): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3347,15): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3348,22): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3351,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3352,24): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3357,17): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3362,28): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3363,24): run-time error CSS1039: Token not allowed after unary operator: '-success'
(3370,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3371,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3374,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3375,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3380,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3385,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3386,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(3393,15): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3394,22): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3396,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3397,28): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3398,24): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3403,17): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3407,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3408,28): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3409,24): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(3416,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3417,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3420,28): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3421,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3426,17): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3431,28): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3432,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(3442,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3453,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(3463,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(3466,17): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3473,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(3703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(3715,28): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3719,28): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(3721,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(3733,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(3734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(4102,15): run-time error CSS1039: Token not allowed after unary operator: '-input-group-text-text'
(4104,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-input-group-text'
(4105,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(4212,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4213,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4221,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4222,28): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(4223,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(4225,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(4331,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(4347,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(4403,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(4430,42): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4431,34): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4433,34): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4435,34): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4453,30): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(4459,28): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4474,30): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(4480,28): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4498,30): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(4508,28): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4512,28): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4554,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(4559,33): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4567,42): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4569,19): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(4575,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4576,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4576,45): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(4576,66): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(4588,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(4648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(5004,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-card'
(5239,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5241,26): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(5244,17): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(5247,24): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(5265,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5270,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(5274,22): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(5309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(5334,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5345,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(5356,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(5366,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5367,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(5369,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5376,2): run-time error CSS1030: Expected identifier, found 'badge-var('
(5376,2): run-time error CSS1019: Unexpected token, found 'badge-var('
(5376,12): run-time error CSS1019: Unexpected token, found '-'
(5376,21): run-time error CSS1031: Expected selector, found ')'
(5376,21): run-time error CSS1025: Expected comma or open brace, found ')'
(5379,5): run-time error CSS1030: Expected identifier, found 'badge-var('
(5379,5): run-time error CSS1031: Expected selector, found 'badge-var('
(5379,5): run-time error CSS1025: Expected comma or open brace, found 'badge-var('
(5382,5): run-time error CSS1030: Expected identifier, found 'badge-var('
(5382,5): run-time error CSS1031: Expected selector, found 'badge-var('
(5382,5): run-time error CSS1025: Expected comma or open brace, found 'badge-var('
(5388,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5389,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(5391,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5399,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5400,26): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(5402,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5433,26): run-time error CSS1039: Token not allowed after unary operator: '-success'
(5444,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(5454,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5455,26): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(5457,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5466,26): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(5476,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5479,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5558,2): run-time error CSS1030: Expected identifier, found 'alert-var('
(5558,2): run-time error CSS1019: Unexpected token, found 'alert-var('
(5558,12): run-time error CSS1019: Unexpected token, found '-'
(5558,21): run-time error CSS1031: Expected selector, found ')'
(5558,21): run-time error CSS1025: Expected comma or open brace, found ')'
(5562,4): run-time error CSS1030: Expected identifier, found 'alert-var('
(5562,4): run-time error CSS1019: Unexpected token, found 'alert-var('
(5562,14): run-time error CSS1019: Unexpected token, found '-'
(5562,23): run-time error CSS1031: Expected selector, found ')'
(5562,23): run-time error CSS1025: Expected comma or open brace, found ')'
(5564,4): run-time error CSS1030: Expected identifier, found 'alert-var('
(5564,4): run-time error CSS1019: Unexpected token, found 'alert-var('
(5564,14): run-time error CSS1019: Unexpected token, found '-'
(5564,23): run-time error CSS1031: Expected selector, found ')'
(5564,23): run-time error CSS1025: Expected comma or open brace, found ')'
(5572,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(5578,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(5614,26): run-time error CSS1039: Token not allowed after unary operator: '-alert-info-bg'
(5655,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(5659,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5660,8): run-time error CSS1035: Expected colon, found '{'
(5665,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5666,8): run-time error CSS1035: Expected colon, found '{'
(5693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(5694,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5749,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(5757,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-list-group-item'
(5758,16): run-time error CSS1039: Token not allowed after unary operator: '-border-list-group-item'
(5767,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(5772,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(5941,2): run-time error CSS1030: Expected identifier, found 'list-group-item-var('
(5941,2): run-time error CSS1019: Unexpected token, found 'list-group-item-var('
(5941,22): run-time error CSS1019: Unexpected token, found '-'
(5941,31): run-time error CSS1031: Expected selector, found ')'
(5941,31): run-time error CSS1025: Expected comma or open brace, found ')'
(5944,4): run-time error CSS1030: Expected identifier, found 'list-group-item-var('
(5944,4): run-time error CSS1019: Unexpected token, found 'list-group-item-var('
(5944,24): run-time error CSS1019: Unexpected token, found '-'
(5944,33): run-time error CSS1031: Expected selector, found ')'
(5944,33): run-time error CSS1025: Expected comma or open brace, found ')'
(5947,4): run-time error CSS1030: Expected identifier, found 'list-group-item-var('
(5947,4): run-time error CSS1019: Unexpected token, found 'list-group-item-var('
(5947,24): run-time error CSS1019: Unexpected token, found '-'
(5947,33): run-time error CSS1031: Expected selector, found ')'
(5947,33): run-time error CSS1025: Expected comma or open brace, found ')'
(5957,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6056,15): run-time error CSS1039: Token not allowed after unary operator: '-close-text'
(6060,17): run-time error CSS1039: Token not allowed after unary operator: '-close-text-hover'
(6162,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(6165,16): run-time error CSS1039: Token not allowed after unary operator: '-modal-border'
(6193,33): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6222,30): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(6303,30): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(6314,32): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(6323,33): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(6334,31): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(6341,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(6363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(6434,35): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(6456,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(6465,15): run-time error CSS1039: Token not allowed after unary operator: '-popover-body-text'
(6649,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6650,6): run-time error CSS1035: Expected colon, found '{'
(6654,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6655,6): run-time error CSS1035: Expected colon, found '{'
(6675,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6682,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6683,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6723,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6759,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(6767,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(6775,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(6782,2): run-time error CSS1030: Expected identifier, found 'bg-var('
(6782,2): run-time error CSS1019: Unexpected token, found 'bg-var('
(6782,9): run-time error CSS1019: Unexpected token, found '-'
(6782,18): run-time error CSS1031: Expected selector, found ')'
(6782,18): run-time error CSS1025: Expected comma or open brace, found ')'
(6785,3): run-time error CSS1030: Expected identifier, found 'bg-var('
(6785,3): run-time error CSS1031: Expected selector, found 'bg-var('
(6785,3): run-time error CSS1025: Expected comma or open brace, found 'bg-var('
(6791,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6799,26): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(6823,26): run-time error CSS1039: Token not allowed after unary operator: '-success'
(6831,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(6839,26): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(6847,26): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(6862,2): run-time error CSS1030: Expected identifier, found 'bg-var('
(6862,2): run-time error CSS1019: Unexpected token, found 'bg-var('
(6862,9): run-time error CSS1019: Unexpected token, found '-'
(6862,18): run-time error CSS1031: Expected selector, found ')'
(6862,18): run-time error CSS1025: Expected comma or open brace, found ')'
(6869,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6872,30): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6875,32): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6878,33): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6881,31): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6899,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(6902,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(6905,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(6908,22): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(6910,2): run-time error CSS1030: Expected identifier, found 'border-var('
(6910,2): run-time error CSS1019: Unexpected token, found 'border-var('
(6910,13): run-time error CSS1019: Unexpected token, found '-'
(6910,22): run-time error CSS1031: Expected selector, found ')'
(6910,22): run-time error CSS1025: Expected comma or open brace, found ')'
(6914,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(6917,22): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(6926,22): run-time error CSS1039: Token not allowed after unary operator: '-success'
(6929,22): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(6932,22): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(6935,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(6940,2): run-time error CSS1030: Expected identifier, found 'border-var('
(6940,2): run-time error CSS1019: Unexpected token, found 'border-var('
(6940,13): run-time error CSS1019: Unexpected token, found '-'
(6940,22): run-time error CSS1031: Expected selector, found ')'
(6940,22): run-time error CSS1025: Expected comma or open brace, found ')'
(8147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(8156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(10938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(10941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(10946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(11029,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11035,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(11041,15): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(11047,15): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(11052,2): run-time error CSS1030: Expected identifier, found 'text-var('
(11052,2): run-time error CSS1019: Unexpected token, found 'text-var('
(11052,11): run-time error CSS1019: Unexpected token, found '-'
(11052,20): run-time error CSS1031: Expected selector, found ')'
(11052,20): run-time error CSS1025: Expected comma or open brace, found ')'
(11055,3): run-time error CSS1030: Expected identifier, found 'text-var('
(11055,3): run-time error CSS1031: Expected selector, found 'text-var('
(11055,3): run-time error CSS1025: Expected comma or open brace, found 'text-var('
(11059,15): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11065,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11083,15): run-time error CSS1039: Token not allowed after unary operator: '-success'
(11089,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(11095,15): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(11101,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(11113,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(11116,15): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(11121,2): run-time error CSS1030: Expected identifier, found 'text-var('
(11121,2): run-time error CSS1019: Unexpected token, found 'text-var('
(11121,11): run-time error CSS1019: Unexpected token, found '-'
(11121,20): run-time error CSS1031: Expected selector, found ')'
(11121,20): run-time error CSS1025: Expected comma or open brace, found ')'
(11159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(11194,28): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(11201,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11204,24): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11218,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'var('
(11253,28): run-time error CSS1039: Token not allowed after unary operator: '-border-strong'
(11260,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11263,24): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11285,17): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11295,28): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11296,28): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11326,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11329,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11331,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11333,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11380,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11388,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(11396,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(11404,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-pink'
(11410,2): run-time error CSS1030: Expected identifier, found 'colorbox-var('
(11410,2): run-time error CSS1019: Unexpected token, found 'colorbox-var('
(11410,15): run-time error CSS1019: Unexpected token, found '-'
(11410,24): run-time error CSS1031: Expected selector, found ')'
(11410,24): run-time error CSS1025: Expected comma or open brace, found ')'
(11413,4): run-time error CSS1030: Expected identifier, found 'colorbox-var('
(11413,4): run-time error CSS1019: Unexpected token, found 'colorbox-var('
(11413,17): run-time error CSS1019: Unexpected token, found '-'
(11413,26): run-time error CSS1031: Expected selector, found ')'
(11413,26): run-time error CSS1025: Expected comma or open brace, found ')'
(11415,4): run-time error CSS1030: Expected identifier, found 'colorbox-var('
(11415,4): run-time error CSS1019: Unexpected token, found 'colorbox-var('
(11415,17): run-time error CSS1019: Unexpected token, found '-'
(11415,26): run-time error CSS1031: Expected selector, found ')'
(11415,26): run-time error CSS1025: Expected comma or open brace, found ')'
(11420,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11428,26): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11452,26): run-time error CSS1039: Token not allowed after unary operator: '-success'
(11460,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(11468,26): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(11476,26): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(11500,17): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11507,17): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11517,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11520,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11579,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(11586,19): run-time error CSS1039: Token not allowed after unary operator: '-heading-text'
(11593,17): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11599,21): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11607,15): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(11615,19): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(11624,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11631,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11651,17): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(11657,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11663,15): run-time error CSS1039: Token not allowed after unary operator: '-heading-text'
(11666,12): run-time error CSS1030: Expected identifier, found 'var('
(11666,12): run-time error CSS1031: Expected selector, found 'var('
(11666,12): run-time error CSS1025: Expected comma or open brace, found 'var('
(11669,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11677,15): run-time error CSS1039: Token not allowed after unary operator: '-heading-text'
(11685,19): run-time error CSS1039: Token not allowed after unary operator: '-heading-text'
(11694,17): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11714,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11722,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11730,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11738,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11746,19): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11752,19): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11758,19): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11764,19): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(11771,15): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(11772,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11789,15): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11795,17): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11804,15): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(11806,15): run-time error CSS1039: Token not allowed after unary operator: '-label-text'
(11811,28): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(11849,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(11854,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11865,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11874,24): run-time error CSS1039: Token not allowed after unary operator: '-border'
(11878,24): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12045,19): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12054,19): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(12298,26): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(12299,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12309,15): run-time error CSS1039: Token not allowed after unary operator: '-color-accent-blue'
(12341,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12355,15): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12385,15): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12391,15): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12752,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(12756,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(12893,17): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12896,46): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(12897,38): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(12912,17): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12921,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(12932,26): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(12936,15): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12963,30): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(12969,17): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12972,46): run-time error CSS1039: Token not allowed after unary operator: '-text'
(12973,38): run-time error CSS1039: Token not allowed after unary operator: '-text'
(12980,21): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12988,19): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(12994,28): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(13019,33): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(13176,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13234,32): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(13235,32): run-time error CSS1039: Token not allowed after unary operator: '-border'
(13236,21): run-time error CSS1039: Token not allowed after unary operator: '-btn-text-checked'
(13287,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(13288,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(13289,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(13300,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(13740,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13746,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(13747,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(13748,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(13753,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(13809,32): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(13811,32): run-time error CSS1039: Token not allowed after unary operator: '-warning'
(13813,32): run-time error CSS1039: Token not allowed after unary operator: '-success'
(13921,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13934,30): run-time error CSS1039: Token not allowed after unary operator: '-border'
(13935,30): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(13936,19): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(13942,21): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14054,33): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14061,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14062,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14067,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14068,26): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(14070,15): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(14075,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14097,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14104,26): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(14110,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14111,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14122,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14144,22): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14151,26): run-time error CSS1039: Token not allowed after unary operator: '-link-hover'
(14167,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14186,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(14189,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(14192,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(14195,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(14236,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(14268,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(14298,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(14323,15): run-time error CSS1039: Token not allowed after unary operator: '-success'
(14336,26): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14340,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14344,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14359,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14363,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14378,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14387,17): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14390,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14399,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14400,28): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14408,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14412,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14421,24): run-time error CSS1039: Token not allowed after unary operator: '-color-secondary'
(14431,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14444,26): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14448,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14456,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14470,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14474,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14488,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14496,15): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14498,24): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14514,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14517,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14525,22): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14607,15): run-time error CSS1039: Token not allowed after unary operator: '-field-validation-error-text'
(14612,17): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14620,17): run-time error CSS1039: Token not allowed after unary operator: '-danger'
(14646,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14652,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14658,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14670,29): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14674,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14727,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14745,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14846,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(14847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14852,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(14853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14858,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(14859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(14956,28): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14984,17): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14986,30): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14987,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14989,30): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14993,17): run-time error CSS1039: Token not allowed after unary operator: '-border'
(14995,30): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(14996,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(14998,30): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15002,17): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15004,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(15005,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(15007,30): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(15018,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(15064,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-card'
(15107,28): run-time error CSS1039: Token not allowed after unary operator: '-surface'
(15115,17): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(15163,33): run-time error CSS1039: Token not allowed after unary operator: '-header-border-color'
(15192,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(15249,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(15293,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-btn'
(15294,26): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15301,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15304,26): run-time error CSS1039: Token not allowed after unary operator: '-color-primary'
(15307,28): run-time error CSS1039: Token not allowed after unary operator: '-footer-bg'
(15308,17): run-time error CSS1039: Token not allowed after unary operator: '-footer-text'
(15327,28): run-time error CSS1039: Token not allowed after unary operator: '-header-bg'
(15328,17): run-time error CSS1039: Token not allowed after unary operator: '-header-text'
(15332,19): run-time error CSS1039: Token not allowed after unary operator: '-logo'
(15336,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15340,26): run-time error CSS1039: Token not allowed after unary operator: '-invert-img'
(15341,18): run-time error CSS1039: Token not allowed after unary operator: '-invert-img'
(15345,28): run-time error CSS1039: Token not allowed after unary operator: '-border'
(15349,17): run-time error CSS1039: Token not allowed after unary operator: '-alert-text-color'
(15355,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-bg'
(15356,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-text'
(15357,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-border'
(15363,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-text'
(15368,22): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-hover-bg'
(15369,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-text'
(15375,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-today-bg'
(15376,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-today-text'
(15383,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-active-bg'
(15384,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-active-text'
(15391,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-header-bg'
(15392,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-text'
(15397,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(15398,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(15399,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-border'
(15403,22): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-bg'
(15404,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-text'
(15409,22): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-hover-bg'
(15410,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-text'
(15418,22): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-active-bg'
(15419,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-active-text'
(15424,22): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-today-bg'
(15425,17): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-today-text'
(15430,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(15431,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(15432,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-border'
(15437,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(15438,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(15439,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-border'
(15444,28): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(15445,17): run-time error CSS1039: Token not allowed after unary operator: '-text'
(15446,28): run-time error CSS1039: Token not allowed after unary operator: '-datepicker-border'
 */

@import url(../bootstrap-datepicker3.standalone.min.css);
/* ===== THEME TOKENS (Light as default) ===== */
:root {
    --color-primary: #d40037; /* brand primary */
    --color-secondary: #343a40; /* brand secondary */
    --color-accent-blue: #456dad;
    --color-accent-pink: #e08788;
    --bg: #f7f7f7;
    --surface: #ffffff;
    --surface-muted: #fafafa;
    --text: #212529;
    --text-muted: #6c757d;
    --link: var(--color-primary);
    --link-hover: #a5a5a5;
    --border: #ededed;
    --border-strong: #dee2e6;
    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;
    --info: #343a40;
    --on-primary: #ffffff;
    --on-surface: #212529;
    --body-dev-bg: url(/Content/images/orderDev.png);
    --header-bg: #ffffff;
    --header-text: var(--text);
    --heading-text: var(--text);
    --logo: url('/Content/images/quickline-logo-rgb-positiv.svg');
    --bg-icon: var(--black);
    --footer-bg: var(--black);
    --footer-text: #fff !important;
    --bg-card: #ffffff;
    --invert-img: none;
    --bg-list-group-item: #fff;
    --border-list-group-item: 1px solid rgba(0, 0, 0, 0.125);
    --header-border-color: transparant;
    --bg-input-group-text: #e9ecef;
    --input-group-text-text: #495057;
    --field-validation-error-text: #000000;
    --label-text: none;
    --popover-body-text: #212529;
    --bg-btn: #fff;
    --btn-text-checked: #000000;
    --btn-text: #d40037;
    --modal-border: 1px solid rgba(0, 0, 0, 0.2);
    --close-text: #000000;
    --close-text-hover: #000000;
    --btn-outline-primary-text: #d40037;
    --alert-info-bg: #d6d8d9;
    --alert-text-color: #ffffff;
    --datepicker-bg: #ffffff;
    --datepicker-text: #212529;
    --datepicker-border: #ced4da;
    --datepicker-header-bg: #f0f0f0;
    --datepicker-today-bg: #fff3cd;
    --datepicker-today-text: #856404;
    --datepicker-active-bg: var(--color-primary);
    --datepicker-active-text: #ffffff;
    --datepicker-hover-bg: #e9ecef;
}

/* ===== DARK THEME ===== */
    :root[data-theme="dark"] {
        color-scheme: dark;
        --bg: #000000;
        --surface: #161922;
        --surface-muted: #1c2030;
        --text: #e6e6e6;
        --text-muted: #a9b0bc;
        --link: #ff2b63;
        --link-hover: #dec691;
        --border: #2a2f3a;
        --border-strong: #3a4150;
        --color-primary: #d40037;
        --on-primary: #ffffff;
        --success: #3ddc84;
        --warning: #ffd166;
        --danger: #ff6b6b;
        --info: #7aa2f7;
        --header-bg: #000000;
        --header-text: #f2f2f2;
        --heading-text: #ffffff;
        --logo: url('/Content/images/quickline-logo-rgb-negativ.svg');
        --bg-icon: #272727;
        --footer-bg: #272727;
        --footer-text: #f1f1f1;
        --bg-card: #272727;
        --invert-img: invert(1);
        --bg-list-group-item: #272727;
        --border-list-group-item: 1px solid rgba(50, 50, 50, 0.9);
        --header-border-color: #3a3f4a;
        --bg-input-group-text: #272727;
        --input-group-text-text: #ffffff;
        --field-validation-error-text: #ffffff;
        --label-text: #ffffff;
        --popover-body-text: #000000;
        --bg-btn: #272727;
        --btn-text-checked: #ffffff;
        --modal-border: 1px solid rgba(255, 255, 255, 0.2);
        --close-text: #ffffff;
        --close-text-hover: #d40037;
        --btn-outline-primary-text: #d40037;
        --btn-text: #ffffff;
        --alert-info-bg: #a9b0bc;
        --alert-text-color: #000000;
        --datepicker-bg: #2c2f36;
        --datepicker-text: #e6e6e6;
        --datepicker-border: #444c56;
        --datepicker-header-bg: #363b44;
        --datepicker-today-bg: #3b3f47;
        --datepicker-today-text: #ffd666;
        --datepicker-active-bg: var(--color-primary);
        --datepicker-active-text: #ffffff;
        --datepicker-hover-bg: #444c56;
    }


/* === DARK THEME: Typeahead dropdown styling === */
:root[data-theme="dark"] .twitter-typeahead .tt-menu {
    background-color: #f4f4f4 !important; 
    color: #000 !important; 
    border: 1px solid #aaa;
}

:root[data-theme="dark"] .twitter-typeahead .tt-suggestion {
    color: #000 !important;
    background-color: transparent !important;
}

:root[data-theme="dark"] .twitter-typeahead .tt-suggestion:hover,
:root[data-theme="dark"] .twitter-typeahead .tt-suggestion.tt-cursor {
    background-color: var(--color-primary) !important; 
    color: #fff !important; 
}

:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .tt-input {
    background-color: #2c2f36 !important;
    color: var(--text);
    border-color: #3a3d44;
}

:root[data-theme="dark"] .form-control::-webkit-input-placeholder {
    color: #bbb;
}

:root[data-theme="dark"] .form-control::-moz-placeholder {
    color: #bbb;
}

:root[data-theme="dark"] .form-control:-ms-input-placeholder {
    color: #bbb;
}

:root[data-theme="dark"] .form-control::placeholder {
    color: #bbb;
}

:root[data-theme="dark"] .form-control.datepicker,
:root[data-theme="dark"] .form-control.datepicker-customer-identity {
    background-color: #fff !important;
    border-color: #ced4da !important;
    color: #495057 !important;
}


/* Ensure filled/active outline-primary buttons always have white text (light + dark) */
.btn.btn-outline-primary.active,
.btn.btn-outline-primary:active,
.btn.btn-outline-primary.show {
    color: var(--on-primary, #ffffff) !important;
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
}

/* Optional: when a toggle/tab is marked active via .active on parent (e.g. nav) */
.nav .btn.btn-outline-primary.active,
.nav .btn.btn-outline-primary:active {
    color: var(--on-primary, #ffffff) !important;
}

/* Same, global (applies in both themes) */
.btn.btn-outline-primary:not(.active):hover,
.btn.btn-outline-primary:not(.active):focus {
    color: var(--on-primary, #ffffff) !important;
}

@charset "UTF-8";

/* ===== Base mappings to tokens ===== */
body { color: var(--text); background-color: var(--bg); }

a { color: var(--link); }
a:hover { color: var(--link-hover); }

.table { color: var(--text); }
.table th, .table td { border-top: 2px solid var(--border); }
.table thead th { border-bottom: 4px solid var(--border); }
.table-bordered { border: 2px solid var(--border); }
.table-bordered th, .table-bordered td { border: 2px solid var(--border); }
.table .thead-light th { color: var(--color-primary); background-color: var(--surface); border-color: var(--border); }
.table .thead-dark th { color: var(--on-primary); background-color: var(--color-secondary); border-color: var(--border-strong); }

.form-control { color: var(--text); background-color: var(--surface); border: 2px solid var(--border); }
.form-control:focus { color: var(--text); background-color: var(--surface); border-color: var(--color-secondary); -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; }

.caption, .figure-caption, .form-text { color: var(--text-muted); }


@font-face {
  font-family: 'fontello';
  src: url("/Content/styles/fonts/fontello.eot?82941713");
  src: url("/Content/styles/fonts/fontello.eot?82941713#iefix") format("embedded-opentype"), url("/Content/styles/fonts/fontello.woff2?82941713") format("woff2"), url("/Content/styles/fonts/fontello.woff?82941713") format("woff"), url("/Content/styles/fonts/fontello.ttf?82941713") format("truetype"), url("/Content/styles/fonts/fontello.svg?82941713#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?82941713#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  /*width: 1em;*/
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-ok:before {
  content: '\e800'; }

/* '' */
.icon-cancel:before {
  content: '\e801'; }

/* '' */
.icon-warning:before {
  content: '\e802'; }

/* '' */
.icon-cart:before {
  content: '\e803'; }

/* '' */
.icon-start:before {
  content: '\e804'; }

/* '' */
.icon-tv:before {
  content: '\e805'; }

/* '' */
.icon-mobile:before {
  content: '\e806'; }

/* '' */
.icon-fixnet:before {
  content: '\e808'; }

/* '' */
.icon-plus:before {
  content: '\e809'; }

/* '' */
.icon-minus:before {
  content: '\e80a'; }

/* '' */
.icon-inet:before {
  content: '\e80b'; }

/* '' */
.icon-pencil:before {
  content: '\e80c'; }

/* '' */
.icon-trash-empty:before {
  content: '\e80d'; }

/* '' */
.icon-angle-left:before {
  content: '\f104'; }

/* '' */
.icon-angle-right:before {
  content: '\f105'; }

/* '' */
.icon-angle-up:before {
  content: '\f106'; }

/* '' */
.icon-angle-down:before {
  content: '\f107'; }

/* '' */
.icon-ok {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe800;&nbsp;'); }

.icon-cancel {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe801;&nbsp;'); }

.icon-warning {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe802;&nbsp;'); }

.icon-cart {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe803;&nbsp;'); }

.icon-start {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe804;&nbsp;'); }

.icon-tv {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe805;&nbsp;'); }

.icon-mobile {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe806;&nbsp;'); }

.icon-fixnet {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe808;&nbsp;'); }

.icon-plus {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe809;&nbsp;'); }

.icon-minus {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80a;&nbsp;'); }

.icon-inet {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80b;&nbsp;'); }

.icon-pencil {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80c;&nbsp;'); }

.icon-trash-empty {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xe80d;&nbsp;'); }

.icon-angle-left {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf104;&nbsp;'); }

.icon-angle-right {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf105;&nbsp;'); }

.icon-angle-up {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf106;&nbsp;'); }

.icon-angle-down {
  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf107;&nbsp;'); }

.icon-circle-wrapper {
  width: 4rem;
  height: 4rem;
  background-color: var(--bg-icon);
  color: #fff;
  font-size: 1.5rem;
  border-radius: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.icon-i {
  padding: 0.5rem !important;
  background-image: url("/Content/images/icon-i-r.svg");
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain; }

.btn-arrow-right::after,
.btn-arrow-left::before {
    border-style: solid;
    display: inline-block;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -.1rem;
    left: .3125rem;
    margin-right: .4125rem;
    content: '';
    height: .7rem;
    width: .7rem;
}

.btn-arrow-right::after {
    border-width: 2px 2px 0 0;
}

.btn-arrow-left::before {
    border-width: 0 0 2px 2px;
}


/* Color palette */
/* Text styles mixins */
/* Text styles */
/* Text styles */
:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #d40037;
    --secondary: #343a40;
    --secondary-blue: #456dad;
    --secondary-pink: #e08788;
    --white: #ffffff;
    --light: #ededed;
    --dark: #a5a5a5;
    --shade-black: #242424;
    --black: #000000;
    --success: #28a745;
    --info: #343a40;
    --warning: #ffc107;
    --danger: #dc3545;
    --grey: #ced4da;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text);
  text-align: left;
  background-color: var(--bg); }

[tabindex="-1"]:focus {
  outline: 0 !important; }

hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

b,
strong {
  font-weight: bolder; }

small {
  font-size: 80%; }

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline; }

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: var(--color-primary);
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: var(--link-hover);
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em; }

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

svg {
  overflow: hidden;
  vertical-align: middle; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 13px 30px;
  padding-bottom: 13px 30px;
  color: var(--text-muted);
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: 0.5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

select {
  word-wrap: normal; }

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer; }

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  var(--surface)-space: normal; }

progress {
  vertical-align: baseline; }

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item;
  cursor: pointer; }

template {
  display: none; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 700;
  line-height: 1.2; }

h1, .h1 {
  font-size: 3.125rem; }

h2, .h2 {
  font-size: 1.5rem; }

h3, .h3 {
  font-size: 1.125rem; }

h4, .h4 {
  font-size: 1.1rem; }

h5, .h5 {
  font-size: 1rem; }

h6, .h6 {
  font-size: 0.9rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2; }

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

small,
.small {
  font-size: 80%;
  font-weight: 400; }

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 0.5rem; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: var(--text-muted); }
  .blockquote-footer::before {
    content: "\2014\00A0"; }

.img-fluid {
  max-width: 100%;
  height: auto; }

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bg);
  border: 1px solid var(--border-strong);
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: var(--text-muted); }

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-break: break-word; }
  a > code {
    color: inherit; }

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: var(--text);
  border-radius: 0.2rem; }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: 700; }

pre {
  display: block;
  font-size: 87.5%;
  color: var(--text); }
  pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }
  @media (min-width: 1400px) {
    .container {
      max-width: 1360px; } }

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .device-tiles, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl,
.col-xxl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px; }

.col {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.col-auto {
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%; }

.col-1 {
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col-4 {
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col-7 {
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col-10 {
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col-12, .device-tiles {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1; }

.order-last {
  -webkit-order: 13;
  -ms-flex-order: 13;
  order: 13; }

.order-0 {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0; }

.order-1 {
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -webkit-order: 8;
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -webkit-order: 9;
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -webkit-order: 11;
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -webkit-order: 12;
  -ms-flex-order: 12;
  order: 12; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

@media (min-width: 576px) {
  .col-sm {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-sm-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-sm-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-sm-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-sm-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-sm-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-sm-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-sm-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-sm-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-sm-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-sm-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-sm-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-sm-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-sm-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-sm-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .order-sm-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-sm-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-sm-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-sm-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-sm-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-sm-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-sm-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-sm-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-sm-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-sm-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-sm-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-sm-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-sm-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; } }

@media (min-width: 768px) {
  .col-md {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-md-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-md-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-md-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-md-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-md-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-md-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-md-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-md-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-md-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-md-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-md-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-md-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-md-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-md-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .order-md-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-md-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-md-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-md-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-md-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-md-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-md-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-md-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-md-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-md-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-md-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-md-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-md-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; } }

@media (min-width: 992px) {
  .col-lg {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-lg-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-lg-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-lg-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-lg-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-lg-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-lg-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-lg-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-lg-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-lg-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-lg-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-lg-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-lg-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-lg-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-lg-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .order-lg-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-lg-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-lg-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-lg-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-lg-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-lg-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-lg-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-lg-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-lg-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-lg-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-lg-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-lg-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-lg-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1200px) {
  .col-xl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xl-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xl-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xl-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xl-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xl-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xl-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xl-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xl-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xl-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xl-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xl-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xl-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xl-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-xl-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .order-xl-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-xl-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-xl-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-xl-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-xl-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-xl-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-xl-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-xl-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-xl-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-xl-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-xl-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-xl-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-xl-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; } }

@media (min-width: 1400px) {
  .col-xxl {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .col-xxl-1 {
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-xxl-2 {
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-xxl-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-xxl-5 {
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-xxl-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-xxl-8 {
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-xxl-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-xxl-11 {
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-xxl-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1; }
  .order-xxl-last {
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13; }
  .order-xxl-0 {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0; }
  .order-xxl-1 {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .order-xxl-2 {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }
  .order-xxl-3 {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3; }
  .order-xxl-4 {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4; }
  .order-xxl-5 {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5; }
  .order-xxl-6 {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6; }
  .order-xxl-7 {
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7; }
  .order-xxl-8 {
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8; }
  .order-xxl-9 {
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9; }
  .order-xxl-10 {
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10; }
  .order-xxl-11 {
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11; }
  .order-xxl-12 {
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; } }

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: var(--text); }
  .table th,
  .table td {
    padding: 13px 30px;
    vertical-align: top;
    border-top: 2px solid var(--border); }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 4px solid var(--border); }
  .table tbody + tbody {
    border-top: 4px solid var(--border); }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 2px solid var(--border); }
  .table-bordered th,
  .table-bordered td {
    border: 2px solid var(--border); }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 4px; }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05); }

.table-hover tbody tr:hover {
  color: var(--text);
  background-color: rgba(0, 0, 0, 0.075); }

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #f3b8c7; }

.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #e97a97; }

.table-hover .table-primary:hover {
  background-color: #efa2b6; }
  .table-hover .table-primary:hover > td,
  .table-hover .table-primary:hover > th {
    background-color: #efa2b6; }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: #c6c8ca; }

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: #95999c; }

.table-hover .table-secondary:hover {
  background-color: #b9bbbe; }
  .table-hover .table-secondary:hover > td,
  .table-hover .table-secondary:hover > th {
    background-color: #b9bbbe; }

.table-secondary-blue,
.table-secondary-blue > th,
.table-secondary-blue > td {
  background-color: #cbd6e8; }

.table-secondary-blue th,
.table-secondary-blue td,
.table-secondary-blue thead th,
.table-secondary-blue tbody + tbody {
  border-color: #9eb3d4; }

.table-hover .table-secondary-blue:hover {
  background-color: #b9c8e0; }
  .table-hover .table-secondary-blue:hover > td,
  .table-hover .table-secondary-blue:hover > th {
    background-color: #b9c8e0; }

.table-secondary-pink,
.table-secondary-pink > th,
.table-secondary-pink > td {
  background-color: #f6ddde; }

.table-secondary-pink th,
.table-secondary-pink td,
.table-secondary-pink thead th,
.table-secondary-pink tbody + tbody {
  border-color: #efc1c1; }

.table-hover .table-secondary-pink:hover {
  background-color: #f1c9ca; }
  .table-hover .table-secondary-pink:hover > td,
  .table-hover .table-secondary-pink:hover > th {
    background-color: #f1c9ca; }

.table-var(--surface),
.table-var(--surface) > th,
.table-var(--surface) > td {
  background-color: var(--surface); }

.table-var(--surface) th,
.table-var(--surface) td,
.table-var(--surface) thead th,
.table-var(--surface) tbody + tbody {
  border-color: var(--surface); }

.table-hover .table-var(--surface):hover {
  background-color: #f2f2f2; }
  .table-hover .table-var(--surface):hover > td,
  .table-hover .table-var(--surface):hover > th {
    background-color: #f2f2f2; }

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fafafa; }

.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #f6f6f6; }

.table-hover .table-light:hover {
  background-color: var(--border); }
  .table-hover .table-light:hover > td,
  .table-hover .table-light:hover > th {
    background-color: var(--border); }

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #e6e6e6; }

.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #d0d0d0; }

.table-hover .table-dark:hover {
  background-color: #d9d9d9; }
  .table-hover .table-dark:hover > td,
  .table-hover .table-dark:hover > th {
    background-color: #d9d9d9; }

.table-shade-black,
.table-shade-black > th,
.table-shade-black > td {
  background-color: #c2c2c2; }

.table-shade-black th,
.table-shade-black td,
.table-shade-black thead th,
.table-shade-black tbody + tbody {
  border-color: #8d8d8d; }

.table-hover .table-shade-black:hover {
  background-color: #b5b5b5; }
  .table-hover .table-shade-black:hover > td,
  .table-hover .table-shade-black:hover > th {
    background-color: #b5b5b5; }

.table-black,
.table-black > th,
.table-black > td {
  background-color: #b8b8b8; }

.table-black th,
.table-black td,
.table-black thead th,
.table-black tbody + tbody {
  border-color: #7a7a7a; }

.table-hover .table-black:hover {
  background-color: #ababab; }
  .table-hover .table-black:hover > td,
  .table-hover .table-black:hover > th {
    background-color: #ababab; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c3e6cb; }

.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #8fd19e; }

.table-hover .table-success:hover {
  background-color: #b1dfbb; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #b1dfbb; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #c6c8ca; }

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #95999c; }

.table-hover .table-info:hover {
  background-color: #b9bbbe; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #b9bbbe; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #ffeeba; }

.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #ffdf7e; }

.table-hover .table-warning:hover {
  background-color: #ffe8a1; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #ffe8a1; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f5c6cb; }

.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ed969e; }

.table-hover .table-danger:hover {
  background-color: #f1b0b7; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #f1b0b7; }

.table-grey,
.table-grey > th,
.table-grey > td {
  background-color: #f1f3f5; }

.table-grey th,
.table-grey td,
.table-grey thead th,
.table-grey tbody + tbody {
  border-color: #e6e9ec; }

.table-hover .table-grey:hover {
  background-color: #e2e6ea; }
  .table-hover .table-grey:hover > td,
  .table-hover .table-grey:hover > th {
    background-color: #e2e6ea; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(0, 0, 0, 0.075); }

.table-hover .table-active:hover {
  background-color: rgba(0, 0, 0, 0.075); }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: rgba(0, 0, 0, 0.075); }

.table .thead-dark th {
  color: #fff;
  background-color: var(--color-secondary);
  border-color: #454d55; }

.table .thead-light th {
  color: var(--color-primary);
  background-color: var(--surface);
  border-color: var(--border); }

.table-dark {
  color: #fff;
  background-color: var(--color-secondary); }
  .table-dark th,
  .table-dark td,
  .table-dark thead th {
    border-color: #454d55; }
  .table-dark.table-bordered {
    border: 0; }
  .table-dark.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05); }
  .table-dark.table-hover tbody tr:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.075); }

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-sm > .table-bordered {
      border: 0; } }

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-md > .table-bordered {
      border: 0; } }

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-lg > .table-bordered {
      border: 0; } }

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xl > .table-bordered {
      border: 0; } }

@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .table-responsive-xxl > .table-bordered {
      border: 0; } }

.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; }
  .table-responsive > .table-bordered {
    border: 0; }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 4px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid var(--border);
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      -webkit-transition: none;
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }
  .form-control::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control::-moz-placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control::placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 2px);
  padding-bottom: calc(0.375rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(1rem + 2px);
  padding-bottom: calc(1rem + 2px);
  font-size: 1.125rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 2px);
  padding-bottom: calc(0.25rem + 2px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--text);
  background-color: transparent;
  border: solid transparent;
  border-width: 2px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.5em + 0.5rem + 4px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.form-control-lg {
  height: calc(1.5em + 2rem + 4px);
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: auto; }

.form-group {
  margin-bottom: 1rem; }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: var(--text-muted); }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--success); }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: var(--success);
  border-radius: 0.25rem; }

.was-validated .form-control:valid, .form-control.is-valid, .form-group .form-control.valid {
    border-color: var(--color-secondary);
    padding-right: calc(1.5em + 0.75rem);
}
    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .form-group .form-control.valid:focus {
        border-color: var(--color-secondary);
        -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-group .form-control.valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip,
  .form-group .form-control.valid ~ .valid-tooltip {
    display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid, .form-group textarea.form-control.valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: var(--color-secondary);
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
}
    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: var(--color-secondary);
        -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    }
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: var(--color-secondary);
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: var(--color-secondary);
}
    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: var(--color-secondary);
    }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--color-secondary);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: var(--color-secondary);
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: var(--color-secondary);
    -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.invalid-feedback, .form-group .field-validation-error, .validation-summary-errors ul li {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--danger); }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: var(--danger);
  border-radius: 0.25rem; }

.was-validated .form-control:invalid, .form-control.is-invalid, .form-group .form-control.input-validation-error {
  border-color: var(--danger);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  -webkit-background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .form-group .form-control.input-validation-error:focus {
    border-color: var(--danger);
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-group .form-control:invalid ~ .field-validation-error, .form-group .was-validated .form-control:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .form-control:invalid ~ li, .validation-summary-errors ul .was-validated .form-control:invalid ~ li,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-group .form-control.input-validation-error ~ .invalid-feedback, .form-group .form-control.is-invalid ~ .field-validation-error, .form-group .form-control.input-validation-error ~ .field-validation-error, .validation-summary-errors ul .form-control.is-invalid ~ li, .form-group .validation-summary-errors ul .form-control.input-validation-error ~ li, .validation-summary-errors ul .form-group .form-control.input-validation-error ~ li,
  .form-control.is-invalid ~ .invalid-tooltip,
  .form-group .form-control.input-validation-error ~ .invalid-tooltip {
    display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid, .form-group textarea.form-control.input-validation-error {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: var(--danger);
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: var(--danger);
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }
  .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .form-group .custom-select:invalid ~ .field-validation-error, .form-group .was-validated .custom-select:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .custom-select:invalid ~ li, .validation-summary-errors ul .was-validated .custom-select:invalid ~ li,
  .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .form-group .custom-select.is-invalid ~ .field-validation-error, .validation-summary-errors ul .custom-select.is-invalid ~ li,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-group .form-control-file:invalid ~ .field-validation-error, .form-group .was-validated .form-control-file:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .form-control-file:invalid ~ li, .validation-summary-errors ul .was-validated .form-control-file:invalid ~ li,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-group .form-control-file.is-invalid ~ .field-validation-error, .validation-summary-errors ul .form-control-file.is-invalid ~ li,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--danger); }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-group .form-check-input:invalid ~ .field-validation-error, .form-group .was-validated .form-check-input:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .form-check-input:invalid ~ li, .validation-summary-errors ul .was-validated .form-check-input:invalid ~ li,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-group .form-check-input.is-invalid ~ .field-validation-error, .validation-summary-errors ul .form-check-input.is-invalid ~ li,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: var(--danger); }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: var(--danger); }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .form-group .custom-control-input:invalid ~ .field-validation-error, .form-group .was-validated .custom-control-input:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .custom-control-input:invalid ~ li, .validation-summary-errors ul .was-validated .custom-control-input:invalid ~ li,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .form-group .custom-control-input.is-invalid ~ .field-validation-error, .validation-summary-errors ul .custom-control-input.is-invalid ~ li,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--danger); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: var(--danger); }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .form-group .custom-file-input:invalid ~ .field-validation-error, .form-group .was-validated .custom-file-input:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .custom-file-input:invalid ~ li, .validation-summary-errors ul .was-validated .custom-file-input:invalid ~ li,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .form-group .custom-file-input.is-invalid ~ .field-validation-error, .validation-summary-errors ul .custom-file-input.is-invalid ~ li,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: var(--danger);
  -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }

.form-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.btn, .icon-tooltip, .btn-list label, .color-list label, .search-results .list-group-item .list-item-category-container .list-item-category {
  display: inline-block;
  font-weight: 700;
  color: var(--btn-text);
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 2px solid transparent;
  padding: 0.1rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 6px;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn, .icon-tooltip, .btn-list label, .color-list label, .search-results .list-group-item .list-item-category-container .list-item-category {
      -webkit-transition: none;
      transition: none; } }
  .btn:hover, .icon-tooltip:hover, .btn-list label:hover, .color-list label:hover, .search-results .list-group-item .list-item-category-container .list-item-category:hover {
    color: var(--text);
    text-decoration: none; }
  .btn:focus, .icon-tooltip:focus, .btn-list label:focus, .color-list label:focus, .search-results .list-group-item .list-item-category-container .list-item-category:focus, .btn.focus, .focus.icon-tooltip, .btn-list label.focus, .color-list label.focus, .search-results .list-group-item .list-item-category-container .focus.list-item-category {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }
  .btn.disabled, .disabled.icon-tooltip, .btn-list label.disabled, .color-list label.disabled, .search-results .list-group-item .list-item-category-container .disabled.list-item-category, .btn:disabled, .icon-tooltip:disabled, .btn-list label:disabled, .color-list label:disabled, .search-results .list-group-item .list-item-category-container .list-item-category:disabled {
    opacity: 0.65; }

a.btn.disabled, a.disabled.icon-tooltip, .search-results .list-group-item .list-item-category-container a.disabled.list-item-category,
fieldset:disabled a.btn,
fieldset:disabled a.icon-tooltip,
fieldset:disabled .search-results .list-group-item .list-item-category-container a.list-item-category,
.search-results .list-group-item .list-item-category-container fieldset:disabled a.list-item-category {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary); }
  .btn-primary:hover {
    color: #fff;
    background-color: #ae002d;
    border-color: #a1002a; }
  .btn-primary:focus, .btn-primary.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(218, 38, 85, 0.5);
    box-shadow: 0 0 0 0 rgba(218, 38, 85, 0.5); }
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary); }
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #a1002a;
    border-color: #940026; }
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(218, 38, 85, 0.5);
      box-shadow: 0 0 0 0 rgba(218, 38, 85, 0.5); }

.btn-secondary {
  color: #fff;
  background-color: var(--color-secondary);
  border-color: var(--color-secondary); }
  .btn-secondary:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-secondary:focus, .btn-secondary.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); }
  .btn-secondary.disabled, .btn-secondary:disabled {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); }
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
      box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); }

.btn-secondary-blue {
  color: #fff;
  background-color: var(--color-accent-blue);
  border-color: var(--color-accent-blue); }
  .btn-secondary-blue:hover {
    color: #fff;
    background-color: #3a5c92;
    border-color: #365689; }
  .btn-secondary-blue:focus, .btn-secondary-blue.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(97, 131, 185, 0.5);
    box-shadow: 0 0 0 0 rgba(97, 131, 185, 0.5); }
  .btn-secondary-blue.disabled, .btn-secondary-blue:disabled {
    color: #fff;
    background-color: var(--color-accent-blue);
    border-color: var(--color-accent-blue); }
  .btn-secondary-blue:not(:disabled):not(.disabled):active, .btn-secondary-blue:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-blue.dropdown-toggle {
    color: #fff;
    background-color: #365689;
    border-color: #33507f; }
    .btn-secondary-blue:not(:disabled):not(.disabled):active:focus, .btn-secondary-blue:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-blue.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(97, 131, 185, 0.5);
      box-shadow: 0 0 0 0 rgba(97, 131, 185, 0.5); }

.btn-secondary-pink {
  color: var(--text);
  background-color: var(--color-accent-pink);
  border-color: var(--color-accent-pink); }
  .btn-secondary-pink:hover {
    color: #fff;
    background-color: #d8696a;
    border-color: #d65e60; }
  .btn-secondary-pink:focus, .btn-secondary-pink.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(195, 120, 122, 0.5);
    box-shadow: 0 0 0 0 rgba(195, 120, 122, 0.5); }
  .btn-secondary-pink.disabled, .btn-secondary-pink:disabled {
    color: var(--text);
    background-color: var(--color-accent-pink);
    border-color: var(--color-accent-pink); }
  .btn-secondary-pink:not(:disabled):not(.disabled):active, .btn-secondary-pink:not(:disabled):not(.disabled).active,
  .show > .btn-secondary-pink.dropdown-toggle {
    color: #fff;
    background-color: #d65e60;
    border-color: #d35456; }
    .btn-secondary-pink:not(:disabled):not(.disabled):active:focus, .btn-secondary-pink:not(:disabled):not(.disabled).active:focus,
    .show > .btn-secondary-pink.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(195, 120, 122, 0.5);
      box-shadow: 0 0 0 0 rgba(195, 120, 122, 0.5); }

.btn-white {
  color: var(--text);
  background-color: var(--surface);
  border-color: var(--surface); }
  .btn-white:hover {
    color: var(--text);
    background-color: #ececec;
    border-color: #e6e6e6; }
  .btn-white:focus, .btn-white.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5);
    box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5); }
  .btn-white.disabled, .btn-white:disabled {
    color: var(--text);
    background-color: var(--surface);
    border-color: var(--surface); }
  .btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,
  .show > .btn-white.dropdown-toggle {
    color: var(--text);
    background-color: #e6e6e6;
    border-color: #dfdfdf; }
    .btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,
    .show > .btn-white.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5);
      box-shadow: 0 0 0 0 rgba(222, 222, 223, 0.5); }

.btn-light {
  color: var(--text);
  background-color: var(--border);
  border-color: var(--border); }
  .btn-light:hover {
    color: var(--text);
    background-color: #dadada;
    border-color: #d4d4d4; }
  .btn-light:focus, .btn-light.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(206, 207, 208, 0.5);
    box-shadow: 0 0 0 0 rgba(206, 207, 208, 0.5); }
  .btn-light.disabled, .btn-light:disabled {
    color: var(--text);
    background-color: var(--border);
    border-color: var(--border); }
  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
  .show > .btn-light.dropdown-toggle {
    color: var(--text);
    background-color: #d4d4d4;
    border-color: #cdcdcd; }
    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(206, 207, 208, 0.5);
      box-shadow: 0 0 0 0 rgba(206, 207, 208, 0.5); }

.btn-dark {
  color: var(--text);
  background-color: var(--link-hover);
  border-color: var(--link-hover); }
  .btn-dark:hover {
    color: #fff;
    background-color: #929292;
    border-color: #8c8c8c; }
  .btn-dark:focus, .btn-dark.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(145, 146, 146, 0.5);
    box-shadow: 0 0 0 0 rgba(145, 146, 146, 0.5); }
  .btn-dark.disabled, .btn-dark:disabled {
    color: var(--text);
    background-color: var(--link-hover);
    border-color: var(--link-hover); }
  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #8c8c8c;
    border-color: #858585; }
    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(145, 146, 146, 0.5);
      box-shadow: 0 0 0 0 rgba(145, 146, 146, 0.5); }

.btn-shade-black {
  color: #fff;
  background-color: #242424;
  border-color: #242424; }
  .btn-shade-black:hover {
    color: #fff;
    background-color: #111111;
    border-color: #0b0b0b; }
  .btn-shade-black:focus, .btn-shade-black.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(69, 69, 69, 0.5);
    box-shadow: 0 0 0 0 rgba(69, 69, 69, 0.5); }
  .btn-shade-black.disabled, .btn-shade-black:disabled {
    color: #fff;
    background-color: #242424;
    border-color: #242424; }
  .btn-shade-black:not(:disabled):not(.disabled):active, .btn-shade-black:not(:disabled):not(.disabled).active,
  .show > .btn-shade-black.dropdown-toggle {
    color: #fff;
    background-color: #0b0b0b;
    border-color: #040404; }
    .btn-shade-black:not(:disabled):not(.disabled):active:focus, .btn-shade-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-shade-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(69, 69, 69, 0.5);
      box-shadow: 0 0 0 0 rgba(69, 69, 69, 0.5); }

.btn-black {
  color: #fff;
  background-color: #000000;
  border-color: #000000; }
  .btn-black:hover {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn-black:focus, .btn-black.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5);
    box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); }
  .btn-black.disabled, .btn-black:disabled {
    color: #fff;
    background-color: #000000;
    border-color: #000000; }
  .btn-black:not(:disabled):not(.disabled):active, .btn-black:not(:disabled):not(.disabled).active,
  .show > .btn-black.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black; }
    .btn-black:not(:disabled):not(.disabled):active:focus, .btn-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5);
      box-shadow: 0 0 0 0 rgba(38, 38, 38, 0.5); }

.btn-success {
  color: #fff;
  background-color: var(--success);
  border-color: var(--success); }
  .btn-success:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34; }
  .btn-success:focus, .btn-success.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
    box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5); }
  .btn-success.disabled, .btn-success:disabled {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success); }
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
  .show > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #1e7e34;
    border-color: #1c7430; }
    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5);
      box-shadow: 0 0 0 0 rgba(72, 180, 97, 0.5); }

.btn-info {
  color: #fff;
  background-color: var(--color-secondary);
  border-color: var(--color-secondary); }
  .btn-info:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124; }
  .btn-info:focus, .btn-info.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
    box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); }
  .btn-info.disabled, .btn-info:disabled {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); }
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
  .show > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d; }
    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5);
      box-shadow: 0 0 0 0 rgba(82, 88, 93, 0.5); }

.btn-warning {
  color: var(--text);
  background-color: var(--warning);
  border-color: var(--warning); }
  .btn-warning:hover {
    color: var(--text);
    background-color: #e0a800;
    border-color: #d39e00; }
  .btn-warning:focus, .btn-warning.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(222, 170, 12, 0.5);
    box-shadow: 0 0 0 0 rgba(222, 170, 12, 0.5); }
  .btn-warning.disabled, .btn-warning:disabled {
    color: var(--text);
    background-color: var(--warning);
    border-color: var(--warning); }
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
  .show > .btn-warning.dropdown-toggle {
    color: var(--text);
    background-color: #d39e00;
    border-color: #c69500; }
    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(222, 170, 12, 0.5);
      box-shadow: 0 0 0 0 rgba(222, 170, 12, 0.5); }

.btn-danger {
  color: #fff;
  background-color: var(--danger);
  border-color: var(--danger); }
  .btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130; }
  .btn-danger:focus, .btn-danger.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
    box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5); }
  .btn-danger.disabled, .btn-danger:disabled {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger); }
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
  .show > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #bd2130;
    border-color: #b21f2d; }
    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5);
      box-shadow: 0 0 0 0 rgba(225, 83, 97, 0.5); }

.btn-grey {
  color: var(--text);
  background-color: #ced4da;
  border-color: #ced4da; }
  .btn-grey:hover {
    color: var(--text);
    background-color: #b8c1ca;
    border-color: #b1bbc4; }
  .btn-grey:focus, .btn-grey.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(180, 186, 191, 0.5);
    box-shadow: 0 0 0 0 rgba(180, 186, 191, 0.5); }
  .btn-grey.disabled, .btn-grey:disabled {
    color: var(--text);
    background-color: #ced4da;
    border-color: #ced4da; }
  .btn-grey:not(:disabled):not(.disabled):active, .btn-grey:not(:disabled):not(.disabled).active,
  .show > .btn-grey.dropdown-toggle {
    color: var(--text);
    background-color: #b1bbc4;
    border-color: #aab4bf; }
    .btn-grey:not(:disabled):not(.disabled):active:focus, .btn-grey:not(:disabled):not(.disabled).active:focus,
    .show > .btn-grey.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(180, 186, 191, 0.5);
      box-shadow: 0 0 0 0 rgba(180, 186, 191, 0.5); }

.btn-outline-primary {
  color: var(--btn-outline-primary-text) !important;
  border-color: var(--color-primary); }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary); }
  .btn-outline-primary:focus, .btn-outline-primary.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(212, 0, 55, 0.5);
    box-shadow: 0 0 0 0 rgba(212, 0, 55, 0.5); }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: var(--color-primary);
    background-color: transparent; }
  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary); }
    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-primary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(212, 0, 55, 0.5);
      box-shadow: 0 0 0 0 rgba(212, 0, 55, 0.5); }

.btn-outline-secondary {
  color: var(--color-secondary);
  border-color: var(--color-secondary); }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }
  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
    color: var(--color-secondary);
    background-color: transparent; }
  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); }
    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
      box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }

.btn-outline-secondary-blue {
  color: var(--color-accent-blue);
  border-color: var(--color-accent-blue); }
  .btn-outline-secondary-blue:hover {
    color: #fff;
    background-color: var(--color-accent-blue);
    border-color: var(--color-accent-blue); }
  .btn-outline-secondary-blue:focus, .btn-outline-secondary-blue.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(69, 109, 173, 0.5);
    box-shadow: 0 0 0 0 rgba(69, 109, 173, 0.5); }
  .btn-outline-secondary-blue.disabled, .btn-outline-secondary-blue:disabled {
    color: var(--color-accent-blue);
    background-color: transparent; }
  .btn-outline-secondary-blue:not(:disabled):not(.disabled):active, .btn-outline-secondary-blue:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-blue.dropdown-toggle {
    color: #fff;
    background-color: var(--color-accent-blue);
    border-color: var(--color-accent-blue); }
    .btn-outline-secondary-blue:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-blue:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-blue.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(69, 109, 173, 0.5);
      box-shadow: 0 0 0 0 rgba(69, 109, 173, 0.5); }

.btn-outline-secondary-pink {
  color: var(--color-accent-pink);
  border-color: var(--color-accent-pink); }
  .btn-outline-secondary-pink:hover {
    color: var(--text);
    background-color: var(--color-accent-pink);
    border-color: var(--color-accent-pink); }
  .btn-outline-secondary-pink:focus, .btn-outline-secondary-pink.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(224, 135, 136, 0.5);
    box-shadow: 0 0 0 0 rgba(224, 135, 136, 0.5); }
  .btn-outline-secondary-pink.disabled, .btn-outline-secondary-pink:disabled {
    color: var(--color-accent-pink);
    background-color: transparent; }
  .btn-outline-secondary-pink:not(:disabled):not(.disabled):active, .btn-outline-secondary-pink:not(:disabled):not(.disabled).active,
  .show > .btn-outline-secondary-pink.dropdown-toggle {
    color: var(--text);
    background-color: var(--color-accent-pink);
    border-color: var(--color-accent-pink); }
    .btn-outline-secondary-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary-pink:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-secondary-pink.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(224, 135, 136, 0.5);
      box-shadow: 0 0 0 0 rgba(224, 135, 136, 0.5); }

.btn-outline-var(--surface) {
  color: var(--surface);
  border-color: var(--surface); }
  .btn-outline-var(--surface):hover {
    color: var(--text);
    background-color: var(--surface);
    border-color: var(--surface); }
  .btn-outline-var(--surface):focus, .btn-outline-var(--surface).focus {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }
  .btn-outline-var(--surface).disabled, .btn-outline-var(--surface):disabled {
    color: var(--surface);
    background-color: transparent; }
  .btn-outline-var(--surface):not(:disabled):not(.disabled):active, .btn-outline-var(--surface):not(:disabled):not(.disabled).active,
  .show > .btn-outline-var(--surface).dropdown-toggle {
    color: var(--text);
    background-color: var(--surface);
    border-color: var(--surface); }
    .btn-outline-var(--surface):not(:disabled):not(.disabled):active:focus, .btn-outline-var(--surface):not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-var(--surface).dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }

.btn-outline-light {
  color: var(--border);
  border-color: var(--border); }
  .btn-outline-light:hover {
    color: var(--text);
    background-color: var(--border);
    border-color: var(--border); }
  .btn-outline-light:focus, .btn-outline-light.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(237, 237, 237, 0.5);
    box-shadow: 0 0 0 0 rgba(237, 237, 237, 0.5); }
  .btn-outline-light.disabled, .btn-outline-light:disabled {
    color: var(--border);
    background-color: transparent; }
  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
  .show > .btn-outline-light.dropdown-toggle {
    color: var(--text);
    background-color: var(--border);
    border-color: var(--border); }
    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-light.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(237, 237, 237, 0.5);
      box-shadow: 0 0 0 0 rgba(237, 237, 237, 0.5); }

.btn-outline-dark {
  color: var(--link-hover);
  border-color: var(--link-hover); }
  .btn-outline-dark:hover {
    color: var(--text);
    background-color: var(--link-hover);
    border-color: var(--link-hover); }
  .btn-outline-dark:focus, .btn-outline-dark.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(165, 165, 165, 0.5);
    box-shadow: 0 0 0 0 rgba(165, 165, 165, 0.5); }
  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
    color: var(--link-hover);
    background-color: transparent; }
  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
  .show > .btn-outline-dark.dropdown-toggle {
    color: var(--text);
    background-color: var(--link-hover);
    border-color: var(--link-hover); }
    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-dark.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(165, 165, 165, 0.5);
      box-shadow: 0 0 0 0 rgba(165, 165, 165, 0.5); }

.btn-outline-shade-black {
  color: #242424;
  border-color: #242424; }
  .btn-outline-shade-black:hover {
    color: #fff;
    background-color: #242424;
    border-color: #242424; }
  .btn-outline-shade-black:focus, .btn-outline-shade-black.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(36, 36, 36, 0.5);
    box-shadow: 0 0 0 0 rgba(36, 36, 36, 0.5); }
  .btn-outline-shade-black.disabled, .btn-outline-shade-black:disabled {
    color: #242424;
    background-color: transparent; }
  .btn-outline-shade-black:not(:disabled):not(.disabled):active, .btn-outline-shade-black:not(:disabled):not(.disabled).active,
  .show > .btn-outline-shade-black.dropdown-toggle {
    color: #fff;
    background-color: #242424;
    border-color: #242424; }
    .btn-outline-shade-black:not(:disabled):not(.disabled):active:focus, .btn-outline-shade-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-shade-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(36, 36, 36, 0.5);
      box-shadow: 0 0 0 0 rgba(36, 36, 36, 0.5); }

.btn-outline-black {
  color: #000000;
  border-color: #000000; }
  .btn-outline-black:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000; }
  .btn-outline-black:focus, .btn-outline-black.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); }
  .btn-outline-black.disabled, .btn-outline-black:disabled {
    color: #000000;
    background-color: transparent; }
  .btn-outline-black:not(:disabled):not(.disabled):active, .btn-outline-black:not(:disabled):not(.disabled).active,
  .show > .btn-outline-black.dropdown-toggle {
    color: #fff;
    background-color: #000000;
    border-color: #000000; }
    .btn-outline-black:not(:disabled):not(.disabled):active:focus, .btn-outline-black:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-black.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); }

.btn-outline-success {
  color: var(--success);
  border-color: var(--success); }
  .btn-outline-success:hover {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success); }
  .btn-outline-success:focus, .btn-outline-success.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5); }
  .btn-outline-success.disabled, .btn-outline-success:disabled {
    color: var(--success);
    background-color: transparent; }
  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
  .show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: var(--success);
    border-color: var(--success); }
    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-success.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
      box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5); }

.btn-outline-info {
  color: var(--color-secondary);
  border-color: var(--color-secondary); }
  .btn-outline-info:hover {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); }
  .btn-outline-info:focus, .btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: var(--color-secondary);
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: var(--color-secondary);
    border-color: var(--color-secondary); }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
      box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }

.btn-outline-warning {
  color: var(--warning);
  border-color: var(--warning); }
  .btn-outline-warning:hover {
    color: var(--text);
    background-color: var(--warning);
    border-color: var(--warning); }
  .btn-outline-warning:focus, .btn-outline-warning.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); }
  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
    color: var(--warning);
    background-color: transparent; }
  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
  .show > .btn-outline-warning.dropdown-toggle {
    color: var(--text);
    background-color: var(--warning);
    border-color: var(--warning); }
    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-warning.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
      box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); }

.btn-outline-danger {
  color: var(--danger);
  border-color: var(--danger); }
  .btn-outline-danger:hover {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger); }
  .btn-outline-danger:focus, .btn-outline-danger.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }
  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
    color: var(--danger);
    background-color: transparent; }
  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
  .show > .btn-outline-danger.dropdown-toggle {
    color: #fff;
    background-color: var(--danger);
    border-color: var(--danger); }
    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-danger.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
      box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }

.btn-outline-grey {
  color: #ced4da;
  border-color: #ced4da; }
  .btn-outline-grey:hover {
    color: var(--text);
    background-color: #ced4da;
    border-color: #ced4da; }
  .btn-outline-grey:focus, .btn-outline-grey.focus {
    -webkit-box-shadow: 0 0 0 0 rgba(206, 212, 218, 0.5);
    box-shadow: 0 0 0 0 rgba(206, 212, 218, 0.5); }
  .btn-outline-grey.disabled, .btn-outline-grey:disabled {
    color: #ced4da;
    background-color: transparent; }
  .btn-outline-grey:not(:disabled):not(.disabled):active, .btn-outline-grey:not(:disabled):not(.disabled).active,
  .show > .btn-outline-grey.dropdown-toggle {
    color: var(--text);
    background-color: #ced4da;
    border-color: #ced4da; }
    .btn-outline-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-grey:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-grey.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0 rgba(206, 212, 218, 0.5);
      box-shadow: 0 0 0 0 rgba(206, 212, 218, 0.5); }

.btn-link, .icon-tooltip {
  font-weight: 400;
  color: var(--color-primary);
  text-decoration: none; }
  .btn-link:hover, .icon-tooltip:hover {
    color: var(--link-hover);
    text-decoration: underline; }
  .btn-link:focus, .icon-tooltip:focus, .btn-link.focus, .focus.icon-tooltip {
    text-decoration: underline;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-link:disabled, .icon-tooltip:disabled, .btn-link.disabled, .disabled.icon-tooltip {
    color: var(--text-muted);
    pointer-events: none; }

.btn-lg, .btn-group-lg > .btn, .btn-group-lg > .icon-tooltip, .btn-list .btn-group-lg > label, .color-list .btn-group-lg > label, .search-results .list-group-item .list-item-category-container .btn-group-lg > .list-item-category {
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 6px; }

.btn-sm, .btn-group-sm > .btn, .btn-group-sm > .icon-tooltip, .btn-list .btn-group-sm > label, .color-list .btn-group-sm > label, .search-results .list-group-item .list-item-category-container .btn-group-sm > .list-item-category {
  padding: 0 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 30px; }

.btn-block {
  display: block;
  width: 100%; }
  .btn-block + .btn-block {
    margin-top: 0.5rem; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  -webkit-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }
  @media (prefers-reduced-motion: reduce) {
    .fade {
      -webkit-transition: none;
      transition: none; } }
  .fade:not(.show) {
    opacity: 0; }

.collapse:not(.show) {
  display: none; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  transition: height 0.35s ease; }
  @media (prefers-reduced-motion: reduce) {
    .collapsing {
      -webkit-transition: none;
      transition: none; } }

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative; }

.dropdown-toggle {
    white-space: nowrap;}
  .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent; }
  .dropdown-toggle:empty::after {
    margin-left: 0; }

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0 0;
    margin: 0 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #a5a5a5;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0 solid 0;
    border-radius: 0;
}

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0; }
  .dropdown-menu-sm-right {
    right: 0;
    left: auto; } }

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

@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0; }
  .dropdown-menu-lg-right {
    right: 0;
    left: auto; } }

@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xl-right {
    right: 0;
    left: auto; } }

@media (min-width: 1400px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0; }
  .dropdown-menu-xxl-right {
    right: 0;
    left: auto; } }

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0; }

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent; }

.dropup .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid; }

.dropright .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropright .dropdown-toggle::after {
  vertical-align: 0; }

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0; }

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ""; }

.dropleft .dropdown-toggle::after {
  display: none; }

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent; }

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0; }

.dropleft .dropdown-toggle::before {
  vertical-align: 0; }

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
  right: auto;
  bottom: auto; }

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #fff;
  text-align: inherit;
  var(--surface)-space: nowrap;
  background-color: transparent;
  border: 0; }
  .dropdown-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .dropdown-item:last-child {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .dropdown-item:hover, .dropdown-item:focus {
    color: #fff;
    text-decoration: none;
    background-color: var(--link-hover); }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--link-hover); }
  .dropdown-item.disabled, .dropdown-item:disabled {
    color: var(--text-muted);
    pointer-events: none;
    background-color: transparent; }

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

.dropdown-header {
  display: block;
  padding: 0 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--text-muted);
  var(--surface)-space: nowrap; }

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #fff; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: middle; }
  .btn-group > .btn, .btn-group > .icon-tooltip, .btn-list .btn-group > label, .color-list .btn-group > label, .search-results .list-group-item .list-item-category-container .btn-group > .list-item-category,
  .btn-group-vertical > .btn,
  .btn-group-vertical > .icon-tooltip,
  .btn-list .btn-group-vertical > label,
  .color-list .btn-group-vertical > label,
  .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
    .btn-group > .btn:hover, .btn-group > .icon-tooltip:hover, .btn-list .btn-group > label:hover, .color-list .btn-group > label:hover, .search-results .list-group-item .list-item-category-container .btn-group > .list-item-category:hover,
    .btn-group-vertical > .btn:hover,
    .btn-group-vertical > .icon-tooltip:hover,
    .btn-list .btn-group-vertical > label:hover,
    .color-list .btn-group-vertical > label:hover,
    .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category:hover {
      z-index: 1; }
    .btn-group > .btn:focus, .btn-group > .icon-tooltip:focus, .btn-list .btn-group > label:focus, .color-list .btn-group > label:focus, .search-results .list-group-item .list-item-category-container .btn-group > .list-item-category:focus, .btn-group > .btn:active, .btn-group > .icon-tooltip:active, .btn-list .btn-group > label:active, .color-list .btn-group > label:active, .search-results .list-group-item .list-item-category-container .btn-group > .list-item-category:active, .btn-group > .btn.active, .btn-group > .active.icon-tooltip, .btn-list .btn-group > label.active, .color-list .btn-group > label.active, .search-results .list-group-item .list-item-category-container .btn-group > .active.list-item-category,
    .btn-group-vertical > .btn:focus,
    .btn-group-vertical > .icon-tooltip:focus,
    .btn-list .btn-group-vertical > label:focus,
    .color-list .btn-group-vertical > label:focus,
    .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category:focus,
    .btn-group-vertical > .btn:active,
    .btn-group-vertical > .icon-tooltip:active,
    .btn-list .btn-group-vertical > label:active,
    .color-list .btn-group-vertical > label:active,
    .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category:active,
    .btn-group-vertical > .btn.active,
    .btn-group-vertical > .active.icon-tooltip,
    .btn-list .btn-group-vertical > label.active,
    .color-list .btn-group-vertical > label.active,
    .search-results .list-group-item .list-item-category-container .btn-group-vertical > .active.list-item-category {
      z-index: 1; }

.btn-toolbar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .btn-toolbar .input-group {
    width: auto; }

.btn-group > .btn:not(:first-child), .btn-group > .icon-tooltip:not(:first-child), .btn-list .btn-group > label:not(:first-child), .color-list .btn-group > label:not(:first-child), .search-results .list-group-item .list-item-category-container .btn-group > .list-item-category:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -2px; }

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .icon-tooltip:not(:last-child):not(.dropdown-toggle), .btn-list .btn-group > label:not(:last-child):not(.dropdown-toggle), .color-list .btn-group > label:not(:last-child):not(.dropdown-toggle), .search-results .list-group-item .list-item-category-container .btn-group > .list-item-category:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn-group:not(:last-child) > .icon-tooltip,
.btn-list .btn-group > .btn-group:not(:last-child) > label,
.color-list .btn-group > .btn-group:not(:last-child) > label,
.search-results .list-group-item .list-item-category-container .btn-group > .btn-group:not(:last-child) > .list-item-category {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.btn-group > .btn:not(:first-child), .btn-group > .icon-tooltip:not(:first-child), .btn-list .btn-group > label:not(:first-child), .color-list .btn-group > label:not(:first-child), .search-results .list-group-item .list-item-category-container .btn-group > .list-item-category:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn-group:not(:first-child) > .icon-tooltip,
.btn-list .btn-group > .btn-group:not(:first-child) > label,
.color-list .btn-group > .btn-group:not(:first-child) > label,
.search-results .list-group-item .list-item-category-container .btn-group > .btn-group:not(:first-child) > .list-item-category {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem; }
  .dropdown-toggle-split::after,
  .dropup .dropdown-toggle-split::after,
  .dropright .dropdown-toggle-split::after {
    margin-left: 0; }
  .dropleft .dropdown-toggle-split::before {
    margin-right: 0; }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, .btn-group-sm > .icon-tooltip + .dropdown-toggle-split, .btn-list .btn-group-sm > label + .dropdown-toggle-split, .color-list .btn-group-sm > label + .dropdown-toggle-split, .search-results .list-group-item .list-item-category-container .btn-group-sm > .list-item-category + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem; }

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, .btn-group-lg > .icon-tooltip + .dropdown-toggle-split, .btn-list .btn-group-lg > label + .dropdown-toggle-split, .color-list .btn-group-lg > label + .dropdown-toggle-split, .search-results .list-group-item .list-item-category-container .btn-group-lg > .list-item-category + .dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem; }

.btn-group-vertical {
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  
  .btn-group-vertical > .btn,
  .btn-group-vertical > .icon-tooltip,
  .btn-list .btn-group-vertical > label,
  .color-list .btn-group-vertical > label,
  .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category,
  .btn-group-vertical > .btn-group {
    width: 100%; }
  .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .icon-tooltip:not(:first-child), .btn-list .btn-group-vertical > label:not(:first-child), .color-list .btn-group-vertical > label:not(:first-child), .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) {
    margin-top: -2px; }
  .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .icon-tooltip:not(:last-child):not(.dropdown-toggle), .btn-list .btn-group-vertical > label:not(:last-child):not(.dropdown-toggle), .color-list .btn-group-vertical > label:not(:last-child):not(.dropdown-toggle), .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category:not(:last-child):not(.dropdown-toggle),
  .btn-group-vertical > .btn-group:not(:last-child) > .btn,
  .btn-group-vertical > .btn-group:not(:last-child) > .icon-tooltip,
  .btn-list .btn-group-vertical > .btn-group:not(:last-child) > label,
  .color-list .btn-group-vertical > .btn-group:not(:last-child) > label,
  .search-results .list-group-item .list-item-category-container .btn-group-vertical > .btn-group:not(:last-child) > .list-item-category {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .icon-tooltip:not(:first-child), .btn-list .btn-group-vertical > label:not(:first-child), .color-list .btn-group-vertical > label:not(:first-child), .search-results .list-group-item .list-item-category-container .btn-group-vertical > .list-item-category:not(:first-child),
  .btn-group-vertical > .btn-group:not(:first-child) > .btn,
  .btn-group-vertical > .btn-group:not(:first-child) > .icon-tooltip,
  .btn-list .btn-group-vertical > .btn-group:not(:first-child) > label,
  .color-list .btn-group-vertical > .btn-group:not(:first-child) > label,
  .search-results .list-group-item .list-item-category-container .btn-group-vertical > .btn-group:not(:first-child) > .list-item-category {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.btn-group-toggle > .btn, .btn-group-toggle > .icon-tooltip, .btn-list .btn-group-toggle > label, .color-list .btn-group-toggle > label, .search-results .list-group-item .list-item-category-container .btn-group-toggle > .list-item-category,
.btn-group-toggle > .btn-group > .btn,
.btn-group-toggle > .btn-group > .icon-tooltip,
.btn-list .btn-group-toggle > .btn-group > label,
.color-list .btn-group-toggle > .btn-group > label,
.search-results .list-group-item .list-item-category-container .btn-group-toggle > .btn-group > .list-item-category {
  margin-bottom: 0; }
  .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .icon-tooltip input[type="radio"], .btn-list .btn-group-toggle > label input[type="radio"], .color-list .btn-group-toggle > label input[type="radio"], .search-results .list-group-item .list-item-category-container .btn-group-toggle > .list-item-category input[type="radio"],
  .btn-group-toggle > .btn input[type="checkbox"],
  .btn-group-toggle > .icon-tooltip input[type="checkbox"],
  .btn-list .btn-group-toggle > label input[type="checkbox"],
  .color-list .btn-group-toggle > label input[type="checkbox"],
  .search-results .list-group-item .list-item-category-container .btn-group-toggle > .list-item-category input[type="checkbox"],
  .btn-group-toggle > .btn-group > .btn input[type="radio"],
  .btn-group-toggle > .btn-group > .icon-tooltip input[type="radio"],
  .btn-list .btn-group-toggle > .btn-group > label input[type="radio"],
  .color-list .btn-group-toggle > .btn-group > label input[type="radio"],
  .search-results .list-group-item .list-item-category-container .btn-group-toggle > .btn-group > .list-item-category input[type="radio"],
  .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
  .btn-group-toggle > .btn-group > .icon-tooltip input[type="checkbox"],
  .btn-list .btn-group-toggle > .btn-group > label input[type="checkbox"],
  .color-list .btn-group-toggle > .btn-group > label input[type="checkbox"],
  .search-results .list-group-item .list-item-category-container .btn-group-toggle > .btn-group > .list-item-category input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none; }

.input-group {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%; }
  .input-group > .form-control,
  .input-group > .form-control-plaintext,
  .input-group > .custom-select,
  .input-group > .custom-file {
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0; }
    .input-group > .form-control + .form-control,
    .input-group > .form-control + .custom-select,
    .input-group > .form-control + .custom-file,
    .input-group > .form-control-plaintext + .form-control,
    .input-group > .form-control-plaintext + .custom-select,
    .input-group > .form-control-plaintext + .custom-file,
    .input-group > .custom-select + .form-control,
    .input-group > .custom-select + .custom-select,
    .input-group > .custom-select + .custom-file,
    .input-group > .custom-file + .form-control,
    .input-group > .custom-file + .custom-select,
    .input-group > .custom-file + .custom-file {
      margin-left: -2px; }
  .input-group > .form-control:focus,
  .input-group > .custom-select:focus,
  .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
    z-index: 3; }
  .input-group > .custom-file .custom-file-input:focus {
    z-index: 4; }
  .input-group > .form-control:not(:last-child),
  .input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .input-group > .form-control:not(:first-child),
  .input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .input-group > .custom-file {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .input-group > .custom-file:not(:last-child) .custom-file-label,
    .input-group > .custom-file:not(:last-child) .custom-file-label::after {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .input-group > .custom-file:not(:first-child) .custom-file-label {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

.input-group-prepend,
.input-group-append {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .input-group-prepend .btn, .input-group-prepend .icon-tooltip, .input-group-prepend .btn-list label, .btn-list .input-group-prepend label, .input-group-prepend .color-list label, .color-list .input-group-prepend label, .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category, .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category,
  .input-group-append .btn,
  .input-group-append .icon-tooltip,
  .input-group-append .btn-list label,
  .btn-list .input-group-append label,
  .input-group-append .color-list label,
  .color-list .input-group-append label,
  .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category {
    position: relative;
    z-index: 2; }
    .input-group-prepend .btn:focus, .input-group-prepend .icon-tooltip:focus, .input-group-prepend .btn-list label:focus, .btn-list .input-group-prepend label:focus, .input-group-prepend .color-list label:focus, .color-list .input-group-prepend label:focus, .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category:focus, .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category:focus,
    .input-group-append .btn:focus,
    .input-group-append .icon-tooltip:focus,
    .input-group-append .btn-list label:focus,
    .btn-list .input-group-append label:focus,
    .input-group-append .color-list label:focus,
    .color-list .input-group-append label:focus,
    .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category:focus,
    .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category:focus {
      z-index: 3; }
  .input-group-prepend .btn + .btn, .input-group-prepend .icon-tooltip + .btn, .input-group-prepend .btn-list label + .btn, .btn-list .input-group-prepend label + .btn, .input-group-prepend .color-list label + .btn, .color-list .input-group-prepend label + .btn, .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category + .btn, .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category + .btn, .input-group-prepend .btn + .icon-tooltip, .input-group-prepend .icon-tooltip + .icon-tooltip, .input-group-prepend .btn-list label + .icon-tooltip, .btn-list .input-group-prepend label + .icon-tooltip, .input-group-prepend .color-list label + .icon-tooltip, .color-list .input-group-prepend label + .icon-tooltip, .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category + .icon-tooltip, .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category + .icon-tooltip, .input-group-prepend .btn-list .btn + label, .btn-list .input-group-prepend .btn + label, .input-group-prepend .btn-list .icon-tooltip + label, .btn-list .input-group-prepend .icon-tooltip + label, .input-group-prepend .btn-list label + label, .btn-list .input-group-prepend label + label, .input-group-prepend .color-list .btn-list label + label, .btn-list .color-list .input-group-prepend label + label, .input-group-prepend .search-results .list-group-item .list-item-category-container .btn-list .list-item-category + label, .btn-list .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category + label, .search-results .list-group-item .list-item-category-container .input-group-prepend .btn-list .list-item-category + label, .btn-list .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category + label, .input-group-prepend .color-list .btn + label, .color-list .input-group-prepend .btn + label, .input-group-prepend .color-list .icon-tooltip + label, .color-list .input-group-prepend .icon-tooltip + label, .input-group-prepend .btn-list .color-list label + label, .color-list .input-group-prepend .btn-list label + label, .btn-list .input-group-prepend .color-list label + label, .color-list .btn-list .input-group-prepend label + label, .input-group-prepend .color-list label + label, .color-list .input-group-prepend label + label, .input-group-prepend .search-results .list-group-item .list-item-category-container .color-list .list-item-category + label, .color-list .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category + label, .search-results .list-group-item .list-item-category-container .input-group-prepend .color-list .list-item-category + label, .color-list .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category + label, .input-group-prepend .search-results .list-group-item .list-item-category-container .btn + .list-item-category, .search-results .list-group-item .list-item-category-container .input-group-prepend .btn + .list-item-category, .input-group-prepend .search-results .list-group-item .list-item-category-container .icon-tooltip + .list-item-category, .search-results .list-group-item .list-item-category-container .input-group-prepend .icon-tooltip + .list-item-category, .input-group-prepend .btn-list .search-results .list-group-item .list-item-category-container label + .list-item-category, .search-results .list-group-item .list-item-category-container .input-group-prepend .btn-list label + .list-item-category, .btn-list .input-group-prepend .search-results .list-group-item .list-item-category-container label + .list-item-category, .search-results .list-group-item .list-item-category-container .btn-list .input-group-prepend label + .list-item-category, .input-group-prepend .color-list .search-results .list-group-item .list-item-category-container label + .list-item-category, .search-results .list-group-item .list-item-category-container .input-group-prepend .color-list label + .list-item-category, .color-list .input-group-prepend .search-results .list-group-item .list-item-category-container label + .list-item-category, .search-results .list-group-item .list-item-category-container .color-list .input-group-prepend label + .list-item-category, .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category + .list-item-category, .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category + .list-item-category,
  .input-group-prepend .btn + .input-group-text,
  .input-group-prepend .icon-tooltip + .input-group-text,
  .input-group-prepend .btn-list label + .input-group-text,
  .btn-list .input-group-prepend label + .input-group-text,
  .input-group-prepend .color-list label + .input-group-text,
  .color-list .input-group-prepend label + .input-group-text,
  .input-group-prepend .search-results .list-group-item .list-item-category-container .list-item-category + .input-group-text,
  .search-results .list-group-item .list-item-category-container .input-group-prepend .list-item-category + .input-group-text,
  .input-group-prepend .input-group-text + .input-group-text,
  .input-group-prepend .input-group-text + .btn,
  .input-group-prepend .input-group-text + .icon-tooltip,
  .input-group-prepend .btn-list .input-group-text + label,
  .btn-list .input-group-prepend .input-group-text + label,
  .input-group-prepend .color-list .input-group-text + label,
  .color-list .input-group-prepend .input-group-text + label,
  .input-group-prepend .search-results .list-group-item .list-item-category-container .input-group-text + .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-prepend .input-group-text + .list-item-category,
  .input-group-append .btn + .btn,
  .input-group-append .icon-tooltip + .btn,
  .input-group-append .btn-list label + .btn,
  .btn-list .input-group-append label + .btn,
  .input-group-append .color-list label + .btn,
  .color-list .input-group-append label + .btn,
  .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category + .btn,
  .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category + .btn,
  .input-group-append .btn + .icon-tooltip,
  .input-group-append .icon-tooltip + .icon-tooltip,
  .input-group-append .btn-list label + .icon-tooltip,
  .btn-list .input-group-append label + .icon-tooltip,
  .input-group-append .color-list label + .icon-tooltip,
  .color-list .input-group-append label + .icon-tooltip,
  .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category + .icon-tooltip,
  .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category + .icon-tooltip,
  .input-group-append .btn-list .btn + label,
  .btn-list .input-group-append .btn + label,
  .input-group-append .btn-list .icon-tooltip + label,
  .btn-list .input-group-append .icon-tooltip + label,
  .input-group-append .btn-list label + label,
  .btn-list .input-group-append label + label,
  .input-group-append .color-list .btn-list label + label,
  .btn-list .color-list .input-group-append label + label,
  .input-group-append .search-results .list-group-item .list-item-category-container .btn-list .list-item-category + label,
  .btn-list .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category + label,
  .search-results .list-group-item .list-item-category-container .input-group-append .btn-list .list-item-category + label,
  .btn-list .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category + label,
  .input-group-append .color-list .btn + label,
  .color-list .input-group-append .btn + label,
  .input-group-append .color-list .icon-tooltip + label,
  .color-list .input-group-append .icon-tooltip + label,
  .input-group-append .btn-list .color-list label + label,
  .color-list .input-group-append .btn-list label + label,
  .btn-list .input-group-append .color-list label + label,
  .color-list .btn-list .input-group-append label + label,
  .input-group-append .color-list label + label,
  .color-list .input-group-append label + label,
  .input-group-append .search-results .list-group-item .list-item-category-container .color-list .list-item-category + label,
  .color-list .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category + label,
  .search-results .list-group-item .list-item-category-container .input-group-append .color-list .list-item-category + label,
  .color-list .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category + label,
  .input-group-append .search-results .list-group-item .list-item-category-container .btn + .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-append .btn + .list-item-category,
  .input-group-append .search-results .list-group-item .list-item-category-container .icon-tooltip + .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-append .icon-tooltip + .list-item-category,
  .input-group-append .btn-list .search-results .list-group-item .list-item-category-container label + .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-append .btn-list label + .list-item-category,
  .btn-list .input-group-append .search-results .list-group-item .list-item-category-container label + .list-item-category,
  .search-results .list-group-item .list-item-category-container .btn-list .input-group-append label + .list-item-category,
  .input-group-append .color-list .search-results .list-group-item .list-item-category-container label + .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-append .color-list label + .list-item-category,
  .color-list .input-group-append .search-results .list-group-item .list-item-category-container label + .list-item-category,
  .search-results .list-group-item .list-item-category-container .color-list .input-group-append label + .list-item-category,
  .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category + .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category + .list-item-category,
  .input-group-append .btn + .input-group-text,
  .input-group-append .icon-tooltip + .input-group-text,
  .input-group-append .btn-list label + .input-group-text,
  .btn-list .input-group-append label + .input-group-text,
  .input-group-append .color-list label + .input-group-text,
  .color-list .input-group-append label + .input-group-text,
  .input-group-append .search-results .list-group-item .list-item-category-container .list-item-category + .input-group-text,
  .search-results .list-group-item .list-item-category-container .input-group-append .list-item-category + .input-group-text,
  .input-group-append .input-group-text + .input-group-text,
  .input-group-append .input-group-text + .btn,
  .input-group-append .input-group-text + .icon-tooltip,
  .input-group-append .btn-list .input-group-text + label,
  .btn-list .input-group-append .input-group-text + label,
  .input-group-append .color-list .input-group-text + label,
  .color-list .input-group-append .input-group-text + label,
  .input-group-append .search-results .list-group-item .list-item-category-container .input-group-text + .list-item-category,
  .search-results .list-group-item .list-item-category-container .input-group-append .input-group-text + .list-item-category {
    margin-left: -2px; }

.input-group-prepend {
  margin-right: -2px; }

.input-group-append {
  margin-left: -2px; }

.input-group-text {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--input-group-text-text);
  text-align: center;
  background-color: var(--bg-input-group-text);
  border: 2px solid var(--border);
  border-radius: 0.25rem; }
  .input-group-text input[type="radio"],
  .input-group-text input[type="checkbox"] {
    margin-top: 0; }

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 2rem + 4px); }

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-prepend > .icon-tooltip,
.btn-list .input-group-lg > .input-group-prepend > label,
.color-list .input-group-lg > .input-group-prepend > label,
.search-results .list-group-item .list-item-category-container .input-group-lg > .input-group-prepend > .list-item-category,
.input-group-lg > .input-group-append > .btn,
.input-group-lg > .input-group-append > .icon-tooltip,
.btn-list .input-group-lg > .input-group-append > label,
.color-list .input-group-lg > .input-group-append > label,
.search-results .list-group-item .list-item-category-container .input-group-lg > .input-group-append > .list-item-category {
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 4px); }

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-prepend > .icon-tooltip,
.btn-list .input-group-sm > .input-group-prepend > label,
.color-list .input-group-sm > .input-group-prepend > label,
.search-results .list-group-item .list-item-category-container .input-group-sm > .input-group-prepend > .list-item-category,
.input-group-sm > .input-group-append > .btn,
.input-group-sm > .input-group-append > .icon-tooltip,
.btn-list .input-group-sm > .input-group-append > label,
.color-list .input-group-sm > .input-group-append > label,
.search-results .list-group-item .list-item-category-container .input-group-sm > .input-group-append > .list-item-category {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem; }

.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .icon-tooltip, .btn-list .input-group > .input-group-prepend > label, .color-list .input-group > .input-group-prepend > label, .search-results .list-group-item .list-item-category-container .input-group > .input-group-prepend > .list-item-category,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .icon-tooltip,
.btn-list .input-group > .input-group-append:not(:last-child) > label,
.color-list .input-group > .input-group-append:not(:last-child) > label,
.search-results .list-group-item .list-item-category-container .input-group > .input-group-append:not(:last-child) > .list-item-category,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .icon-tooltip:not(:last-child):not(.dropdown-toggle),
.btn-list .input-group > .input-group-append:last-child > label:not(:last-child):not(.dropdown-toggle),
.color-list .input-group > .input-group-append:last-child > label:not(:last-child):not(.dropdown-toggle),
.search-results .list-group-item .list-item-category-container .input-group > .input-group-append:last-child > .list-item-category:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .icon-tooltip, .btn-list .input-group > .input-group-append > label, .color-list .input-group > .input-group-append > label, .search-results .list-group-item .list-item-category-container .input-group > .input-group-append > .list-item-category,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .icon-tooltip,
.btn-list .input-group > .input-group-prepend:not(:first-child) > label,
.color-list .input-group > .input-group-prepend:not(:first-child) > label,
.search-results .list-group-item .list-item-category-container .input-group > .input-group-prepend:not(:first-child) > .list-item-category,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .icon-tooltip:not(:first-child),
.btn-list .input-group > .input-group-prepend:first-child > label:not(:first-child),
.color-list .input-group > .input-group-prepend:first-child > label:not(:first-child),
.search-results .list-group-item .list-item-category-container .input-group > .input-group-prepend:first-child > .list-item-category:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 2rem; }

.custom-control-inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-label::before {
    color: var(--color-primary);
    border-color: var(--color-primary);
    background-color: #fff; }
  .custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }
  .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #000000; }
  .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: var(--color-primary);
    background-color: var(--surface);
    border-color: var(--color-primary); }
  .custom-control-input:disabled ~ .custom-control-label {
    color: var(--text-muted); }
    .custom-control-input:disabled ~ .custom-control-label::before {
      background-color: #e9ecef; }

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top; }
  .custom-control-label::before {
    position: absolute;
    top: 0rem;
    left: -2rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #adb5bd solid 2px; }
  .custom-control-label::after {
    position: absolute;
    top: 0rem;
    left: -2rem;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    content: "";
    background: no-repeat 50% / 50% 50%; }

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23d40037' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #fff;
  background-color: #fff; }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23d40037' d='M0 2h4'/%3e%3c/svg%3e"); }

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(212, 0, 55, 0.5); }

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(212, 0, 55, 0.5); }

.custom-radio .custom-control-label::before {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d40037'/%3e%3c/svg%3e"); }

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(212, 0, 55, 0.5); }

.custom-switch {
  padding-left: 3.125rem; }
  .custom-switch .custom-control-label::before {
    left: -3.125rem;
    width: 2.625rem;
    pointer-events: all;
    border-radius: 0.75rem; }
  .custom-switch .custom-control-label::after {
    top: calc(0rem + 4px);
    left: calc(-3.125rem + 4px);
    width: calc(1.5rem - 8px);
    height: calc(1.5rem - 8px);
    background-color: #adb5bd;
    border-radius: 0.75rem;
    -webkit-transition: -webkit-transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .custom-switch .custom-control-label::after {
        -webkit-transition: none;
        transition: none; } }
  .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(1.125rem);
    -ms-transform: translateX(1.125rem);
    transform: translateX(1.125rem); }
  .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(212, 0, 55, 0.5); }

.custom-button-switch .custom-control-input {
  visibility: hidden; }

.custom-button-switch .custom-control-input:checked ~ .custom-control-label {
  border-radius: 2px; }

.custom-button-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(212, 0, 55, 0.5); }

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 4px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
  background-color: #fff;
  border: 2px solid var(--border);
  border-radius: 0.25rem;
  appearance: none; }
  .custom-select:focus {
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }
    .custom-select:focus::-ms-value {
      color: #495057;
      background-color: #fff; }
  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: 0.75rem;
    background-image: none; }
  .custom-select:disabled {
    color: var(--text-muted);
    background-color: #e9ecef; }
  .custom-select::-ms-expand {
    display: none; }

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 4px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem; }

.custom-select-lg {
  height: calc(1.5em + 2rem + 4px);
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.5rem;
  font-size: 1.125rem; }

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 4px);
  margin-bottom: 0; }

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 4px);
  margin: 0;
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-label {
    border-color: #000000;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }
  .custom-file-input:disabled ~ .custom-file-label {
    background-color: #e9ecef; }
  .custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"; }
  .custom-file-input ~ .custom-file-label[data-browse]::after {
    content: attr(data-browse); }

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 4px);
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 2px solid var(--border);
  border-radius: 0.25rem; }
  .custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.5em + 0.75rem);
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0; }

.custom-range {
  width: 100%;
  height: calc(1rem + 0);
  padding: 0;
  background-color: transparent;
  appearance: none; }
  .custom-range:focus {
    outline: none; }
    .custom-range:focus::-webkit-slider-thumb {
      -webkit-box-shadow: 0 0 0 1px var(--bg), 0 0 0 0 transparent;
      box-shadow: 0 0 0 1px var(--bg), 0 0 0 0 transparent; }
    .custom-range:focus::-moz-range-thumb {
      box-shadow: 0 0 0 1px var(--bg), 0 0 0 0 transparent; }
    .custom-range:focus::-ms-thumb {
      box-shadow: 0 0 0 1px var(--bg), 0 0 0 0 transparent; }
  .custom-range::-moz-focus-outer {
    border: 0; }
  .custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #fff;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none; } }
    .custom-range::-webkit-slider-thumb:active {
      background-color: var(--surface); }
  .custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--border-strong);
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #fff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-moz-range-thumb {
        transition: none; } }
    .custom-range::-moz-range-thumb:active {
      background-color: var(--surface); }
  .custom-range::-moz-range-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: var(--border-strong);
    border-color: transparent;
    border-radius: 1rem; }
  .custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    background-color: #fff;
    border: 0;
    border-radius: 1rem;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none; }
    @media (prefers-reduced-motion: reduce) {
      .custom-range::-ms-thumb {
        transition: none; } }
    .custom-range::-ms-thumb:active {
      background-color: var(--surface); }
  .custom-range::-ms-track {
    width: 100%;
    height: 0.5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: 0.5rem; }
  .custom-range::-ms-fill-lower {
    background-color: var(--border-strong);
    border-radius: 1rem; }
  .custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: var(--border-strong);
    border-radius: 1rem; }
  .custom-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-webkit-slider-runnable-track {
    cursor: default; }
  .custom-range:disabled::-moz-range-thumb {
    background-color: #adb5bd; }
  .custom-range:disabled::-moz-range-track {
    cursor: default; }
  .custom-range:disabled::-ms-thumb {
    background-color: #adb5bd; }

.custom-control-label::before,
.custom-file-label,
.custom-select {
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .custom-control-label::before,
    .custom-file-label,
    .custom-select {
      -webkit-transition: none;
      transition: none; } }

.nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: block;
  padding: 0.5rem 1rem; }
  .nav-link:hover, .nav-link:focus {
    text-decoration: none; }
  .nav-link.disabled {
    color: var(--text-muted);
    pointer-events: none;
    cursor: default; }

.nav-tabs {
  border-bottom: 1px solid var(--border-strong); }
  .nav-tabs .nav-item {
    margin-bottom: -1px; }
  .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
      border-color: #e9ecef #e9ecef var(--border-strong); }
    .nav-tabs .nav-link.disabled {
      color: var(--text-muted);
      background-color: transparent;
      border-color: transparent; }
  .nav-tabs .nav-link.active,
  .nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: var(--bg);
    border-color: var(--border-strong) var(--border-strong) var(--bg); }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }

.nav-pills .nav-link {
  border-radius: 15px; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #000000;
  background-color: var(--surface); }

.nav-fill .nav-item {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  text-align: center; }

.nav-justified .nav-item {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.navbar {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0; }
  .navbar > .container,
  .navbar > .container-fluid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }

.navbar-brand {
  display: inline-block;
  padding-top: 0.40625rem;
  padding-bottom: 0.40625rem;
  margin-right: 0;
  font-size: 1.125rem;
  line-height: inherit;
  var(--surface)-space: nowrap; }
  .navbar-brand:hover, .navbar-brand:focus {
    text-decoration: none; }

.navbar-nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }
  .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0; }
  .navbar-nav .dropdown-menu {
    position: static;
    float: none; }

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.navbar-collapse {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.125rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 30px; }
  .navbar-toggler:hover, .navbar-toggler:focus {
    text-decoration: none; }

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%; }

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
  .navbar-expand-sm > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 576px) {
  .navbar-expand-sm {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .navbar-expand-sm .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-sm > .container,
    .navbar-expand-sm > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .navbar-expand-sm .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .navbar-expand-sm .navbar-toggler {
      display: none; } }

@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
  .navbar-expand-md > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 768px) {
  .navbar-expand-md {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .navbar-expand-md .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-md > .container,
    .navbar-expand-md > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .navbar-expand-md .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .navbar-expand-md .navbar-toggler {
      display: none; } }

@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 992px) {
  .navbar-expand-lg {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .navbar-expand-lg .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-lg > .container,
    .navbar-expand-lg > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .navbar-expand-lg .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .navbar-expand-lg .navbar-toggler {
      display: none; } }

@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
  .navbar-expand-xl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1200px) {
  .navbar-expand-xl {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .navbar-expand-xl .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xl > .container,
    .navbar-expand-xl > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .navbar-expand-xl .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .navbar-expand-xl .navbar-toggler {
      display: none; } }

@media (max-width: 1399.98px) {
  .navbar-expand-xxl > .container,
  .navbar-expand-xxl > .container-fluid {
    padding-right: 0;
    padding-left: 0; } }

@media (min-width: 1400px) {
  .navbar-expand-xxl {
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .navbar-expand-xxl .navbar-nav {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute; }
      .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .navbar-expand-xxl > .container,
    .navbar-expand-xxl > .container-fluid {
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap; }
    .navbar-expand-xxl .navbar-collapse {
      display: -webkit-flex !important;
      display: -ms-flexbox !important;
      display: flex !important;
      -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
      flex-basis: auto; }
    .navbar-expand-xxl .navbar-toggler {
      display: none; } }

.navbar-expand {
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    padding-right: 0;
    padding-left: 0; }
  .navbar-expand .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .navbar-expand .navbar-nav .dropdown-menu {
      position: absolute; }
    .navbar-expand .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0.5rem; }
  .navbar-expand > .container,
  .navbar-expand > .container-fluid {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .navbar-expand .navbar-collapse {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .navbar-expand .navbar-toggler {
    display: none; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9); }
  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, 0.7); }
  .navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, 0.3); }

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(0, 0, 0, 0.9); }

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1); }

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5); }
  .navbar-light .navbar-text a {
    color: rgba(0, 0, 0, 0.9); }
    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
      color: rgba(0, 0, 0, 0.9); }

.navbar-dark .navbar-brand {
  color: #fff; }
  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
    color: #fff; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.75); }
  .navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25); }

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff; }

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1); }

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-text a {
    color: #fff; }
    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
      color: #fff; }

.card {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: var(--bg-card);
  -webkit-background-clip: border-box;
  background-clip: border-box;
  border: 0 solid transparent;
  border-radius: 0.25rem; }
  .card > hr {
    margin-right: 0;
    margin-left: 0; }
  .card > .list-group:first-child .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.card-body {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem; }

.card-title {
  margin-bottom: 1.25rem; }

.card-subtitle {
  margin-top: -0.625rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card-header {
  padding: 1.25rem 1.25rem;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0 solid transparent; }
  .card-header:first-child {
    border-radius: calc(0.25rem - 0) calc(0.25rem - 0) 0 0; }
  .card-header + .list-group .list-group-item:first-child {
    border-top: 0; }

.card-footer {
  padding: 1.25rem 1.25rem;
  background-color: transparent;
  border-top: 0 solid transparent; }
  .card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 0) calc(0.25rem - 0); }

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -1.25rem;
  margin-left: -0.625rem;
  border-bottom: 0; }

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img {
  width: 100%;
  border-radius: calc(0.25rem - 0); }

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.25rem - 0);
  border-top-right-radius: calc(0.25rem - 0); }

.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.25rem - 0);
  border-bottom-left-radius: calc(0.25rem - 0); }

.card-deck {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-deck {
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .card-deck .card {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }

.card-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .card-group {
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
      .card-group > .card {
        -webkit-flex: 1 0 0%;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        margin-bottom: 0; }
        .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .card-group > .card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-top,
          .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0; }
          .card-group > .card:not(:last-child) .card-img-bottom,
          .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0; }
        .card-group > .card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-top,
          .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0; }
          .card-group > .card:not(:first-child) .card-img-bottom,
          .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0; } }

.card-columns .card {
  margin-bottom: 1.25rem; }

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.accordion > .card {
  overflow: hidden; }
  .accordion > .card:not(:first-of-type) .card-header:first-child {
    border-radius: 0; }
  .accordion > .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 0;
    border-radius: 0; }
  .accordion > .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0; }
  .accordion > .card:last-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
  .accordion > .card .card-header {
    margin-bottom: 0; }

.breadcrumb {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0.75rem 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: none;
  border-radius: 0.25rem; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 1rem; }
  .breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: 1rem;
    color: #fff;
    content: ">"; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline; }

.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none; }

.breadcrumb-item.active {
  color: #fff; }

.pagination {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem; }

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: var(--color-primary);
  background-color: #fff;
  border: 1px solid var(--border-strong); }
  .page-link:hover {
    z-index: 2;
    color: var(--link-hover);
    text-decoration: none;
    background-color: #e9ecef;
    border-color: var(--border-strong); }
  .page-link:focus {
    z-index: 2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

.page-item.active .page-link {
  z-index: 1;
  color: var(--color-primary);
  background-color: #fff;
  border-color: #fff; }

.page-item.disabled .page-link {
  color: var(--text-muted);
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: var(--border-strong); }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5; }

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem; }

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  var(--surface)-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .badge {
      -webkit-transition: none;
      transition: none; } }
  a.badge:hover, a.badge:focus {
    text-decoration: none; }
  .badge:empty {
    display: none; }

.btn .badge, .icon-tooltip .badge, .btn-list label .badge, .color-list label .badge, .search-results .list-group-item .list-item-category-container .list-item-category .badge {
  position: relative;
  top: -1px; }

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem; }

.badge-primary {
  color: #fff;
  background-color: var(--color-primary); }
  a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #a1002a; }
  a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(212, 0, 55, 0.5);
    box-shadow: 0 0 0 0 rgba(212, 0, 55, 0.5); }

.badge-secondary {
  color: #fff;
  background-color: var(--color-secondary); }
  a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #1d2124; }
  a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }

.badge-secondary-blue {
  color: #fff;
  background-color: var(--color-accent-blue); }
  a.badge-secondary-blue:hover, a.badge-secondary-blue:focus {
    color: #fff;
    background-color: #365689; }
  a.badge-secondary-blue:focus, a.badge-secondary-blue.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(69, 109, 173, 0.5);
    box-shadow: 0 0 0 0 rgba(69, 109, 173, 0.5); }

.badge-secondary-pink {
  color: var(--text);
  background-color: var(--color-accent-pink); }
  a.badge-secondary-pink:hover, a.badge-secondary-pink:focus {
    color: var(--text);
    background-color: #d65e60; }
  a.badge-secondary-pink:focus, a.badge-secondary-pink.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(224, 135, 136, 0.5);
    box-shadow: 0 0 0 0 rgba(224, 135, 136, 0.5); }

.badge-var(--surface) {
  color: var(--text);
  background-color: var(--surface); }
  a.badge-var(--surface):hover, a.badge-var(--surface):focus {
    color: var(--text);
    background-color: #e6e6e6; }
  a.badge-var(--surface):focus, a.badge-var(--surface).focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }

.badge-light {
  color: var(--text);
  background-color: var(--border); }
  a.badge-light:hover, a.badge-light:focus {
    color: var(--text);
    background-color: #d4d4d4; }
  a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(237, 237, 237, 0.5);
    box-shadow: 0 0 0 0 rgba(237, 237, 237, 0.5); }

.badge-dark {
  color: var(--text);
  background-color: var(--link-hover); }
  a.badge-dark:hover, a.badge-dark:focus {
    color: var(--text);
    background-color: #8c8c8c; }
  a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(165, 165, 165, 0.5);
    box-shadow: 0 0 0 0 rgba(165, 165, 165, 0.5); }

.badge-shade-black {
  color: #fff;
  background-color: #242424; }
  a.badge-shade-black:hover, a.badge-shade-black:focus {
    color: #fff;
    background-color: #0b0b0b; }
  a.badge-shade-black:focus, a.badge-shade-black.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(36, 36, 36, 0.5);
    box-shadow: 0 0 0 0 rgba(36, 36, 36, 0.5); }

.badge-black {
  color: #fff;
  background-color: #000000; }
  a.badge-black:hover, a.badge-black:focus {
    color: #fff;
    background-color: black; }
  a.badge-black:focus, a.badge-black.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5); }

.badge-success {
  color: #fff;
  background-color: var(--success); }
  a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34; }
  a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.5); }

.badge-info {
  color: #fff;
  background-color: var(--color-secondary); }
  a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #1d2124; }
  a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5);
    box-shadow: 0 0 0 0 rgba(52, 58, 64, 0.5); }

.badge-warning {
  color: var(--text);
  background-color: var(--warning); }
  a.badge-warning:hover, a.badge-warning:focus {
    color: var(--text);
    background-color: #d39e00; }
  a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 193, 7, 0.5); }

.badge-danger {
  color: #fff;
  background-color: var(--danger); }
  a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130; }
  a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5);
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.5); }

.badge-grey {
  color: var(--text);
  background-color: #ced4da; }
  a.badge-grey:hover, a.badge-grey:focus {
    color: var(--text);
    background-color: #b1bbc4; }
  a.badge-grey:focus, a.badge-grey.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(206, 212, 218, 0.5);
    box-shadow: 0 0 0 0 rgba(206, 212, 218, 0.5); }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem; }
  @media (min-width: 576px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: 700; }

.alert-dismissible {
  padding-right: 4rem; }
  .alert-dismissible .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit; }

.alert-primary {
  color: #6e001d;
  background-color: #f6ccd7;
  border-color: #f3b8c7; }
  .alert-primary hr {
    border-top-color: #efa2b6; }
  .alert-primary .alert-link {
    color: #3b0010; }

.alert-secondary {
  color: #1b1e21;
  background-color: #d6d8d9;
  border-color: #c6c8ca; }
  .alert-secondary hr {
    border-top-color: #b9bbbe; }
  .alert-secondary .alert-link {
    color: #040505; }

.alert-secondary-blue {
  color: #24395a;
  background-color: #dae2ef;
  border-color: #cbd6e8; }
  .alert-secondary-blue hr {
    border-top-color: #b9c8e0; }
  .alert-secondary-blue .alert-link {
    color: #152236; }

.alert-secondary-pink {
  color: #744647;
  background-color: #f9e7e7;
  border-color: #f6ddde; }
  .alert-secondary-pink hr {
    border-top-color: #f1c9ca; }
  .alert-secondary-pink .alert-link {
    color: #543334; }

.alert-var(--surface) {
  color: #858585;
  background-color: var(--surface);
  border-color: var(--surface); }
  .alert-var(--surface) hr {
    border-top-color: #f2f2f2; }
  .alert-var(--surface) .alert-link {
    color: #6c6c6c; }

.alert-light {
  color: #7b7b7b;
  background-color: #fbfbfb;
  border-color: #fafafa; }
  .alert-light hr {
    border-top-color: var(--border); }
  .alert-light .alert-link {
    color: #626262; }

.alert-dark {
  color: #565656;
  background-color: var(--border);
  border-color: #e6e6e6; }
  .alert-dark hr {
    border-top-color: #d9d9d9; }
  .alert-dark .alert-link {
    color: #3d3d3d; }

.alert-shade-black {
  color: #131313;
  background-color: lightgray;
  border-color: #c2c2c2; }
  .alert-shade-black hr {
    border-top-color: #b5b5b5; }
  .alert-shade-black .alert-link {
    color: black; }

.alert-black {
  color: black;
  background-color: #cccccc;
  border-color: #b8b8b8; }
  .alert-black hr {
    border-top-color: #ababab; }
  .alert-black .alert-link {
    color: black; }

.alert-success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb; }
  .alert-success hr {
    border-top-color: #b1dfbb; }
  .alert-success .alert-link {
    color: #0b2e13; }

.alert-info {
  color: #1b1e21;
  background-color: var(--alert-info-bg);
  border-color: #c6c8ca; }
  .alert-info hr {
    border-top-color: #b9bbbe; }
  .alert-info .alert-link {
    color: #040505; }

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba; }
  .alert-warning hr {
    border-top-color: #ffe8a1; }
  .alert-warning .alert-link {
    color: #533f03; }

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb; }
  .alert-danger hr {
    border-top-color: #f1b0b7; }
  .alert-danger .alert-link {
    color: #491217; }

.alert-grey {
  color: #6b6e71;
  background-color: #f5f6f8;
  border-color: #f1f3f5; }
  .alert-grey hr {
    border-top-color: #e2e6ea; }
  .alert-grey .alert-link {
    color: #525557; }

.option-group {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #1b1e21;
    background-color: var(--border);
    border-color: #c6c8ca;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem; }

.progress-bar {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  var(--surface)-space: nowrap;
  background-color: var(--color-primary);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar {
      -webkit-transition: none;
      transition: none; } }

.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 1rem 1rem;
  background-size: 1rem 1rem; }

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite; }
  @media (prefers-reduced-motion: reduce) {
    .progress-bar-animated {
      -webkit-animation: none;
      animation: none; } }

.media {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.media-body {
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1; }

.list-group {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit; }
  .list-group-item-action:hover, .list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa; }
  .list-group-item-action:active {
    color: var(--text);
    background-color: #e9ecef; }

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: var(--bg-list-group-item);
  border: var(--border-list-group-item); }
  .list-group-item:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .list-group-item.disabled, .list-group-item:disabled {
    color: var(--text-muted);
    pointer-events: none;
    background-color: #fff; }
  .list-group-item.active {
    z-index: 2;
    color: var(--color-primary);
    background-color: #fff;
    border-color: #fff; }

.list-group-horizontal {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  .list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0; }
    .list-group-horizontal .list-group-item:first-child {
      border-top-left-radius: 0.25rem;
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .list-group-horizontal .list-group-item:last-child {
      margin-right: 0;
      border-top-right-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .list-group-horizontal-sm .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-sm .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-sm .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 768px) {
  .list-group-horizontal-md {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .list-group-horizontal-md .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-md .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-md .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 992px) {
  .list-group-horizontal-lg {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .list-group-horizontal-lg .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-lg .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-lg .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .list-group-horizontal-xl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
    .list-group-horizontal-xxl .list-group-item {
      margin-right: -1px;
      margin-bottom: 0; }
      .list-group-horizontal-xxl .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .list-group-horizontal-xxl .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0; } }

.list-group-flush .list-group-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0; }
  .list-group-flush .list-group-item:last-child {
    margin-bottom: -1px; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  margin-bottom: 0;
  border-bottom: 0; }

.list-group-item-primary {
  color: #6e001d;
  background-color: #f3b8c7; }
  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
    color: #6e001d;
    background-color: #efa2b6; }
  .list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #6e001d;
    border-color: #6e001d; }

.list-group-item-secondary {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.list-group-item-secondary-blue {
  color: #24395a;
  background-color: #cbd6e8; }
  .list-group-item-secondary-blue.list-group-item-action:hover, .list-group-item-secondary-blue.list-group-item-action:focus {
    color: #24395a;
    background-color: #b9c8e0; }
  .list-group-item-secondary-blue.list-group-item-action.active {
    color: #fff;
    background-color: #24395a;
    border-color: #24395a; }

.list-group-item-secondary-pink {
  color: #744647;
  background-color: #f6ddde; }
  .list-group-item-secondary-pink.list-group-item-action:hover, .list-group-item-secondary-pink.list-group-item-action:focus {
    color: #744647;
    background-color: #f1c9ca; }
  .list-group-item-secondary-pink.list-group-item-action.active {
    color: #fff;
    background-color: #744647;
    border-color: #744647; }

.list-group-item-var(--surface) {
  color: #858585;
  background-color: var(--surface); }
  .list-group-item-var(--surface).list-group-item-action:hover, .list-group-item-var(--surface).list-group-item-action:focus {
    color: #858585;
    background-color: #f2f2f2; }
  .list-group-item-var(--surface).list-group-item-action.active {
    color: #fff;
    background-color: #858585;
    border-color: #858585; }

.list-group-item-light {
  color: #7b7b7b;
  background-color: #fafafa; }
  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
    color: #7b7b7b;
    background-color: var(--border); }
  .list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #7b7b7b;
    border-color: #7b7b7b; }

.list-group-item-dark {
  color: #565656;
  background-color: #e6e6e6; }
  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
    color: #565656;
    background-color: #d9d9d9; }
  .list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #565656;
    border-color: #565656; }

.list-group-item-shade-black {
  color: #131313;
  background-color: #c2c2c2; }
  .list-group-item-shade-black.list-group-item-action:hover, .list-group-item-shade-black.list-group-item-action:focus {
    color: #131313;
    background-color: #b5b5b5; }
  .list-group-item-shade-black.list-group-item-action.active {
    color: #fff;
    background-color: #131313;
    border-color: #131313; }

.list-group-item-black {
  color: black;
  background-color: #b8b8b8; }
  .list-group-item-black.list-group-item-action:hover, .list-group-item-black.list-group-item-action:focus {
    color: black;
    background-color: #ababab; }
  .list-group-item-black.list-group-item-action.active {
    color: #fff;
    background-color: black;
    border-color: black; }

.list-group-item-success {
  color: #155724;
  background-color: #c3e6cb; }
  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
    color: #155724;
    background-color: #b1dfbb; }
  .list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #155724;
    border-color: #155724; }

.list-group-item-info {
  color: #1b1e21;
  background-color: #c6c8ca; }
  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
    color: #1b1e21;
    background-color: #b9bbbe; }
  .list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #1b1e21;
    border-color: #1b1e21; }

.list-group-item-warning {
  color: #856404;
  background-color: #ffeeba; }
  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
    color: #856404;
    background-color: #ffe8a1; }
  .list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #856404;
    border-color: #856404; }

.list-group-item-danger {
  color: #721c24;
  background-color: #f5c6cb; }
  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
    color: #721c24;
    background-color: #f1b0b7; }
  .list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #721c24;
    border-color: #721c24; }

.list-group-item-grey {
  color: #6b6e71;
  background-color: #f1f3f5; }
  .list-group-item-grey.list-group-item-action:hover, .list-group-item-grey.list-group-item-action:focus {
    color: #6b6e71;
    background-color: #e2e6ea; }
  .list-group-item-grey.list-group-item-action.active {
    color: #fff;
    background-color: #6b6e71;
    border-color: #6b6e71; }

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: var(--close-text);
  text-shadow: 0 1px 0 #fff;
  opacity: .5; }
  .close:hover {
    color: var(--close-text-hover);
    text-decoration: none; }
  .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
    opacity: .75; }

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
  appearance: none; }

a.close.disabled {
  pointer-events: none; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none; }
  .modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    -webkit-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px); }
    @media (prefers-reduced-motion: reduce) {
      .modal.fade .modal-dialog {
        -webkit-transition: none;
        transition: none; } }
  .modal.show .modal-dialog {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none; }

.modal-dialog-scrollable {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem); }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden; }
  .modal-dialog-scrollable .modal-header,
  .modal-dialog-scrollable .modal-footer {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .modal-dialog-scrollable .modal-body {
    overflow-y: auto; }

.modal-dialog-centered {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem); }
  .modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""; }
  .modal-dialog-centered.modal-dialog-scrollable {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%; }
    .modal-dialog-centered.modal-dialog-scrollable .modal-content {
      max-height: none; }
    .modal-dialog-centered.modal-dialog-scrollable::before {
      content: none; }

.modal-content {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--bg);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: var(--modal-border);
  border-radius: 0.3rem;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.show {
    opacity: 0.5; }

.modal-header {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid var(--border);
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }
  .modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto; }

.modal-title {
  margin-bottom: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem; }

.modal-footer {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid var(--border);
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem; }
  .modal-footer > :not(:first-child) {
    margin-left: .25rem; }
  .modal-footer > :not(:last-child) {
    margin-right: .25rem; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto; }
  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem); }
    .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 3.5rem); }
  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem); }
    .modal-dialog-centered::before {
      height: calc(100vh - 3.5rem); }
  .modal-sm {
    max-width: 300px; } }

@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    max-width: 800px; } }

@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px; } }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  var(--surface)-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0; }
  .tooltip.show {
    opacity: 1; }
  .tooltip .arrow {
    position: absolute;
    display: block;
    width: 0.8rem;
    height: 0.4rem; }
    .tooltip .arrow::before {
      position: absolute;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
  padding: 0.4rem 0; }
  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
    bottom: 0; }
    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
      top: 0;
      border-width: 0.4rem 0.4rem 0;
      border-top-color: var(--color-accent-blue); }

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
  padding: 0 0.4rem; }
  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
    left: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
      right: 0;
      border-width: 0.4rem 0.4rem 0.4rem 0;
      border-right-color: var(--color-accent-blue); }

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
  padding: 0.4rem 0; }
  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
    top: 0; }
    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
      bottom: 0;
      border-width: 0 0.4rem 0.4rem;
      border-bottom-color: var(--color-accent-blue); }

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
  padding: 0 0.4rem; }
  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
    right: 0;
    width: 0.4rem;
    height: 0.8rem; }
    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
      left: 0;
      border-width: 0.4rem 0 0.4rem 0.4rem;
      border-left-color: var(--color-accent-blue); }

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: var(--color-accent-blue);
  border-radius: 0.25rem; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  var(--surface)-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem; }
  .popover .arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: 0.5rem;
    margin: 0 0.3rem; }
    .popover .arrow::before, .popover .arrow::after {
      position: absolute;
      display: block;
      content: "";
      border-color: transparent;
      border-style: solid; }

.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
  margin-bottom: 0.5rem; }
  .bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow {
    bottom: calc((0.5rem + 1px) * -1); }
    .bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before {
      bottom: 0;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
      bottom: 1px;
      border-width: 0.5rem 0.5rem 0;
      border-top-color: #fff; }

.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
  margin-left: 0.5rem; }
  .bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow {
    left: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before {
      left: 0;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after {
      left: 1px;
      border-width: 0.5rem 0.5rem 0.5rem 0;
      border-right-color: #fff; }

.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
  margin-top: 0.5rem; }
  .bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow {
    top: calc((0.5rem + 1px) * -1); }
    .bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
      top: 0;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
      top: 1px;
      border-width: 0 0.5rem 0.5rem 0.5rem;
      border-bottom-color: #fff; }
  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid var(--bg); }

.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
  margin-right: 0.5rem; }
  .bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow {
    right: calc((0.5rem + 1px) * -1);
    width: 0.5rem;
    height: 1rem;
    margin: 0.3rem 0; }
    .bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before {
      right: 0;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: rgba(0, 0, 0, 0.25); }
    .bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after {
      right: 1px;
      border-width: 0.5rem 0 0.5rem 0.5rem;
      border-left-color: #fff; }

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: var(--bg);
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px); }
  .popover-header:empty {
    display: none; }

.popover-body {
  padding: 0.5rem 0.75rem;
  color: var(--popover-body-text); }

.carousel {
  position: relative; }

.carousel.pointer-event {
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner::after {
    display: block;
    clear: both;
    content: ""; }

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-item {
      -webkit-transition: none;
      transition: none; } }

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block; }

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }

.carousel-fade .carousel-item {
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none; }

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1; }

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  -webkit-transition: 0s 0.6s opacity;
  transition: 0s 0.6s opacity; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
      -webkit-transition: none;
      transition: none; } }

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease; }
  @media (prefers-reduced-motion: reduce) {
    .carousel-control-prev,
    .carousel-control-next {
      -webkit-transition: none;
      transition: none; } }
  .carousel-control-prev:hover, .carousel-control-prev:focus,
  .carousel-control-next:hover,
  .carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: 0.9; }

.carousel-control-prev {
  left: 0; }

.carousel-control-next {
  right: 0; }

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: no-repeat 50% / 100% 100%; }

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"); }

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"); }

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none; }
  .carousel-indicators li {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    -webkit-transition: opacity 0.6s ease;
    transition: opacity 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .carousel-indicators li {
        -webkit-transition: none;
        transition: none; } }
  .carousel-indicators .active {
    opacity: 1; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center; }

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border .75s linear infinite;
  animation: spinner-border .75s linear infinite; }

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em; }

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    opacity: 1; } }

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  50% {
    opacity: 1; } }

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow .75s linear infinite;
  animation: spinner-grow .75s linear infinite; }

.spinner-grow-sm {
  width: 1rem;
  height: 1rem; }

.align-baseline {
  vertical-align: baseline !important; }

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

.align-middle {
  vertical-align: middle !important; }

.align-bottom {
  vertical-align: bottom !important; }

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

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

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

.disabled-product:not(.existing-product) {
background-color: #d6d8d9 !important;
    color: #1b1e21;
    cursor: default !important;
}

.disabled-product:not(.existing-product) .card-body {
    border-color: #c6c8ca !important;
    border-width: 1px !important;
}

.disabled-product:not(.existing-product) .card-title {
    color: #57616b;
}

.disabled-product:not(.existing-product) .bg-primary {
    background-color: #d4aab5 !important;
}

.disabled-product:not(.existing-product) .text-primary {
    color: #d4aab5 !important;
}

.disabled-product:not(.existing-product) img {
    display: none !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #a1002a !important;
}

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

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #1d2124 !important; }

.bg-secondary-blue {
  background-color: var(--color-accent-blue) !important; }

a.bg-secondary-blue:hover, a.bg-secondary-blue:focus,
button.bg-secondary-blue:hover,
button.bg-secondary-blue:focus {
  background-color: #365689 !important; }

.bg-secondary-pink {
  background-color: var(--color-accent-pink) !important; }

a.bg-secondary-pink:hover, a.bg-secondary-pink:focus,
button.bg-secondary-pink:hover,
button.bg-secondary-pink:focus {
  background-color: #d65e60 !important; }

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

a.bg-var(--surface):hover, a.bg-var(--surface):focus,
button.bg-var(--surface):hover,
button.bg-var(--surface):focus {
  background-color: #e6e6e6 !important; }

.bg-light {
  background-color: var(--border) !important; }

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #d4d4d4 !important; }

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

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #8c8c8c !important; }

.bg-shade-black {
  background-color: #242424 !important; }

a.bg-shade-black:hover, a.bg-shade-black:focus,
button.bg-shade-black:hover,
button.bg-shade-black:focus {
  background-color: #0b0b0b !important; }

.bg-black {
  background-color: #000000 !important; }

a.bg-black:hover, a.bg-black:focus,
button.bg-black:hover,
button.bg-black:focus {
  background-color: black !important; }

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

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important; }

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

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #1d2124 !important; }

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

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important; }

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

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important; }

.bg-grey {
  background-color: #ced4da !important; }

a.bg-grey:hover, a.bg-grey:focus,
button.bg-grey:hover,
button.bg-grey:focus {
  background-color: #b1bbc4 !important; }

.bg-var(--surface) {
  background-color: #fff !important; }

.bg-transparent {
  background-color: transparent !important; }

.border {
  border: 1px solid var(--border) !important; }

.border-top {
  border-top: 1px solid var(--border) !important; }

.border-right {
  border-right: 1px solid var(--border) !important; }

.border-bottom {
  border-bottom: 1px solid var(--border) !important; }

.border-left {
  border-left: 1px solid var(--border) !important; }

.border-0 {
  border: 0 !important; }

.border-top-0 {
  border-top: 0 !important; }

.border-right-0 {
  border-right: 0 !important; }

.border-bottom-0 {
  border-bottom: 0 !important; }

.border-left-0 {
  border-left: 0 !important; }

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

.border-secondary {
  border-color: var(--color-secondary) !important; }

.border-secondary-blue {
  border-color: var(--color-accent-blue) !important; }

.border-secondary-pink {
  border-color: var(--color-accent-pink) !important; }

.border-var(--surface) {
  border-color: var(--surface) !important; }

.border-light, .news-entry {
  border-color: var(--border) !important; }

.border-dark {
  border-color: var(--link-hover) !important; }

.border-shade-black {
  border-color: #242424 !important; }

.border-black {
  border-color: #000000 !important; }

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

.border-info {
  border-color: var(--color-secondary) !important; }

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

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

.border-grey {
  border-color: #ced4da !important; }

.border-var(--surface) {
  border-color: #fff !important; }

.rounded-sm {
  border-radius: 0.2rem !important; }

.rounded {
  border-radius: 0.25rem !important; }

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important; }

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important; }

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important; }

.rounded-lg {
  border-radius: 0.3rem !important; }

.rounded-circle {
  border-radius: 50% !important; }

.rounded-pill {
  border-radius: 50rem !important; }

.rounded-0 {
  border-radius: 0 !important; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !important; }
  .d-xxl-table {
    display: table !important; }
  .d-xxl-table-row {
    display: table-row !important; }
  .d-xxl-table-cell {
    display: table-cell !important; }
  .d-xxl-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xxl-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -webkit-inline-flex !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

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

.embed-responsive-1by1::before {
  padding-top: 100%; }

.flex-row {
  -webkit-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -webkit-flex-direction: column !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -webkit-flex-direction: row-reverse !important;
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -webkit-flex-wrap: wrap !important;
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -webkit-flex-wrap: wrap-reverse !important;
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-grow-0 {
  -webkit-flex-grow: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -webkit-flex-grow: 1 !important;
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.flex-shrink-0 {
  -webkit-flex-shrink: 0 !important;
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -webkit-flex-shrink: 1 !important;
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -webkit-justify-content: space-around !important;
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -webkit-align-items: flex-start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -webkit-align-items: flex-end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -webkit-align-items: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -webkit-align-items: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -webkit-align-content: flex-start !important;
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -webkit-align-content: flex-end !important;
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -webkit-align-content: center !important;
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -webkit-align-content: space-between !important;
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -webkit-align-content: space-around !important;
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -webkit-align-content: stretch !important;
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -webkit-align-self: auto !important;
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -webkit-align-self: center !important;
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -webkit-align-self: baseline !important;
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -webkit-align-self: stretch !important;
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-sm-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-sm-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-sm-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-sm-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-sm-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-md-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-md-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-md-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-md-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-md-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-lg-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-lg-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-lg-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-lg-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-lg-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1200px) {
  .flex-xl-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-xl-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-xl-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-xl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xl-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1400px) {
  .flex-xxl-row {
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xxl-column {
    -webkit-flex-direction: column !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xxl-row-reverse {
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xxl-column-reverse {
    -webkit-flex-direction: column-reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xxl-wrap {
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    -webkit-flex-wrap: nowrap !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse !important;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill {
    -webkit-flex: 1 1 auto !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important; }
  .flex-xxl-grow-0 {
    -webkit-flex-grow: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important; }
  .flex-xxl-grow-1 {
    -webkit-flex-grow: 1 !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important; }
  .flex-xxl-shrink-0 {
    -webkit-flex-shrink: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important; }
  .flex-xxl-shrink-1 {
    -webkit-flex-shrink: 1 !important;
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important; }
  .justify-content-xxl-start {
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xxl-end {
    -webkit-justify-content: flex-end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xxl-center {
    -webkit-justify-content: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xxl-between {
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xxl-around {
    -webkit-justify-content: space-around !important;
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xxl-start {
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xxl-end {
    -webkit-align-items: flex-end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xxl-center {
    -webkit-align-items: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xxl-baseline {
    -webkit-align-items: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xxl-stretch {
    -webkit-align-items: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xxl-start {
    -webkit-align-content: flex-start !important;
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xxl-end {
    -webkit-align-content: flex-end !important;
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xxl-center {
    -webkit-align-content: center !important;
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xxl-between {
    -webkit-align-content: space-between !important;
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xxl-around {
    -webkit-align-content: space-around !important;
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xxl-stretch {
    -webkit-align-content: stretch !important;
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xxl-auto {
    -webkit-align-self: auto !important;
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-xxl-start {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xxl-end {
    -webkit-align-self: flex-end !important;
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xxl-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-xxl-baseline {
    -webkit-align-self: baseline !important;
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xxl-stretch {
    -webkit-align-self: stretch !important;
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

.float-left {
  float: left !important; }

.float-right {
  float: right !important; }

.float-none {
  float: none !important; }

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important; }
  .float-sm-right {
    float: right !important; }
  .float-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .float-md-left {
    float: left !important; }
  .float-md-right {
    float: right !important; }
  .float-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .float-lg-left {
    float: left !important; }
  .float-lg-right {
    float: right !important; }
  .float-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important; }
  .float-xl-right {
    float: right !important; }
  .float-xl-none {
    float: none !important; } }

@media (min-width: 1400px) {
  .float-xxl-left {
    float: left !important; }
  .float-xxl-right {
    float: right !important; }
  .float-xxl-none {
    float: none !important; } }

.overflow-hidden {
  overflow: hidden !important; }

.position-static {
  position: static !important; }

.position-relative {
  position: relative !important; }

.position-absolute {
  position: absolute !important; }

.position-fixed {
  position: fixed !important; }

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important; }

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030; }

@supports (position: sticky) {
  .sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  var(--surface)-space: nowrap;
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  var(--surface)-space: normal; }

.shadow-sm {
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; }

.shadow {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

.shadow-lg {
  -webkit-box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }

.shadow-none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.w-25 {
  width: 25% !important; }

.w-30 {
  width: 30% !important; }

.w-40 {
  width: 40% !important; }

.w-50 {
  width: 50% !important; }

.w-60 {
  width: 60% !important; }

.w-75 {
  width: 75% !important; }

.w-100 {
  width: 100% !important; }

.w-auto {
  width: auto !important; }

.h-25 {
  height: 25% !important; }

.h-30 {
  height: 30% !important; }

.h-40 {
  height: 40% !important; }

.h-50 {
  height: 50% !important; }

.h-60 {
  height: 60% !important; }

.h-75 {
  height: 75% !important; }

.h-100 {
  height: 100% !important; }

.h-auto {
  height: auto !important; }

.mw-100 {
  max-width: 100% !important; }

.mh-100 {
  max-height: 100% !important; }

.min-vw-100 {
  min-width: 100vw !important; }

.min-vh-100 {
  min-height: 100vh !important; }

.vw-100 {
  width: 100vw !important; }

.vh-100 {
  height: 100vh !important; }

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0); }

.m-0 {
  margin: 0 !important; }

.mt-0,
.my-0 {
  margin-top: 0 !important; }

.mr-0,
.mx-0 {
  margin-right: 0 !important; }

.mb-0,
.my-0 {
  margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
  margin-left: 0 !important; }

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-3h {
  margin: 1.25rem !important; }

.mt-3h,
.my-3h {
  margin-top: 1.25rem !important; }

.mr-3h,
.mx-3h {
  margin-right: 1.25rem !important; }

.mb-3h,
.my-3h {
  margin-bottom: 1.25rem !important; }

.ml-3h,
.mx-3h {
  margin-left: 1.25rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-4h {
  margin: 2rem !important; }

.mt-4h,
.my-4h {
  margin-top: 2rem !important; }

.mr-4h,
.mx-4h {
  margin-right: 2rem !important; }

.mb-4h,
.my-4h {
  margin-bottom: 2rem !important; }

.ml-4h,
.mx-4h {
  margin-left: 2rem !important; }

.m-5 {
  margin: 2.5rem !important; }

.mt-5,
.my-5 {
  margin-top: 2.5rem !important; }

.mr-5,
.mx-5 {
  margin-right: 2.5rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 2.5rem !important; }

.ml-5,
.mx-5 {
  margin-left: 2.5rem !important; }

.m-6 {
  margin: 3rem !important; }

.mt-6,
.my-6 {
  margin-top: 3rem !important; }

.mr-6,
.mx-6 {
  margin-right: 3rem !important; }

.mb-6,
.my-6 {
  margin-bottom: 3rem !important; }

.ml-6,
.mx-6 {
  margin-left: 3rem !important; }

.m-10 {
  margin: 6.25rem !important; }

.mt-10,
.my-10 {
  margin-top: 6.25rem !important; }

.mr-10,
.mx-10 {
  margin-right: 6.25rem !important; }

.mb-10,
.my-10 {
  margin-bottom: 6.25rem !important; }

.ml-10,
.mx-10 {
  margin-left: 6.25rem !important; }

.p-0 {
  padding: 0 !important; }

.pt-0,
.py-0 {
  padding-top: 0 !important; }

.pr-0,
.px-0 {
  padding-right: 0 !important; }

.pb-0,
.py-0 {
  padding-bottom: 0 !important; }

.pl-0,
.px-0 {
  padding-left: 0 !important; }

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-3h {
  padding: 1.25rem !important; }

.pt-3h,
.py-3h {
  padding-top: 1.25rem !important; }

.pr-3h,
.px-3h {
  padding-right: 1.25rem !important; }

.pb-3h,
.py-3h {
  padding-bottom: 1.25rem !important; }

.pl-3h,
.px-3h {
  padding-left: 1.25rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-4h {
  padding: 2rem !important; }

.pt-4h,
.py-4h {
  padding-top: 2rem !important; }

.pr-4h,
.px-4h {
  padding-right: 2rem !important; }

.pb-4h,
.py-4h {
  padding-bottom: 2rem !important; }

.pl-4h,
.px-4h {
  padding-left: 2rem !important; }

.p-5 {
  padding: 2.5rem !important; }

.pt-5,
.py-5 {
  padding-top: 2.5rem !important; }

.pr-5,
.px-5 {
  padding-right: 2.5rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 2.5rem !important; }

.pl-5,
.px-5 {
  padding-left: 2.5rem !important; }

.p-6 {
  padding: 3rem !important; }

.pt-6,
.py-6 {
  padding-top: 3rem !important; }

.pr-6,
.px-6 {
  padding-right: 3rem !important; }

.pb-6,
.py-6 {
  padding-bottom: 3rem !important; }

.pl-6,
.px-6 {
  padding-left: 3rem !important; }

.p-10 {
  padding: 6.25rem !important; }

.pt-10,
.py-10 {
  padding-top: 6.25rem !important; }

.pr-10,
.px-10 {
  padding-right: 6.25rem !important; }

.pb-10,
.py-10 {
  padding-bottom: 6.25rem !important; }

.pl-10,
.px-10 {
  padding-left: 6.25rem !important; }

.m-n1 {
  margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important; }

.m-n2 {
  margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important; }

.m-n3 {
  margin: -1rem !important; }

.mt-n3,
.my-n3 {
  margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important; }

.m-n3h {
  margin: -1.25rem !important; }

.mt-n3h,
.my-n3h {
  margin-top: -1.25rem !important; }

.mr-n3h,
.mx-n3h {
  margin-right: -1.25rem !important; }

.mb-n3h,
.my-n3h {
  margin-bottom: -1.25rem !important; }

.ml-n3h,
.mx-n3h {
  margin-left: -1.25rem !important; }

.m-n4 {
  margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important; }

.m-n4h {
  margin: -2rem !important; }

.mt-n4h,
.my-n4h {
  margin-top: -2rem !important; }

.mr-n4h,
.mx-n4h {
  margin-right: -2rem !important; }

.mb-n4h,
.my-n4h {
  margin-bottom: -2rem !important; }

.ml-n4h,
.mx-n4h {
  margin-left: -2rem !important; }

.m-n5 {
  margin: -2.5rem !important; }

.mt-n5,
.my-n5 {
  margin-top: -2.5rem !important; }

.mr-n5,
.mx-n5 {
  margin-right: -2.5rem !important; }

.mb-n5,
.my-n5 {
  margin-bottom: -2.5rem !important; }

.ml-n5,
.mx-n5 {
  margin-left: -2.5rem !important; }

.m-n6 {
  margin: -3rem !important; }

.mt-n6,
.my-n6 {
  margin-top: -3rem !important; }

.mr-n6,
.mx-n6 {
  margin-right: -3rem !important; }

.mb-n6,
.my-n6 {
  margin-bottom: -3rem !important; }

.ml-n6,
.mx-n6 {
  margin-left: -3rem !important; }

.m-n10 {
  margin: -6.25rem !important; }

.mt-n10,
.my-n10 {
  margin-top: -6.25rem !important; }

.mr-n10,
.mx-n10 {
  margin-right: -6.25rem !important; }

.mb-n10,
.my-n10 {
  margin-bottom: -6.25rem !important; }

.ml-n10,
.mx-n10 {
  margin-left: -6.25rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto,
.my-auto {
  margin-top: auto !important; }

.mr-auto,
.mx-auto {
  margin-right: auto !important; }

.mb-auto,
.my-auto {
  margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
  margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-3h {
    margin: 1.25rem !important; }
  .mt-sm-3h,
  .my-sm-3h {
    margin-top: 1.25rem !important; }
  .mr-sm-3h,
  .mx-sm-3h {
    margin-right: 1.25rem !important; }
  .mb-sm-3h,
  .my-sm-3h {
    margin-bottom: 1.25rem !important; }
  .ml-sm-3h,
  .mx-sm-3h {
    margin-left: 1.25rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-4h {
    margin: 2rem !important; }
  .mt-sm-4h,
  .my-sm-4h {
    margin-top: 2rem !important; }
  .mr-sm-4h,
  .mx-sm-4h {
    margin-right: 2rem !important; }
  .mb-sm-4h,
  .my-sm-4h {
    margin-bottom: 2rem !important; }
  .ml-sm-4h,
  .mx-sm-4h {
    margin-left: 2rem !important; }
  .m-sm-5 {
    margin: 2.5rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 2.5rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 2.5rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 2.5rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 2.5rem !important; }
  .m-sm-6 {
    margin: 3rem !important; }
  .mt-sm-6,
  .my-sm-6 {
    margin-top: 3rem !important; }
  .mr-sm-6,
  .mx-sm-6 {
    margin-right: 3rem !important; }
  .mb-sm-6,
  .my-sm-6 {
    margin-bottom: 3rem !important; }
  .ml-sm-6,
  .mx-sm-6 {
    margin-left: 3rem !important; }
  .m-sm-10 {
    margin: 6.25rem !important; }
  .mt-sm-10,
  .my-sm-10 {
    margin-top: 6.25rem !important; }
  .mr-sm-10,
  .mx-sm-10 {
    margin-right: 6.25rem !important; }
  .mb-sm-10,
  .my-sm-10 {
    margin-bottom: 6.25rem !important; }
  .ml-sm-10,
  .mx-sm-10 {
    margin-left: 6.25rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-3h {
    padding: 1.25rem !important; }
  .pt-sm-3h,
  .py-sm-3h {
    padding-top: 1.25rem !important; }
  .pr-sm-3h,
  .px-sm-3h {
    padding-right: 1.25rem !important; }
  .pb-sm-3h,
  .py-sm-3h {
    padding-bottom: 1.25rem !important; }
  .pl-sm-3h,
  .px-sm-3h {
    padding-left: 1.25rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-4h {
    padding: 2rem !important; }
  .pt-sm-4h,
  .py-sm-4h {
    padding-top: 2rem !important; }
  .pr-sm-4h,
  .px-sm-4h {
    padding-right: 2rem !important; }
  .pb-sm-4h,
  .py-sm-4h {
    padding-bottom: 2rem !important; }
  .pl-sm-4h,
  .px-sm-4h {
    padding-left: 2rem !important; }
  .p-sm-5 {
    padding: 2.5rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 2.5rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 2.5rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 2.5rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 2.5rem !important; }
  .p-sm-6 {
    padding: 3rem !important; }
  .pt-sm-6,
  .py-sm-6 {
    padding-top: 3rem !important; }
  .pr-sm-6,
  .px-sm-6 {
    padding-right: 3rem !important; }
  .pb-sm-6,
  .py-sm-6 {
    padding-bottom: 3rem !important; }
  .pl-sm-6,
  .px-sm-6 {
    padding-left: 3rem !important; }
  .p-sm-10 {
    padding: 6.25rem !important; }
  .pt-sm-10,
  .py-sm-10 {
    padding-top: 6.25rem !important; }
  .pr-sm-10,
  .px-sm-10 {
    padding-right: 6.25rem !important; }
  .pb-sm-10,
  .py-sm-10 {
    padding-bottom: 6.25rem !important; }
  .pl-sm-10,
  .px-sm-10 {
    padding-left: 6.25rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n3h {
    margin: -1.25rem !important; }
  .mt-sm-n3h,
  .my-sm-n3h {
    margin-top: -1.25rem !important; }
  .mr-sm-n3h,
  .mx-sm-n3h {
    margin-right: -1.25rem !important; }
  .mb-sm-n3h,
  .my-sm-n3h {
    margin-bottom: -1.25rem !important; }
  .ml-sm-n3h,
  .mx-sm-n3h {
    margin-left: -1.25rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n4h {
    margin: -2rem !important; }
  .mt-sm-n4h,
  .my-sm-n4h {
    margin-top: -2rem !important; }
  .mr-sm-n4h,
  .mx-sm-n4h {
    margin-right: -2rem !important; }
  .mb-sm-n4h,
  .my-sm-n4h {
    margin-bottom: -2rem !important; }
  .ml-sm-n4h,
  .mx-sm-n4h {
    margin-left: -2rem !important; }
  .m-sm-n5 {
    margin: -2.5rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -2.5rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -2.5rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -2.5rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -2.5rem !important; }
  .m-sm-n6 {
    margin: -3rem !important; }
  .mt-sm-n6,
  .my-sm-n6 {
    margin-top: -3rem !important; }
  .mr-sm-n6,
  .mx-sm-n6 {
    margin-right: -3rem !important; }
  .mb-sm-n6,
  .my-sm-n6 {
    margin-bottom: -3rem !important; }
  .ml-sm-n6,
  .mx-sm-n6 {
    margin-left: -3rem !important; }
  .m-sm-n10 {
    margin: -6.25rem !important; }
  .mt-sm-n10,
  .my-sm-n10 {
    margin-top: -6.25rem !important; }
  .mr-sm-n10,
  .mx-sm-n10 {
    margin-right: -6.25rem !important; }
  .mb-sm-n10,
  .my-sm-n10 {
    margin-bottom: -6.25rem !important; }
  .ml-sm-n10,
  .mx-sm-n10 {
    margin-left: -6.25rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-3h {
    margin: 1.25rem !important; }
  .mt-md-3h,
  .my-md-3h {
    margin-top: 1.25rem !important; }
  .mr-md-3h,
  .mx-md-3h {
    margin-right: 1.25rem !important; }
  .mb-md-3h,
  .my-md-3h {
    margin-bottom: 1.25rem !important; }
  .ml-md-3h,
  .mx-md-3h {
    margin-left: 1.25rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-4h {
    margin: 2rem !important; }
  .mt-md-4h,
  .my-md-4h {
    margin-top: 2rem !important; }
  .mr-md-4h,
  .mx-md-4h {
    margin-right: 2rem !important; }
  .mb-md-4h,
  .my-md-4h {
    margin-bottom: 2rem !important; }
  .ml-md-4h,
  .mx-md-4h {
    margin-left: 2rem !important; }
  .m-md-5 {
    margin: 2.5rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 2.5rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 2.5rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 2.5rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 2.5rem !important; }
  .m-md-6 {
    margin: 3rem !important; }
  .mt-md-6,
  .my-md-6 {
    margin-top: 3rem !important; }
  .mr-md-6,
  .mx-md-6 {
    margin-right: 3rem !important; }
  .mb-md-6,
  .my-md-6 {
    margin-bottom: 3rem !important; }
  .ml-md-6,
  .mx-md-6 {
    margin-left: 3rem !important; }
  .m-md-10 {
    margin: 6.25rem !important; }
  .mt-md-10,
  .my-md-10 {
    margin-top: 6.25rem !important; }
  .mr-md-10,
  .mx-md-10 {
    margin-right: 6.25rem !important; }
  .mb-md-10,
  .my-md-10 {
    margin-bottom: 6.25rem !important; }
  .ml-md-10,
  .mx-md-10 {
    margin-left: 6.25rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-3h {
    padding: 1.25rem !important; }
  .pt-md-3h,
  .py-md-3h {
    padding-top: 1.25rem !important; }
  .pr-md-3h,
  .px-md-3h {
    padding-right: 1.25rem !important; }
  .pb-md-3h,
  .py-md-3h {
    padding-bottom: 1.25rem !important; }
  .pl-md-3h,
  .px-md-3h {
    padding-left: 1.25rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-4h {
    padding: 2rem !important; }
  .pt-md-4h,
  .py-md-4h {
    padding-top: 2rem !important; }
  .pr-md-4h,
  .px-md-4h {
    padding-right: 2rem !important; }
  .pb-md-4h,
  .py-md-4h {
    padding-bottom: 2rem !important; }
  .pl-md-4h,
  .px-md-4h {
    padding-left: 2rem !important; }
  .p-md-5 {
    padding: 2.5rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 2.5rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 2.5rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 2.5rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 2.5rem !important; }
  .p-md-6 {
    padding: 3rem !important; }
  .pt-md-6,
  .py-md-6 {
    padding-top: 3rem !important; }
  .pr-md-6,
  .px-md-6 {
    padding-right: 3rem !important; }
  .pb-md-6,
  .py-md-6 {
    padding-bottom: 3rem !important; }
  .pl-md-6,
  .px-md-6 {
    padding-left: 3rem !important; }
  .p-md-10 {
    padding: 6.25rem !important; }
  .pt-md-10,
  .py-md-10 {
    padding-top: 6.25rem !important; }
  .pr-md-10,
  .px-md-10 {
    padding-right: 6.25rem !important; }
  .pb-md-10,
  .py-md-10 {
    padding-bottom: 6.25rem !important; }
  .pl-md-10,
  .px-md-10 {
    padding-left: 6.25rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n3h {
    margin: -1.25rem !important; }
  .mt-md-n3h,
  .my-md-n3h {
    margin-top: -1.25rem !important; }
  .mr-md-n3h,
  .mx-md-n3h {
    margin-right: -1.25rem !important; }
  .mb-md-n3h,
  .my-md-n3h {
    margin-bottom: -1.25rem !important; }
  .ml-md-n3h,
  .mx-md-n3h {
    margin-left: -1.25rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n4h {
    margin: -2rem !important; }
  .mt-md-n4h,
  .my-md-n4h {
    margin-top: -2rem !important; }
  .mr-md-n4h,
  .mx-md-n4h {
    margin-right: -2rem !important; }
  .mb-md-n4h,
  .my-md-n4h {
    margin-bottom: -2rem !important; }
  .ml-md-n4h,
  .mx-md-n4h {
    margin-left: -2rem !important; }
  .m-md-n5 {
    margin: -2.5rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -2.5rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -2.5rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -2.5rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -2.5rem !important; }
  .m-md-n6 {
    margin: -3rem !important; }
  .mt-md-n6,
  .my-md-n6 {
    margin-top: -3rem !important; }
  .mr-md-n6,
  .mx-md-n6 {
    margin-right: -3rem !important; }
  .mb-md-n6,
  .my-md-n6 {
    margin-bottom: -3rem !important; }
  .ml-md-n6,
  .mx-md-n6 {
    margin-left: -3rem !important; }
  .m-md-n10 {
    margin: -6.25rem !important; }
  .mt-md-n10,
  .my-md-n10 {
    margin-top: -6.25rem !important; }
  .mr-md-n10,
  .mx-md-n10 {
    margin-right: -6.25rem !important; }
  .mb-md-n10,
  .my-md-n10 {
    margin-bottom: -6.25rem !important; }
  .ml-md-n10,
  .mx-md-n10 {
    margin-left: -6.25rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-3h {
    margin: 1.25rem !important; }
  .mt-lg-3h,
  .my-lg-3h {
    margin-top: 1.25rem !important; }
  .mr-lg-3h,
  .mx-lg-3h {
    margin-right: 1.25rem !important; }
  .mb-lg-3h,
  .my-lg-3h {
    margin-bottom: 1.25rem !important; }
  .ml-lg-3h,
  .mx-lg-3h {
    margin-left: 1.25rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-4h {
    margin: 2rem !important; }
  .mt-lg-4h,
  .my-lg-4h {
    margin-top: 2rem !important; }
  .mr-lg-4h,
  .mx-lg-4h {
    margin-right: 2rem !important; }
  .mb-lg-4h,
  .my-lg-4h {
    margin-bottom: 2rem !important; }
  .ml-lg-4h,
  .mx-lg-4h {
    margin-left: 2rem !important; }
  .m-lg-5 {
    margin: 2.5rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 2.5rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 2.5rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 2.5rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 2.5rem !important; }
  .m-lg-6 {
    margin: 3rem !important; }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 3rem !important; }
  .mr-lg-6,
  .mx-lg-6 {
    margin-right: 3rem !important; }
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 3rem !important; }
  .ml-lg-6,
  .mx-lg-6 {
    margin-left: 3rem !important; }
  .m-lg-10 {
    margin: 6.25rem !important; }
  .mt-lg-10,
  .my-lg-10 {
    margin-top: 6.25rem !important; }
  .mr-lg-10,
  .mx-lg-10 {
    margin-right: 6.25rem !important; }
  .mb-lg-10,
  .my-lg-10 {
    margin-bottom: 6.25rem !important; }
  .ml-lg-10,
  .mx-lg-10 {
    margin-left: 6.25rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-3h {
    padding: 1.25rem !important; }
  .pt-lg-3h,
  .py-lg-3h {
    padding-top: 1.25rem !important; }
  .pr-lg-3h,
  .px-lg-3h {
    padding-right: 1.25rem !important; }
  .pb-lg-3h,
  .py-lg-3h {
    padding-bottom: 1.25rem !important; }
  .pl-lg-3h,
  .px-lg-3h {
    padding-left: 1.25rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-4h {
    padding: 2rem !important; }
  .pt-lg-4h,
  .py-lg-4h {
    padding-top: 2rem !important; }
  .pr-lg-4h,
  .px-lg-4h {
    padding-right: 2rem !important; }
  .pb-lg-4h,
  .py-lg-4h {
    padding-bottom: 2rem !important; }
  .pl-lg-4h,
  .px-lg-4h {
    padding-left: 2rem !important; }
  .p-lg-5 {
    padding: 2.5rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 2.5rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 2.5rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 2.5rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 2.5rem !important; }
  .p-lg-6 {
    padding: 3rem !important; }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 3rem !important; }
  .pr-lg-6,
  .px-lg-6 {
    padding-right: 3rem !important; }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 3rem !important; }
  .pl-lg-6,
  .px-lg-6 {
    padding-left: 3rem !important; }
  .p-lg-10 {
    padding: 6.25rem !important; }
  .pt-lg-10,
  .py-lg-10 {
    padding-top: 6.25rem !important; }
  .pr-lg-10,
  .px-lg-10 {
    padding-right: 6.25rem !important; }
  .pb-lg-10,
  .py-lg-10 {
    padding-bottom: 6.25rem !important; }
  .pl-lg-10,
  .px-lg-10 {
    padding-left: 6.25rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n3h {
    margin: -1.25rem !important; }
  .mt-lg-n3h,
  .my-lg-n3h {
    margin-top: -1.25rem !important; }
  .mr-lg-n3h,
  .mx-lg-n3h {
    margin-right: -1.25rem !important; }
  .mb-lg-n3h,
  .my-lg-n3h {
    margin-bottom: -1.25rem !important; }
  .ml-lg-n3h,
  .mx-lg-n3h {
    margin-left: -1.25rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n4h {
    margin: -2rem !important; }
  .mt-lg-n4h,
  .my-lg-n4h {
    margin-top: -2rem !important; }
  .mr-lg-n4h,
  .mx-lg-n4h {
    margin-right: -2rem !important; }
  .mb-lg-n4h,
  .my-lg-n4h {
    margin-bottom: -2rem !important; }
  .ml-lg-n4h,
  .mx-lg-n4h {
    margin-left: -2rem !important; }
  .m-lg-n5 {
    margin: -2.5rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -2.5rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -2.5rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -2.5rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -2.5rem !important; }
  .m-lg-n6 {
    margin: -3rem !important; }
  .mt-lg-n6,
  .my-lg-n6 {
    margin-top: -3rem !important; }
  .mr-lg-n6,
  .mx-lg-n6 {
    margin-right: -3rem !important; }
  .mb-lg-n6,
  .my-lg-n6 {
    margin-bottom: -3rem !important; }
  .ml-lg-n6,
  .mx-lg-n6 {
    margin-left: -3rem !important; }
  .m-lg-n10 {
    margin: -6.25rem !important; }
  .mt-lg-n10,
  .my-lg-n10 {
    margin-top: -6.25rem !important; }
  .mr-lg-n10,
  .mx-lg-n10 {
    margin-right: -6.25rem !important; }
  .mb-lg-n10,
  .my-lg-n10 {
    margin-bottom: -6.25rem !important; }
  .ml-lg-n10,
  .mx-lg-n10 {
    margin-left: -6.25rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-3h {
    margin: 1.25rem !important; }
  .mt-xl-3h,
  .my-xl-3h {
    margin-top: 1.25rem !important; }
  .mr-xl-3h,
  .mx-xl-3h {
    margin-right: 1.25rem !important; }
  .mb-xl-3h,
  .my-xl-3h {
    margin-bottom: 1.25rem !important; }
  .ml-xl-3h,
  .mx-xl-3h {
    margin-left: 1.25rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-4h {
    margin: 2rem !important; }
  .mt-xl-4h,
  .my-xl-4h {
    margin-top: 2rem !important; }
  .mr-xl-4h,
  .mx-xl-4h {
    margin-right: 2rem !important; }
  .mb-xl-4h,
  .my-xl-4h {
    margin-bottom: 2rem !important; }
  .ml-xl-4h,
  .mx-xl-4h {
    margin-left: 2rem !important; }
  .m-xl-5 {
    margin: 2.5rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 2.5rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 2.5rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 2.5rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 2.5rem !important; }
  .m-xl-6 {
    margin: 3rem !important; }
  .mt-xl-6,
  .my-xl-6 {
    margin-top: 3rem !important; }
  .mr-xl-6,
  .mx-xl-6 {
    margin-right: 3rem !important; }
  .mb-xl-6,
  .my-xl-6 {
    margin-bottom: 3rem !important; }
  .ml-xl-6,
  .mx-xl-6 {
    margin-left: 3rem !important; }
  .m-xl-10 {
    margin: 6.25rem !important; }
  .mt-xl-10,
  .my-xl-10 {
    margin-top: 6.25rem !important; }
  .mr-xl-10,
  .mx-xl-10 {
    margin-right: 6.25rem !important; }
  .mb-xl-10,
  .my-xl-10 {
    margin-bottom: 6.25rem !important; }
  .ml-xl-10,
  .mx-xl-10 {
    margin-left: 6.25rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-3h {
    padding: 1.25rem !important; }
  .pt-xl-3h,
  .py-xl-3h {
    padding-top: 1.25rem !important; }
  .pr-xl-3h,
  .px-xl-3h {
    padding-right: 1.25rem !important; }
  .pb-xl-3h,
  .py-xl-3h {
    padding-bottom: 1.25rem !important; }
  .pl-xl-3h,
  .px-xl-3h {
    padding-left: 1.25rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-4h {
    padding: 2rem !important; }
  .pt-xl-4h,
  .py-xl-4h {
    padding-top: 2rem !important; }
  .pr-xl-4h,
  .px-xl-4h {
    padding-right: 2rem !important; }
  .pb-xl-4h,
  .py-xl-4h {
    padding-bottom: 2rem !important; }
  .pl-xl-4h,
  .px-xl-4h {
    padding-left: 2rem !important; }
  .p-xl-5 {
    padding: 2.5rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 2.5rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 2.5rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 2.5rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 2.5rem !important; }
  .p-xl-6 {
    padding: 3rem !important; }
  .pt-xl-6,
  .py-xl-6 {
    padding-top: 3rem !important; }
  .pr-xl-6,
  .px-xl-6 {
    padding-right: 3rem !important; }
  .pb-xl-6,
  .py-xl-6 {
    padding-bottom: 3rem !important; }
  .pl-xl-6,
  .px-xl-6 {
    padding-left: 3rem !important; }
  .p-xl-10 {
    padding: 6.25rem !important; }
  .pt-xl-10,
  .py-xl-10 {
    padding-top: 6.25rem !important; }
  .pr-xl-10,
  .px-xl-10 {
    padding-right: 6.25rem !important; }
  .pb-xl-10,
  .py-xl-10 {
    padding-bottom: 6.25rem !important; }
  .pl-xl-10,
  .px-xl-10 {
    padding-left: 6.25rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n3h {
    margin: -1.25rem !important; }
  .mt-xl-n3h,
  .my-xl-n3h {
    margin-top: -1.25rem !important; }
  .mr-xl-n3h,
  .mx-xl-n3h {
    margin-right: -1.25rem !important; }
  .mb-xl-n3h,
  .my-xl-n3h {
    margin-bottom: -1.25rem !important; }
  .ml-xl-n3h,
  .mx-xl-n3h {
    margin-left: -1.25rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n4h {
    margin: -2rem !important; }
  .mt-xl-n4h,
  .my-xl-n4h {
    margin-top: -2rem !important; }
  .mr-xl-n4h,
  .mx-xl-n4h {
    margin-right: -2rem !important; }
  .mb-xl-n4h,
  .my-xl-n4h {
    margin-bottom: -2rem !important; }
  .ml-xl-n4h,
  .mx-xl-n4h {
    margin-left: -2rem !important; }
  .m-xl-n5 {
    margin: -2.5rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -2.5rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -2.5rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -2.5rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -2.5rem !important; }
  .m-xl-n6 {
    margin: -3rem !important; }
  .mt-xl-n6,
  .my-xl-n6 {
    margin-top: -3rem !important; }
  .mr-xl-n6,
  .mx-xl-n6 {
    margin-right: -3rem !important; }
  .mb-xl-n6,
  .my-xl-n6 {
    margin-bottom: -3rem !important; }
  .ml-xl-n6,
  .mx-xl-n6 {
    margin-left: -3rem !important; }
  .m-xl-n10 {
    margin: -6.25rem !important; }
  .mt-xl-n10,
  .my-xl-n10 {
    margin-top: -6.25rem !important; }
  .mr-xl-n10,
  .mx-xl-n10 {
    margin-right: -6.25rem !important; }
  .mb-xl-n10,
  .my-xl-n10 {
    margin-bottom: -6.25rem !important; }
  .ml-xl-n10,
  .mx-xl-n10 {
    margin-left: -6.25rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0 !important; }
  .mt-xxl-0,
  .my-xxl-0 {
    margin-top: 0 !important; }
  .mr-xxl-0,
  .mx-xxl-0 {
    margin-right: 0 !important; }
  .mb-xxl-0,
  .my-xxl-0 {
    margin-bottom: 0 !important; }
  .ml-xxl-0,
  .mx-xxl-0 {
    margin-left: 0 !important; }
  .m-xxl-1 {
    margin: 0.25rem !important; }
  .mt-xxl-1,
  .my-xxl-1 {
    margin-top: 0.25rem !important; }
  .mr-xxl-1,
  .mx-xxl-1 {
    margin-right: 0.25rem !important; }
  .mb-xxl-1,
  .my-xxl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xxl-1,
  .mx-xxl-1 {
    margin-left: 0.25rem !important; }
  .m-xxl-2 {
    margin: 0.5rem !important; }
  .mt-xxl-2,
  .my-xxl-2 {
    margin-top: 0.5rem !important; }
  .mr-xxl-2,
  .mx-xxl-2 {
    margin-right: 0.5rem !important; }
  .mb-xxl-2,
  .my-xxl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xxl-2,
  .mx-xxl-2 {
    margin-left: 0.5rem !important; }
  .m-xxl-3 {
    margin: 1rem !important; }
  .mt-xxl-3,
  .my-xxl-3 {
    margin-top: 1rem !important; }
  .mr-xxl-3,
  .mx-xxl-3 {
    margin-right: 1rem !important; }
  .mb-xxl-3,
  .my-xxl-3 {
    margin-bottom: 1rem !important; }
  .ml-xxl-3,
  .mx-xxl-3 {
    margin-left: 1rem !important; }
  .m-xxl-3h {
    margin: 1.25rem !important; }
  .mt-xxl-3h,
  .my-xxl-3h {
    margin-top: 1.25rem !important; }
  .mr-xxl-3h,
  .mx-xxl-3h {
    margin-right: 1.25rem !important; }
  .mb-xxl-3h,
  .my-xxl-3h {
    margin-bottom: 1.25rem !important; }
  .ml-xxl-3h,
  .mx-xxl-3h {
    margin-left: 1.25rem !important; }
  .m-xxl-4 {
    margin: 1.5rem !important; }
  .mt-xxl-4,
  .my-xxl-4 {
    margin-top: 1.5rem !important; }
  .mr-xxl-4,
  .mx-xxl-4 {
    margin-right: 1.5rem !important; }
  .mb-xxl-4,
  .my-xxl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xxl-4,
  .mx-xxl-4 {
    margin-left: 1.5rem !important; }
  .m-xxl-4h {
    margin: 2rem !important; }
  .mt-xxl-4h,
  .my-xxl-4h {
    margin-top: 2rem !important; }
  .mr-xxl-4h,
  .mx-xxl-4h {
    margin-right: 2rem !important; }
  .mb-xxl-4h,
  .my-xxl-4h {
    margin-bottom: 2rem !important; }
  .ml-xxl-4h,
  .mx-xxl-4h {
    margin-left: 2rem !important; }
  .m-xxl-5 {
    margin: 2.5rem !important; }
  .mt-xxl-5,
  .my-xxl-5 {
    margin-top: 2.5rem !important; }
  .mr-xxl-5,
  .mx-xxl-5 {
    margin-right: 2.5rem !important; }
  .mb-xxl-5,
  .my-xxl-5 {
    margin-bottom: 2.5rem !important; }
  .ml-xxl-5,
  .mx-xxl-5 {
    margin-left: 2.5rem !important; }
  .m-xxl-6 {
    margin: 3rem !important; }
  .mt-xxl-6,
  .my-xxl-6 {
    margin-top: 3rem !important; }
  .mr-xxl-6,
  .mx-xxl-6 {
    margin-right: 3rem !important; }
  .mb-xxl-6,
  .my-xxl-6 {
    margin-bottom: 3rem !important; }
  .ml-xxl-6,
  .mx-xxl-6 {
    margin-left: 3rem !important; }
  .m-xxl-10 {
    margin: 6.25rem !important; }
  .mt-xxl-10,
  .my-xxl-10 {
    margin-top: 6.25rem !important; }
  .mr-xxl-10,
  .mx-xxl-10 {
    margin-right: 6.25rem !important; }
  .mb-xxl-10,
  .my-xxl-10 {
    margin-bottom: 6.25rem !important; }
  .ml-xxl-10,
  .mx-xxl-10 {
    margin-left: 6.25rem !important; }
  .p-xxl-0 {
    padding: 0 !important; }
  .pt-xxl-0,
  .py-xxl-0 {
    padding-top: 0 !important; }
  .pr-xxl-0,
  .px-xxl-0 {
    padding-right: 0 !important; }
  .pb-xxl-0,
  .py-xxl-0 {
    padding-bottom: 0 !important; }
  .pl-xxl-0,
  .px-xxl-0 {
    padding-left: 0 !important; }
  .p-xxl-1 {
    padding: 0.25rem !important; }
  .pt-xxl-1,
  .py-xxl-1 {
    padding-top: 0.25rem !important; }
  .pr-xxl-1,
  .px-xxl-1 {
    padding-right: 0.25rem !important; }
  .pb-xxl-1,
  .py-xxl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xxl-1,
  .px-xxl-1 {
    padding-left: 0.25rem !important; }
  .p-xxl-2 {
    padding: 0.5rem !important; }
  .pt-xxl-2,
  .py-xxl-2 {
    padding-top: 0.5rem !important; }
  .pr-xxl-2,
  .px-xxl-2 {
    padding-right: 0.5rem !important; }
  .pb-xxl-2,
  .py-xxl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xxl-2,
  .px-xxl-2 {
    padding-left: 0.5rem !important; }
  .p-xxl-3 {
    padding: 1rem !important; }
  .pt-xxl-3,
  .py-xxl-3 {
    padding-top: 1rem !important; }
  .pr-xxl-3,
  .px-xxl-3 {
    padding-right: 1rem !important; }
  .pb-xxl-3,
  .py-xxl-3 {
    padding-bottom: 1rem !important; }
  .pl-xxl-3,
  .px-xxl-3 {
    padding-left: 1rem !important; }
  .p-xxl-3h {
    padding: 1.25rem !important; }
  .pt-xxl-3h,
  .py-xxl-3h {
    padding-top: 1.25rem !important; }
  .pr-xxl-3h,
  .px-xxl-3h {
    padding-right: 1.25rem !important; }
  .pb-xxl-3h,
  .py-xxl-3h {
    padding-bottom: 1.25rem !important; }
  .pl-xxl-3h,
  .px-xxl-3h {
    padding-left: 1.25rem !important; }
  .p-xxl-4 {
    padding: 1.5rem !important; }
  .pt-xxl-4,
  .py-xxl-4 {
    padding-top: 1.5rem !important; }
  .pr-xxl-4,
  .px-xxl-4 {
    padding-right: 1.5rem !important; }
  .pb-xxl-4,
  .py-xxl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xxl-4,
  .px-xxl-4 {
    padding-left: 1.5rem !important; }
  .p-xxl-4h {
    padding: 2rem !important; }
  .pt-xxl-4h,
  .py-xxl-4h {
    padding-top: 2rem !important; }
  .pr-xxl-4h,
  .px-xxl-4h {
    padding-right: 2rem !important; }
  .pb-xxl-4h,
  .py-xxl-4h {
    padding-bottom: 2rem !important; }
  .pl-xxl-4h,
  .px-xxl-4h {
    padding-left: 2rem !important; }
  .p-xxl-5 {
    padding: 2.5rem !important; }
  .pt-xxl-5,
  .py-xxl-5 {
    padding-top: 2.5rem !important; }
  .pr-xxl-5,
  .px-xxl-5 {
    padding-right: 2.5rem !important; }
  .pb-xxl-5,
  .py-xxl-5 {
    padding-bottom: 2.5rem !important; }
  .pl-xxl-5,
  .px-xxl-5 {
    padding-left: 2.5rem !important; }
  .p-xxl-6 {
    padding: 3rem !important; }
  .pt-xxl-6,
  .py-xxl-6 {
    padding-top: 3rem !important; }
  .pr-xxl-6,
  .px-xxl-6 {
    padding-right: 3rem !important; }
  .pb-xxl-6,
  .py-xxl-6 {
    padding-bottom: 3rem !important; }
  .pl-xxl-6,
  .px-xxl-6 {
    padding-left: 3rem !important; }
  .p-xxl-10 {
    padding: 6.25rem !important; }
  .pt-xxl-10,
  .py-xxl-10 {
    padding-top: 6.25rem !important; }
  .pr-xxl-10,
  .px-xxl-10 {
    padding-right: 6.25rem !important; }
  .pb-xxl-10,
  .py-xxl-10 {
    padding-bottom: 6.25rem !important; }
  .pl-xxl-10,
  .px-xxl-10 {
    padding-left: 6.25rem !important; }
  .m-xxl-n1 {
    margin: -0.25rem !important; }
  .mt-xxl-n1,
  .my-xxl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xxl-n1,
  .mx-xxl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xxl-n1,
  .my-xxl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xxl-n1,
  .mx-xxl-n1 {
    margin-left: -0.25rem !important; }
  .m-xxl-n2 {
    margin: -0.5rem !important; }
  .mt-xxl-n2,
  .my-xxl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xxl-n2,
  .mx-xxl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xxl-n2,
  .my-xxl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xxl-n2,
  .mx-xxl-n2 {
    margin-left: -0.5rem !important; }
  .m-xxl-n3 {
    margin: -1rem !important; }
  .mt-xxl-n3,
  .my-xxl-n3 {
    margin-top: -1rem !important; }
  .mr-xxl-n3,
  .mx-xxl-n3 {
    margin-right: -1rem !important; }
  .mb-xxl-n3,
  .my-xxl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xxl-n3,
  .mx-xxl-n3 {
    margin-left: -1rem !important; }
  .m-xxl-n3h {
    margin: -1.25rem !important; }
  .mt-xxl-n3h,
  .my-xxl-n3h {
    margin-top: -1.25rem !important; }
  .mr-xxl-n3h,
  .mx-xxl-n3h {
    margin-right: -1.25rem !important; }
  .mb-xxl-n3h,
  .my-xxl-n3h {
    margin-bottom: -1.25rem !important; }
  .ml-xxl-n3h,
  .mx-xxl-n3h {
    margin-left: -1.25rem !important; }
  .m-xxl-n4 {
    margin: -1.5rem !important; }
  .mt-xxl-n4,
  .my-xxl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xxl-n4,
  .mx-xxl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xxl-n4,
  .my-xxl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xxl-n4,
  .mx-xxl-n4 {
    margin-left: -1.5rem !important; }
  .m-xxl-n4h {
    margin: -2rem !important; }
  .mt-xxl-n4h,
  .my-xxl-n4h {
    margin-top: -2rem !important; }
  .mr-xxl-n4h,
  .mx-xxl-n4h {
    margin-right: -2rem !important; }
  .mb-xxl-n4h,
  .my-xxl-n4h {
    margin-bottom: -2rem !important; }
  .ml-xxl-n4h,
  .mx-xxl-n4h {
    margin-left: -2rem !important; }
  .m-xxl-n5 {
    margin: -2.5rem !important; }
  .mt-xxl-n5,
  .my-xxl-n5 {
    margin-top: -2.5rem !important; }
  .mr-xxl-n5,
  .mx-xxl-n5 {
    margin-right: -2.5rem !important; }
  .mb-xxl-n5,
  .my-xxl-n5 {
    margin-bottom: -2.5rem !important; }
  .ml-xxl-n5,
  .mx-xxl-n5 {
    margin-left: -2.5rem !important; }
  .m-xxl-n6 {
    margin: -3rem !important; }
  .mt-xxl-n6,
  .my-xxl-n6 {
    margin-top: -3rem !important; }
  .mr-xxl-n6,
  .mx-xxl-n6 {
    margin-right: -3rem !important; }
  .mb-xxl-n6,
  .my-xxl-n6 {
    margin-bottom: -3rem !important; }
  .ml-xxl-n6,
  .mx-xxl-n6 {
    margin-left: -3rem !important; }
  .m-xxl-n10 {
    margin: -6.25rem !important; }
  .mt-xxl-n10,
  .my-xxl-n10 {
    margin-top: -6.25rem !important; }
  .mr-xxl-n10,
  .mx-xxl-n10 {
    margin-right: -6.25rem !important; }
  .mb-xxl-n10,
  .my-xxl-n10 {
    margin-bottom: -6.25rem !important; }
  .ml-xxl-n10,
  .mx-xxl-n10 {
    margin-left: -6.25rem !important; }
  .m-xxl-auto {
    margin: auto !important; }
  .mt-xxl-auto,
  .my-xxl-auto {
    margin-top: auto !important; }
  .mr-xxl-auto,
  .mx-xxl-auto {
    margin-right: auto !important; }
  .mb-xxl-auto,
  .my-xxl-auto {
    margin-bottom: auto !important; }
  .ml-xxl-auto,
  .mx-xxl-auto {
    margin-left: auto !important; } }

.text-monospace {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }

.text-justify {
  text-align: justify !important; }

.text-wrap {
  var(--surface)-space: normal !important; }

.text-nowrap {
  var(--surface)-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  var(--surface)-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1400px) {
  .text-xxl-left {
    text-align: left !important; }
  .text-xxl-right {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-lighter {
  font-weight: lighter !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-weight-bolder {
  font-weight: bolder !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
    color: #fff !important;
}

.text-primary, .icon-tooltip {
  color: var(--color-primary) !important; }

a.text-primary:hover, a.icon-tooltip:hover, a.text-primary:focus, a.icon-tooltip:focus {
  color: #880023 !important; }

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

a.text-secondary:hover, a.text-secondary:focus {
  color: #121416 !important; }

.text-secondary-blue {
  color: var(--color-accent-blue) !important; }

a.text-secondary-blue:hover, a.text-secondary-blue:focus {
  color: #2f4b76 !important; }

.text-secondary-pink {
  color: var(--color-accent-pink) !important; }

a.text-secondary-pink:hover, a.text-secondary-pink:focus {
  color: #d04a4c !important; }

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

a.text-var(--surface):hover, a.text-var(--surface):focus {
  color: #d9d9d9 !important; }

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

a.text-light:hover, a.text-light:focus {
  color: #c7c7c7 !important; }

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

a.text-dark:hover, a.text-dark:focus {
  color: #7f7f7f !important; }

.text-shade-black {
  color: #242424 !important; }

a.text-shade-black:hover, a.text-shade-black:focus {
  color: black !important; }

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

a.text-black:hover, a.text-black:focus {
  color: black !important; }

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

a.text-success:hover, a.text-success:focus {
  color: #19692c !important; }

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

a.text-info:hover, a.text-info:focus {
  color: #121416 !important; }

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

a.text-warning:hover, a.text-warning:focus {
  color: #ba8b00 !important; }

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

a.text-danger:hover, a.text-danger:focus {
  color: #a71d2a !important; }

.text-grey {
  color: #ced4da !important; }

a.text-grey:hover, a.text-grey:focus {
  color: #a2aeb9 !important; }

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

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

.text-black-50 {
  color: rgba(0, 0, 0, 0.5) !important; }

.text-var(--surface)-50 {
  color: rgba(255, 255, 255, 0.5) !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-decoration-none, .icon-tooltip {
  text-decoration: none !important; }

.text-break {
  word-break: break-word !important;
  overflow-wrap: break-word !important; }

.text-reset {
  color: inherit !important; }

.visible {
  visibility: visible !important; }

.invisible {
  visibility: hidden !important; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn):not(.icon-tooltip) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    var(--surface)-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid var(--border-strong) !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: var(--border); }
  .table .thead-dark th {
    color: inherit;
    border-color: var(--border); } }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a:not(.btn):not(.icon-tooltip) {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    var(--surface)-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  @page {
    size: a3; }
  body {
    min-width: 992px !important; }
  .container {
    min-width: 992px !important; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid var(--border-strong) !important; }
  .table-dark {
    color: inherit; }
    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
      border-color: var(--border); }
  .table .thead-dark th {
    color: inherit;
    border-color: var(--border); } }

body {
  overflow-x: hidden; }

/*
---
name: Checkbox
category: Basics
---

```main.html
<div class="checkbox-wrapper">
  <input id="checkbox-1" name="checkbox" type="checkbox" value="some-value">
  <label for="checkbox-1">Checkbox label</label>
</div>
```
*/
.checkbox-wrapper {
  position: relative; }
  .checkbox-wrapper label {
    cursor: pointer;
    color: var(--link-hover);
    padding: 0 0 0 40px; }
  .checkbox-wrapper input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .checkbox-wrapper input + label::before {
    cursor: pointer;
    border-radius: 6px;
    border: solid 2px var(--link-hover);
    background-color: var(--surface);
    content: "";
    height: 24px;
    width: 24px;
    left: 0;
    position: absolute;
    top: 0; }
  .checkbox-wrapper input + label::after {
    content: "";
    height: 13px;
    width: 7px;
    border: 2px solid;
    border-left: 0;
    border-top: 0;
    left: 9px;
    opacity: 0;
    position: absolute;
    top: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out; }
  .checkbox-wrapper.checkbox-center input + label::before {
    left: 7px; }
  .checkbox-wrapper.checkbox-center input + label::after {
    left: 16px; }
  .checkbox-wrapper input:checked + label {
    color: #000000; }
    .checkbox-wrapper input:checked + label::after {
      border-color: var(--color-primary);
      opacity: 1; }
    .checkbox-wrapper input:checked + label::before {
      border-color: var(--color-primary); }
  .checkbox-wrapper input:active + label {
    color: var(--color-primary); }
    .checkbox-wrapper input:active + label::before, .checkbox-wrapper input:active + label::after {
      border-color: var(--color-primary);
      outline: none; }
  .checkbox-wrapper input:focus + label {
    color: #000000; }
    .checkbox-wrapper input:focus + label::before, .checkbox-wrapper input:focus + label::after {
      border-color: #000000;
      outline: none; }

/*
---
name: Colors
category: Basics
---

```colors.html
<div class="colorbox colorbox-primary"></div>
<div class="colorbox colorbox-secondary"></div>
<div class="colorbox colorbox-secondary-blue"></div>
<div class="colorbox colorbox-secondary-pink"></div>
<div class="colorbox colorbox-var(--surface)"></div>
<div class="colorbox colorbox-light"></div>
<div class="colorbox colorbox-dark"></div>
<div class="colorbox colorbox-black"></div>
```
*/
.colorbox {
  width: 130px;
  height: 50px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  margin: 10px;
  margin-top: 30px;
  margin-bottom: 30px; }
  .colorbox::before, .colorbox::after {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #000000;
    font-weight: bold;
    top: -30px; }
  .colorbox::after {
    top: initial;
    bottom: -30px; }

.colorbox-primary {
  border: 2px solid #6e001d;
  background-color: var(--color-primary); }
  .colorbox-primary::before, .colorbox-primary::after {
    content: "primary"; }
  .colorbox-primary::after {
    content: "var(--color-primary) "; }

.colorbox-secondary {
  border: 2px solid #060708;
  background-color: var(--color-secondary); }
  .colorbox-secondary::before, .colorbox-secondary::after {
    content: "secondary"; }
  .colorbox-secondary::after {
    content: "var(--color-secondary) "; }

.colorbox-secondary-blue {
  border: 2px solid #283f64;
  background-color: var(--color-accent-blue); }
  .colorbox-secondary-blue::before, .colorbox-secondary-blue::after {
    content: "secondary-blue"; }
  .colorbox-secondary-blue::after {
    content: "var(--color-accent-blue) "; }

.colorbox-secondary-pink {
  border: 2px solid #cb3638;
  background-color: var(--color-accent-pink); }
  .colorbox-secondary-pink::before, .colorbox-secondary-pink::after {
    content: "secondary-pink"; }
  .colorbox-secondary-pink::after {
    content: "var(--color-accent-pink) "; }

.colorbox-var(--surface) {
  border: 2px solid #cccccc;
  background-color: var(--surface); }
  .colorbox-var(--surface)::before, .colorbox-var(--surface)::after {
    content: "var(--surface)"; }
  .colorbox-var(--surface)::after {
    content: "var(--surface) "; }

.colorbox-light {
  border: 2px solid #bababa;
  background-color: var(--border); }
  .colorbox-light::before, .colorbox-light::after {
    content: "light"; }
  .colorbox-light::after {
    content: "var(--border) "; }

.colorbox-dark {
  border: 2px solid #727272;
  background-color: var(--link-hover); }
  .colorbox-dark::before, .colorbox-dark::after {
    content: "dark"; }
  .colorbox-dark::after {
    content: "var(--link-hover) "; }

.colorbox-shade-black {
  border: 2px solid black;
  background-color: #242424; }
  .colorbox-shade-black::before, .colorbox-shade-black::after {
    content: "shade-black"; }
  .colorbox-shade-black::after {
    content: "#242424 "; }

.colorbox-black {
  border: 2px solid black;
  background-color: #000000; }
  .colorbox-black::before, .colorbox-black::after {
    content: "black"; }
  .colorbox-black::after {
    content: "#000000 "; }

.colorbox-success {
  border: 2px solid #145523;
  background-color: var(--success); }
  .colorbox-success::before, .colorbox-success::after {
    content: "success"; }
  .colorbox-success::after {
    content: "var(--success) "; }

.colorbox-info {
  border: 2px solid #060708;
  background-color: var(--color-secondary); }
  .colorbox-info::before, .colorbox-info::after {
    content: "info"; }
  .colorbox-info::after {
    content: "var(--color-secondary) "; }

.colorbox-warning {
  border: 2px solid #a07800;
  background-color: var(--warning); }
  .colorbox-warning::before, .colorbox-warning::after {
    content: "warning"; }
  .colorbox-warning::after {
    content: "var(--warning) "; }

.colorbox-danger {
  border: 2px solid #921925;
  background-color: var(--danger); }
  .colorbox-danger::before, .colorbox-danger::after {
    content: "danger"; }
  .colorbox-danger::after {
    content: "var(--danger) "; }

.colorbox-grey {
  border: 2px solid #94a1ae;
  background-color: #ced4da; }
  .colorbox-grey::before, .colorbox-grey::after {
    content: "grey"; }
  .colorbox-grey::after {
    content: "#ced4da "; }

a.bg-black:hover, a.bg-black:focus {
  background-color: #404040 !important; }

.top-bar {
  position: relative;
  z-index: 1; }

.nav-pills {
  height: 30px; }
  .nav-pills .nav-link {
    color: var(--surface);
    background-color: transparent;
    padding: 0 9px;
    height: 20px;
    font-family: Europa, sans-serif;
    font-size: 12px;
    letter-spacing: 0.27px;
    color: var(--surface); }
  .nav-pills .nav-link.active,
  .nav-pills .show > .nav-link {
    font-family: Europa, sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.27px;
    color: #000000; }

.table-bordered {
  border: 2px solid var(--border); }
  .table-bordered th,
  .table-bordered td {
    border: 2px solid var(--border); }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

/*
---
name: Font / text styles
category: Basics
---

```font.html
<h1>Headline 1 : Lorem Ipsum is simply dummy text</h1>
<h1 class="var(--surface)">Headline 1 : Lorem Ipsum is simply dummy text</h1>

<h1 class="promo">Promo</h1>
<h1 class="promo promo-blue">Promo Blue</h1>
<h1 class="promo promo-red">Promo Red</h1>

<h2>Headline 2 : Lorem Ipsum is simply dummy text</h2>
<h2 class="red">Headline 2 : Lorem Ipsum is simply dummy text</h2>

<div class="heading">Heading Black</div>
<div class="heading var(--surface)">Heading var(--surface)</div>
<div class="heading red">Heading Red</div>
<div class="heading bold">Heading Bold Black</div>
<div class="heading bold var(--surface)">Heading Bold var(--surface)</div>
<div class="heading bold red">Heading Bold Red</div>

<p>
    Body - paragraph : Lorem Ipsum is simply dummy text
</p>

<p class="condensed">
    Copy condensed - paragraph - with class "condensed"
</p>

<p class="dark-grey">
    Body dark-grey - paragraph - with class "dark-grey"
</p>

<p class="condensed dark-grey">
    Body condensed dark-grey - paragraph - with class "condensed dark-grey"
</p>

<a href="#">Link</a>

```
*/
html,
body,
* {
  font-family: Europa, sans-serif; }

h1 {
  font-family: Europa, sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.78px;
  color: var(--header-text);
  margin: 20px 0; }
  @media (min-width: 768px) {
    h1 {
      font-family: Europa, sans-serif;
      font-size: 50px;
      font-weight: bold;
      color: var(--heading-text);
      margin: 30px 0; } }
  h1.white {
    font-family: Europa, sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.78px;
    color: var(--surface); }
    @media (min-width: 768px) {
      h1.white {
        font-family: Europa, sans-serif;
        font-size: 50px;
        font-weight: bold;
        color: var(--surface); } }

h2 {
  font-family: Europa, sans-serif;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.38;
  letter-spacing: 0.24px;
  color: var(--header-text);
  margin: 10px 0; }
  @media (min-width: 768px) {
    h2 {
      font-family: Europa, sans-serif;
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 0.55px;
      color: var(--header-text);
      margin: 1rem 0;
      margin-top: 2rem; } }
  h2.red {
    font-family: Europa, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.38;
    letter-spacing: 0.24px;
    color: var(--color-primary); }
    @media (min-width: 768px) {
      h2.red {
        font-family: Europa, sans-serif;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 0.55px;
        color: var(--color-primary); } }

h3 {
  margin-bottom: .75rem;
  margin-top: 1.5rem; }

h4, h5 {
  margin-bottom: .5rem;
  margin-top: 1rem; }

.promo {
  font-family: Europa, sans-serif;
  font-size: 30px;
  font-weight: bold;
  color: #000000; }
  .promo.promo-blue {
    font-family: Europa, sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: var(--color-accent-blue); }
  .promo.promo-red {
    font-family: Europa, sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: var(--color-primary); }

.heading {
  font-family: Europa, sans-serif;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: var(--heading-text); }
  .heading.bold {
    font-weight: bold; }
  .heading.var(--surface) {
    color: var(--surface); }
  .heading.red {
    color: var(--color-primary); }

body,
p {
  font-family: Europa, sans-serif;
  font-size: 12px;
  line-height: 1.83;
  letter-spacing: 0.23px;
  color: var(--heading-text); }
  @media (min-width: 768px) {
    body,
    p {
      font-family: Europa, sans-serif;
      font-size: 16px;
      line-height: 1.63;
      letter-spacing: 0.3px;
      color: var(--heading-text); } }
  body.condensed,
  p.condensed {
    line-height: 1.25; }
  body.bold,
  p.bold {
    font-weight: bold; }
  body.dark-grey,
  p.dark-grey {
    color: var(--link-hover); }

nav {
  font-family: Europa, sans-serif;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #000000; }

button,
input {
  font-family: Europa, sans-serif;
  font-size: 18px;
  letter-spacing: 0.7px;
  color: #000000; }

::-webkit-input-placeholder {
  font-family: Europa, sans-serif;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: 0.3px;
  color: var(--link-hover);
  font-size: 12px; }

::-moz-placeholder {
  font-family: Europa, sans-serif;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: 0.3px;
  color: var(--link-hover);
  font-size: 12px; }

:-ms-input-placeholder {
  font-family: Europa, sans-serif;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: 0.3px;
  color: var(--link-hover);
  font-size: 12px; }

::placeholder {
  font-family: Europa, sans-serif;
  font-size: 16px;
  line-height: 1.63;
  letter-spacing: 0.3px;
  color: var(--link-hover);
  font-size: 12px; }
  @media (min-width: 768px) {
    ::-webkit-input-placeholder {
      font-family: Europa, sans-serif;
      font-size: 16px;
      line-height: 1.63;
      letter-spacing: 0.3px;
      color: var(--link-hover); }
    ::-moz-placeholder {
      font-family: Europa, sans-serif;
      font-size: 16px;
      line-height: 1.63;
      letter-spacing: 0.3px;
      color: var(--link-hover); }
    :-ms-input-placeholder {
      font-family: Europa, sans-serif;
      font-size: 16px;
      line-height: 1.63;
      letter-spacing: 0.3px;
      color: var(--link-hover); }
    ::placeholder {
      font-family: Europa, sans-serif;
      font-size: 16px;
      line-height: 1.63;
      letter-spacing: 0.3px;
      color: var(--link-hover); } }

a {
  font-family: Europa, sans-serif;
  font-size: 12px;
  line-height: 1.63;
  letter-spacing: 0.3px;
  color: var(--color-accent-blue);
  color: var(--color-primary); }
  @media (min-width: 768px) {
    a {
      font-size: 16px; } }

footer,
footer a {
  font-family: Europa, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.27px;
  color: #ffffff; }

.breadcrumb {
  font-family: Europa, sans-serif;
  font-size: 12px;
  letter-spacing: 0.84px;
  color: var(--surface); }
  .breadcrumb .breadcrumb-item,
  .breadcrumb a {
    font-family: Europa, sans-serif;
    font-size: 12px;
    letter-spacing: 0.84px;
    color: var(--surface); }

.text-small {
  font-size: 12px; }

.has-pointer {
  cursor: pointer; }

label {
  color: var(--color-secondary);
  margin-bottom: 6px; 
  color: var(--label-text);
}

.content-box {
    padding: 15px 15px 1px 15px;
    background-color: var(--surface);
    border-radius: 6px;
}

@media (max-width: 767.98px) {
  .form-control-lg {
    height: calc(1.5em + 0.75rem + 4px);
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem; } }

@media (max-width: 767.98px) {
  .btn-lg, .btn-group-lg > .btn, .btn-group-lg > .icon-tooltip, .btn-list .btn-group-lg > label, .color-list .btn-group-lg > label, .search-results .list-group-item .list-item-category-container .btn-group-lg > .list-item-category {
    padding: 0.1rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5; } }

.card {
  /* Each mobile product that is cancelable but not selected (which means it will be canceled / is greyed out) */ }
  .card .checkbox-not-selected, .card .checkbox-selected {
    float: left;
    margin-right: 10px; }
  .card .checkbox-selected {
    display: none;
    overflow: hidden; }
  .card .checkbox-not-selected {
    display: block;
    overflow: hidden; }
  .card .promo-item {
    display: block;
    margin-top: 3px; }
  .card.product-selector {
    height: 100%;
    cursor: pointer; }
  .card.existing-product-selector.selected-product .card-body, .card.existing-mobile-product-selector.selected-product .card-body, .card.existing-mobile-product.selected-product .card-body, .card.existing-product.selected-product .card-body {
    border: solid;
    border-width: 2px;
    border-color: var(--color-primary);
    border-radius: 0.25rem; }
  .card.existing-product-selector:not(.selected-product) .card-body, .card.existing-mobile-product-selector:not(.selected-product) .card-body, .card.existing-mobile-product:not(.selected-product) .card-body, .card.existing-product:not(.selected-product) .card-body {
    border-width: 0px;
    border-radius: 0.25rem;
    background-color: var(--border);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8); }
    .card.existing-product-selector:not(.selected-product) .card-body .text-primary, .card.existing-product-selector:not(.selected-product) .card-body .icon-tooltip, .card.existing-mobile-product-selector:not(.selected-product) .card-body .text-primary, .card.existing-mobile-product-selector:not(.selected-product) .card-body .icon-tooltip, .card.existing-mobile-product:not(.selected-product) .card-body .text-primary, .card.existing-mobile-product:not(.selected-product) .card-body .icon-tooltip, .card.existing-product:not(.selected-product) .card-body .text-primary, .card.existing-product:not(.selected-product) .card-body .icon-tooltip {
      color: #800 !important; }
  .card.existing-product-selector:not(.selected-product) .bg-primary, .card.existing-mobile-product-selector:not(.selected-product) .bg-primary, .card.existing-mobile-product:not(.selected-product) .bg-primary, .card.existing-product:not(.selected-product) .bg-primary {
    background-color: #800 !important;
    color: #aaa !important; }
  .card.mobile-toggle-selector[data-cancelable=true]:not(.selected-product) .card-body {
    border-width: 0px;
    border-radius: 0.25rem;
    background-color: var(--border);
    -webkit-filter: brightness(0.8);
    filter: brightness(0.8); }
    .card.mobile-toggle-selector[data-cancelable=true]:not(.selected-product) .card-body .text-primary, .card.mobile-toggle-selector[data-cancelable=true]:not(.selected-product) .card-body .icon-tooltip {
      color: #800 !important; }
  .card.mobile-toggle-selector .card-body,
  .card.product-toggle-selector .card-body {
    border: solid;
    border-width: 2px;
    border-color: var(--border);
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .card.selected-product .card-body {
    border-color: var(--color-primary); }
    .card.selected-product .card-body > span {
      font-weight: bold; }
    .card.selected-product .card-body dd {
      font-weight: bold; }
    .card.selected-product .card-body .checkbox-selected:not(.p-option) {
      display: block; }
    .card.selected-product .card-body .checkbox-not-selected:not(.p-option) {
      display: none; }
  .card.selected-product .promo-item {
    display: block;
    margin-top: 3px; }
  .card .product-will-be-canceled {
    display: none; }
  .card.cancelable-product:not(.selected-product) .product-will-be-canceled {
    display: inline-block; }
  .card .existing-product-selector.selected-product .checkbox-selected,
  .card .mobile-toggle-selector.selected-product .checkbox-selected,
  .card .product-toggle-selector.selected-product .checkbox-selected {
    display: block; }
  .card .existing-product-selector.selected-product .checkbox-not-selected,
  .card .mobile-toggle-selector.selected-product .checkbox-not-selected,
  .card .product-toggle-selector.selected-product .checkbox-not-selected {
    display: none; }
    .card .list-group .list-group-item {
    /*&.bg-primary b:nth-child(2) {
            order: -1;
            padding-right: 5px;
        }

        b.oldPrice {
            font-weight: normal;
        }*/ 
    }

    .card .list-group .list-group-item b.oldPrice {
        font-size: 1.25em;
    }
    .card .list-group .list-group-item .promo-price {
        font-size: 1.25em;
    }
    .card .card-body dl dt.text-primary {
        font-size: 1.25em;
    } 
    .card .list-group .list-group-item.addBottomRadius {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .card .list-group .list-group-item.addBottomRadius span.origin-price small {
        display: none
    }
    .card .list-group .list-group-item span.origin-price {
        text-decoration: line-through;
        font-size: 0.75em;
    }
    .card .list-group .list-group-item .startProductPrice {
        font-size: 1.25em;
        font-weight: bold;
    }
    .card.border-summary {
    border: 1px solid rgba(0, 0, 0, 0.125); }

/*
---
name: Navigation Icon
category: QL Components
---

```default.html
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarMainNavigation" aria-controls="navbarMainNavigation" aria-expanded="false" aria-label="Toggle navigation">
    <div class="animated-icon"><span></span><span></span><span></span></div>
</button>
```
*/
.animated-icon {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer; }
  .animated-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    background: #000000; }
    .animated-icon span:nth-child(1) {
      top: 0px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center; }
    .animated-icon span:nth-child(2) {
      top: 10px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center; }
    .animated-icon span:nth-child(3) {
      top: 20px;
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center; }
  .navbar-toggler:not(.collapsed) .animated-icon span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px; }
  .navbar-toggler:not(.collapsed) .animated-icon span:nth-child(2) {
    width: 0%;
    opacity: 0; }
  .navbar-toggler:not(.collapsed) .animated-icon span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px; }

/*
---
name: List
category: Basics
---


```default.html
<ul>
    <li>Lorem Ispum</li>
    <li>Lorem Ispum</li>
</ul>
```


```footer-list.html
<ul class="footer-list">
    <li>Lorem Ispum</li>
    <li>Lorem Ispum</li>
</ul>
```

```list.html
<ul class="list">
    <li>Lorem Ispum</li>
    <li>Lorem Ispum</li>
</ul>
```
*/
ul {
  list-style: disc; }
  ul.footer-list {
    padding: 0; }
    ul.footer-list li a {
      font-family: Europa, sans-serif;
      font-size: 12px;
      letter-spacing: 0.27px;
      color: var(--surface);
      padding: 3px 0;
      margin: 3px 0; }
    ul.footer-list + h3 {
      margin-top: 2.375rem; }
  ul.list {
    list-style: none; }
    ul.list > li::before {
      content: "\2022";
      color: var(--link-hover);
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }

/*
---
name: Bildmarke
category: SVG
version: 1.4.0
---

## Bildmarke for desktop size

```bildmarke.html
<img src="assets/svg/quickline-bildmarke-rot.svg" class="bildmarke bildmarke-behind-global-text">
```

```bildmarke-desktop.html
<img src="assets/svg/quickline-bildmarke-rot.svg" class="bildmarke bildmarke-desktop d-none d-lg-block">
```

## Bildmarke for mobile/tablet size
```bildmarke-mobile.html
<img src="assets/svg/quickline-bildmarke-rot.svg" class="bildmarke bildmarke-not-desktop d-lg-none">
```

## Bildmarke desktop var(--surface)
```bildmarke-var(--surface).html
<img src="assets/svg/quickline-bildmarke-weiss.svg" class="bildmarke bildmarke-behind-global-text">
```
*/
.bildmarke {
  position: absolute;
  left: 0; }
  .bildmarke.bildmarke-behind-global-text {
    z-index: -1; }
  .bildmarke.bildmarke-desktop {
    top: 70px; }
  .bildmarke.bildmarke-not-desktop {
    top: 20px;
    width: 80%; }

.bildmarke-help {
  position: relative;
  left: -40px;
  max-height: 100px; }
  @media (min-width: 992px) {
    .bildmarke-help {
      position: absolute;
      left: 0;
      height: calc(100% - 47px * 2);
      max-height: none;
      max-width: 9%;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); } }

/*
---
name: Cards
category: QL Cards
---


```card-var(--surface)-title-red-center.html
<a href="#" class="card text-center border-0" >
  <img class="card-img-top" src="/assets/images/cube-s-var(--surface).png" alt="Card image cap">
  <div class="card-body">
    <h2 class="card-title text-primary">Card title</h2>
    <p class="card-text text-dark">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
  <div class="card-footer">
    <div href="#" class="btn btn-primary">Go somewhere</div>
  </div>
</a>
```


```card-red-title-var(--surface).html
<a href="#" class="card border-0">
  <img class="card-img-top" src="/assets/images/cube-s-var(--surface).png" alt="Card image cap">
  <div class="card-body bg-primary">
    <h2 class="card-title text-var(--surface)">Card title</h2>
    <p class="card-text text-var(--surface)">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
    <div class="btn btn-var(--surface) text-primary font-weight-normal">Go somewhere</div>
  </div>
</a>
```

```card-red-title-var(--surface)-center.html
<a href="#" class="card bg-primary">
  <div class="card-body text-center">
    <img class="w-15" src="/assets/svg/var(--surface)-star.svg" alt="Card image cap">
    <h2 class="card-title text-var(--surface)">Lorem ipsum dolor sit amet consetetur sadipscing elitr, sed diam nonumy eirmod tempor.</h2>
    <div class="btn btn-var(--surface) text-primary font-weight-normal">Go somewhere</div>
  </div>
</a>
```


```card-red-big-title-var(--surface).html
<a class="card" href="#">
  <div class="card teaser-big flex-row flex-wrap">
        <div class="card-header border-0 p-0">
            <img class="cover" src="/assets/images/cube-s-var(--surface).png" alt="Card image cap" />
        </div>
        <div class="card-body d-flex flex-column justify-content-between px-2 bg-primary p-3">
          <div>
            <h2 class="card-title text-var(--surface)">Teaser Gross</h2>
            <p class="card-text text-var(--surface)"> Some quick example text to build on the card title and make up the bulk of the card's content.</p>
          </div>
          <div class="card-footer">
            <div class="btn btn-var(--surface) text-primary font-weight-normal">Go somewhere</div>
          </div>
        </div>
  </div>
</a>
```

```card-grey-title-red-center.html
<a href="#" class="card bg-light">
  <div class="card-body text-center">
    <img class="w-25" src="/assets/svg/red-star.svg" alt="Card image cap">
    <h2 class="card-title text-primary">Card Title</h2>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
  <div class="card-footer">
    <div class="btn btn-primary text-var(--surface) font-weight-normal">Zum Angebot</div>
  </div>
</a>
```

```card-grey-title-red-center-2.html
<a href="#" class="card bg-light">
  <div class="card-body text-center">
    <img class="w-25" src="/assets/svg/red-star.svg" alt="Card image cap">
    <h2 class="card-title text-primary">Card Title</h2>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
  <div class="card-footer">
    <div class="btn btn-primary text-var(--surface) font-weight-normal">Zum Angebot</div>
  </div>
</a>
```

```card-var(--surface)-title-black-center.html
<a href="#" class="card border-0 bg-var(--surface)">
  <div class="card-body text-center">
    <img class="card-icon" src="/assets/svg/Fixnet.svg" alt="Card image cap">
    <h2 class="card-title">Card Title</h2>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
  <div class="card-footer text-center">
    <div class="btn btn-primary text-var(--surface) font-weight-normal">Zum Angebot</div>
  </div>
</a>
```

```card-var(--surface)-title-black-center-2.html
<a href="#" class="card border-0 bg-var(--surface)">
  <div class="card-body text-center">
    <img class="card-icon" src="/assets/svg/Tv.svg" alt="Card image cap">
    <h2 class="card-title">Super long title for TV</h2>
    <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
  <div class="card-footer text-center">
    <div class="btn btn-primary text-var(--surface) font-weight-normal">Zum Angebot</div>
  </div>
</a>
```

```card-black.html
<a href="#" class="card bg-black p-4">
  <div class="card-body">
    <h2 class="card-title text-primary m-0">Card Title<br />
    <span class="text-var(--surface)">Card Title2 </span>
    </h2>
    <p class="card-text text-var(--surface)">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
  <div class="card-footer">
    <div class="btn btn-var(--surface) text-primary font-weight-normal border border-primary">Go somewhere</div>
  </div>
</a>
```

```card-black-2.html
<a href="#" class="card bg-black p-4">
  <div class="card-body">
    <h2 class="card-title text-primary m-0">Card Title<br />
    <span class="text-var(--surface)">Card Title2 </span>
    </h2>
    <p class="card-text text-var(--surface)">Some quick example text to build on the card title and make up the bulk of the card's content. Some quick example text to build on the card title and make up the bulk of the card's content.</p>
  </div>
  <div class="card-footer">
    <div class="btn btn-var(--surface) text-primary font-weight-normal border border-primary">Go somewhere</div>
  </div>
</a>
```
*/
a.card {
  text-decoration: none; }

.teaser-big .card-header {
  width: 33% !important; }

.teaser-big .card-body {
  width: 67% !important; }

.h-100 > .card {
  height: 100%; }

.card-icon {
  height: 60px; }

.full-height-cards > div {
  height: 100%;
  padding: 1rem !important; }
  .full-height-cards > div .card {
    height: 100%; }

/*
---
name: Tooltip
category: QL Components
---

```tooltip.html
<a class="tooltip-source" href="#" data-toggle="tooltip" title="Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy."><span class="tooltip-source-content">i</span></a>
```

```tooltip.js
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})
```
*/
.tooltip-source {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 12px;
  border: solid 1px var(--color-accent-blue);
  background-color: var(--surface);
  margin: auto 6px;
  vertical-align: text-bottom;
  position: relative; }

.tooltip-source-content {
  position: absolute;
  font-size: 10px;
  left: 6px;
  top: 0px;
  color: var(--color-accent-blue); }

.icon-tooltip {
  padding: 0; }

/*
---
name: Cookie Banner
category: QL Components
---

```cookiebanner.html
<div class="cookieBanner bg-light p-2 px-6 text-center h-25 position-relative" id="cookieBannerId">
    <p class=""><span>Wir verwenden Cookies auf dieser Webseite, um Ihnen ein möglichst gutes Onlineerlebnis zu bieten. Mehr Infos: 
    <a rel="noopener" href="/dsgvo/" target="_blank" title="DSGVO">Datenschutz</a></span></p>
		<div class="closeIcon" onclick="closeBanner()"></div>
	</div>
```

```cookiebanner.js
function closeBanner() {
		document.cookie = "QuickLineCookieAccepted=true";
		const bannerElement = document.getElementById("cookieBannerId");
		bannerElement.parentElement.removeChild(bannerElement);
	}
```
*/
.cookieBanner p {
  margin-bottom: 0px;
  padding: 0.5em 0; }

.cookieBanner a {
  color: var(--color-primary);
  text-decoration: underline; }

.closeIcon:after {
  display: inline-block;
  content: "\00d7";
  position: absolute;
  top: 50%;
  right: 0.5em;
  font-size: 30px;
  -webkit-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
  min-width: 2rem;
  color: var(--color-primary); }

/*
---
name: Quote
category: QL Components
---

# Quote

```default.html
<section class="quote bg-dark">
    <div class="container py-10">
        <p class="quote-text mx-auto w-75">
          « Ein Spezialfall ist das Abo Mobile Smart S Basic von Quickline für 10 Franken pro Monat. Wer jeden Tag mit dem Handy im Internet zum Beispiel Webseiten besucht, fährt dank den inbegriffenen 2 GB an Daten günstiger als beim Prepaid von Aldi. »
        </p>
        <p class="quote-text-reference">
            K-Tipp, 13.02.2019
        </p>
    </div>
</section>
```
*/
.quote-text {
  font-family: Europa, sans-serif;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.24;
  letter-spacing: 0.4px;
  text-align: center;
  color: var(--surface); }

.quote-text-reference {
  font-family: Europa, sans-serif;
  font-size: 32px;
  letter-spacing: 0.8px;
  color: var(--surface);
  text-align: center; }

/*
---
name: Products
category: QL Components
---

# Products

```default.html
<section class="bg-light d-none d-md-block">
	<div class="container">
		<div class="row bg-light">
			<div class="col-md-3 bg-light product-feature-cell">
				&nbsp;
			</div>
			<div class="col-md-3 text-center pr-4 bg-var(--surface) rounded-top product-feature-cell d-flex justify-content-center align-items-center">

				<h1 class="text-primary">S</h1>

			</div>
			<div class="col-md-3 text-center mr-0 bg-var(--surface) rounded-top product-feature-cell d-flex justify-content-center align-items-center">

				<h1 class="text-primary">M</h1>

			</div>
			<div class="col-md-3 text-center mr-0 bg-var(--surface) rounded-top product-feature-cell d-flex justify-content-center align-items-center">

				<h1 class="text-primary">L</h1>

			</div>
		</div>
		<div class="row ">
			<div class="col-md-3 bg-light text-center p-3 product-feature-cell">
				Feature Beschreibung 1
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature-cell d-flex justify-content-center align-items-center">
				2GB
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature-cell d-flex justify-content-center align-items-center">
				4GB
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature-cell d-flex justify-content-center align-items-center">
				8GB
			</div>
		</div>
		<div class="row ">
			<div class="col-md-3 bg-light text-center p-3 product-feature-cell">
				Feature Beschreibung 2 mit zeilenumbruch und solchen dingen
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature-cell d-flex justify-content-center align-items-center">
				2GB
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature-cell d-flex justify-content-center align-items-center">
				4GB
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature-cell d-flex justify-content-center align-items-center">
				8GB
			</div>
		</div>
		<div class="row ">
			<div class="col-md-3 bg-light text-center p-3 product-feature">
				&nbsp;
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature d-flex justify-content-center align-items-center">
				<div class="bg-light w-100 h-100 p-1">
					<div class="checkbox-wrapper checkbox-center d-inline">
						<input id="checkbox-1" name="checkbox" type="checkbox" value="some-value">
						<label for="checkbox-1"></label>
					</div>
                    <br />
					Option "flat" unlimitierte Anrufe CH (alle Netze, SMS, MMS)<br/>
					<b>+ CHF 20.-/Monat</b>
				</div>
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature d-flex justify-content-center align-items-center">
                <div class="bg-light w-100 h-100 p-1">
					<div class="checkbox-wrapper checkbox-center d-inline">
						<input id="checkbox-2" name="checkbox" type="checkbox" value="some-value">
						<label for="checkbox-2"></label>
					</div>
					<br />
					Option "flat" unlimitierte Anrufe CH (alle Netze, SMS, MMS)<br />
					<b>+ CHF 20.-/Monat</b>
				</div>
			</div>
			<div class="col-md-3 text-center bg-var(--surface) p-3 product-feature d-flex justify-content-center align-items-center">
                <div class="bg-light w-100 h-100 p-1">
                    <div class="checkbox-wrapper checkbox-center d-inline">
						<input id="checkbox-3" name="checkbox" type="checkbox" value="some-value">
						<label for="checkbox-3"></label>
					</div>
					<br />
					Option "flat" unlimitierte Anrufe CH (alle Netze, SMS, MMS)<br />
					<b>+ CHF 20.-/Monat</b>
				</div>
			</div>
		</div>
		<div class="row ">
			<div class="col-md-3 bg-light text-center p-3 product-feature">
				&nbsp;
			</div>
			<div class="col-md-3 text-center bg-primary p-3 product-feature ">
				<div>
					<h2 class="text-var(--surface) mb-0">CHF 35.-/Monat</h2>
					<span class="text-var(--surface) font-weight-light" style="font-size: 10pt">Preis mit Internet Abo</span>
					<h3 class="text-var(--surface) mb-0 mt-2">CHF 45.-/Monat</h3>
					<span class="text-var(--surface) font-weight-light" style="font-size: 10pt">Preis ohne Internet Abo</span>
				
					<button type="button" class="btn btn-var(--surface) text-primary mt-3">Auswählen</button>
				</div>
			</div>
			<div class="col-md-3 text-center bg-primary p-3 product-feature ">
				<div>
					<h2 class="text-var(--surface) mb-0">CHF 35.-/Monat</h2>
					<span class="text-var(--surface) font-weight-light" style="font-size: 10pt">Preis mit Internet Abo</span>
					<h3 class="text-var(--surface) mb-0 mt-2">CHF 45.-/Monat</h3>
					<span class="text-var(--surface) font-weight-light" style="font-size: 10pt">Preis ohne Internet Abo</span>

					<button type="button" class="btn btn-var(--surface) text-primary mt-3">Auswählen</button>
				</div>
			</div>
			<div class="col-md-3 text-center bg-primary p-3 product-feature ">
				<div>
					<h2 class="text-var(--surface) mb-0">CHF 35.-/Monat</h2>
					<span class="text-var(--surface) font-weight-light" style="font-size: 10pt">Preis mit Internet Abo</span>
					<h3 class="text-var(--surface) mb-0 mt-2">CHF 45.-/Monat</h3>
					<span class="text-var(--surface) font-weight-light" style="font-size: 10pt">Preis ohne Internet Abo</span>

					<button type="button" class="btn btn-var(--surface) text-primary mt-3">Auswählen</button>
				</div>
			</div>
		</div>
		<div class="row ">
				<div class="col-md-3 bg-light text-center p-3 product-feature">
					&nbsp;
				</div>
				<div class="col-md-3 text-center bg-primary p-3 product-feature text-var(--surface)">
					<a class="product-data-toggle collapsed" data-toggle="collapse" data-target="#colapseId1" aria-expanded="false" aria-controls="colapseId1">Details</a>
					<div class="collapse multi-collapse" id="colapseId1">
						Detail text zu diesem Product. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
					</div>
				</div>
				<div class="col-md-3 text-center bg-primary p-3 product-feature text-var(--surface)">
					<a class="product-data-toggle collapsed" data-toggle="collapse" data-target="#colapseId2" aria-expanded="false" aria-controls="colapseId2">Details</a>
					<div class="collapse multi-collapse" id="colapseId2">
						Detail text zu diesem Product. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
					</div>
				</div>
				<div class="col-md-3 text-center bg-primary p-3 product-feature text-var(--surface)">
					<a class="product-data-toggle collapsed" data-toggle="collapse" data-target="#colapseId3" aria-expanded="false" aria-controls="colapseId3">Details</a>
					<div class="collapse multi-collapse" id="colapseId3">
						Detail text zu diesem Product. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
					</div>
				</div>				
			</div>
	</div>
</section>

<section class="d-block d-md-none">
	<div class="container bg-var(--surface) border border-light mt-1 mb-1">
		<div class="row border border-bottom-light">
			<div class="col-12 text-center">
				<h1 class="text-primary">S</h1>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 1 </p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 2 mit Zeilenumbruch und mehr Text</p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 3</p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light bg-light pt-3">
			<div class="col-2">
				<div class="checkbox-wrapper checkbox-center d-inline">
						<input id="checkbox-4" name="checkbox" type="checkbox" value="some-value">
						<label for="checkbox-4"></label>
					</div>
			</div>
			<div class="col-10">
				
					Option "flat" unlimitierte Anrufe CH (alle Netze, SMS, MMS)<br />
					<b>+ CHF 20.-/Monat</b>
			</div>
		</div>
		<div class="row border border-primary bg-primary">
			<div class="col-12 text-center">
				<h1 class="mb-0  text-var(--surface)">CHF 35.-/Monat</h1>
				<p class="text-var(--surface)">Preis mit Internet Abo</p>
				<h2 class="mb-0 text-var(--surface)">CHF 45.-/Monat</h2>
				<p class="text-var(--surface)">Preis ohne Internet Abo</p>

				<button type="button" class="btn btn-block btn btn-quickline text-primary mt-3 p-2">Auswählen</button>
			</div>
		</div>
		<div class="row border border-primary bg-primary">
			<div class="col-md-12 text-center bg-primary p-3 text-var(--surface)">
				<a class="product-data-toggle collapsed" data-toggle="collapse" data-target="#colapseId1" aria-expanded="false" aria-controls="colapseId1">Details</a>
				<div class="collapse multi-collapse" id="colapseId1">
					Detail text zu diesem Product. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
				</div>
			</div>
		</div>
	</div>


	<div class="container bg-var(--surface) border border-light mt-1 mb-1">
		<div class="row border border-bottom-light">
			<div class="col-12 text-center">
				<h1 class="text-primary">M</h1>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 1 </p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 2 mit Zeilenumbruch und mehr Text</p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 3</p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light bg-light pt-3">
			<div class="col-2">
				<div class="checkbox-wrapper checkbox-center d-inline">
						<input id="checkbox-5" name="checkbox" type="checkbox" value="some-value">
						<label for="checkbox-5"></label>
					</div>
			</div>
			<div class="col-10">
				
					Option "flat" unlimitierte Anrufe CH (alle Netze, SMS, MMS)<br />
					<b>+ CHF 20.-/Monat</b>
			</div>
		</div>
		<div class="row border border-primary bg-primary">
			<div class="col-12 text-center">
				<h1 class="mb-0  text-var(--surface)">CHF 35.-/Monat</h1>
				<p class="text-var(--surface)">Preis mit Internet Abo</p>
				<h2 class="mb-0 text-var(--surface)">CHF 45.-/Monat</h2>
				<p class="text-var(--surface)">Preis ohne Internet Abo</p>

				<button type="button" class="btn btn-block btn btn-quickline text-primary mt-3 p-2">Auswählen</button>
			</div>
		</div>
		<div class="row border border-primary bg-primary">
			<div class="col-md-12 text-center bg-primary p-3 text-var(--surface)">
				<a class="product-data-toggle collapsed" data-toggle="collapse" data-target="#colapseId2" aria-expanded="false" aria-controls="colapseId2">Details</a>
				<div class="collapse multi-collapse" id="colapseId2">
					Detail text zu diesem Product. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
				</div>
			</div>
		</div>
	</div>


	<div class="container bg-var(--surface) border border-light mt-1 mb-1">
		<div class="row border border-bottom-light">
			<div class="col-12 text-center">
				<h1 class="text-primary">L</h1>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 1 </p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 2 mit Zeilenumbruch und mehr Text</p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light">
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<p class="text-dark">Feature Beschreibung 3</p>
			</div>
			<div class="col-6 text-center pt-3 d-flex justify-content-center align-items-center">
				<h3>2GB</h3>
			</div>
		</div>
		<div class="row border border-bottom-light bg-light p-3">
			<div class="col-2">
				<div class="checkbox-wrapper checkbox-center d-inline">
						<input id="checkbox-6" name="checkbox" type="checkbox" value="some-value">
						<label for="checkbox-6"></label>
					</div>
			</div>
			<div class="col-10">
				
					Option "flat" unlimitierte Anrufe CH (alle Netze, SMS, MMS)<br />
					<b>+ CHF 20.-/Monat</b>
			</div>
		</div>
		<div class="row border border-primary bg-primary">
			<div class="col-12 text-center">
				<h1 class="mb-0  text-var(--surface)">CHF 35.-/Monat</h1>
				<p class="text-var(--surface)">Preis mit Internet Abo</p>
				<h2 class="mb-0 text-var(--surface)">CHF 45.-/Monat</h2>
				<p class="text-var(--surface)">Preis ohne Internet Abo</p>

				<button type="button" class="btn btn-block btn btn-quickline text-primary mt-3 p-2">Auswählen</button>
			</div>
		</div>
		<div class="row border border-primary bg-primary">
			<div class="col-md-12 text-center bg-primary p-3 text-var(--surface)">
				<a class="product-data-toggle collapsed" data-toggle="collapse" data-target="#colapseId3" aria-expanded="false" aria-controls="colapseId3">Details</a>
				<div class="collapse multi-collapse" id="colapseId3">
					Detail text zu diesem Product. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
				</div>
			</div>
		</div>
	</div>


</section>
```
*/
.product-feature {
  border-right: var(--border) solid 1rem; }

.product-feature-cell {
  border-bottom: #d5d7d6 solid 1px;
  border-right: var(--border) solid 1rem; }

.product-data-toggle {
  font-size: 12px;
  cursor: pointer; }
  .product-data-toggle:after {
    content: " " url("/assets/svg/expanded.svg"); }
  .product-data-toggle.collapsed::after {
    content: " " url("/assets/svg/collapsed.svg"); }

/*
---
name: Navigation
category: QL Components
type: template
---

# Navigation

```navigation.html
<nav class="navbar navbar-expand-lg">
    <div class="container h-100" id="navigation">
        <a class="navbar-brand" href="#">
            <img src="assets/svg/QuicklineLogo.svg" alt="Quickline Logo" />
        </a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMainNavigation" aria-controls="navbarMainNavigation" aria-expanded="false" aria-label="Toggle navigation">
            {{{hamburger:/templates/svg/_hamburger.scss template=default}}}
        </button>
        <div class="collapse navbar-collapse" id="navbarMainNavigation">
            <ul class="navbar-nav navbar-nav-primary mr-auto h-100">
                <li class="nav-item active nav-item dropdown d-flex align-items-center d-flex align-items-center flex-column flex-lg-row">
                    <a class="nav-link nav-link-dropdown dropdown-toggle d-flex align-items-center justify-content-center" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Kombi <span class="sr-only">(current)</span>
                    </a>

                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <div class="dropdown-menu-content h-100 d-flex align-items-center flex-column flex-lg-row justify-content-center">
                            <a class="dropdown-item d-flex align-items-center justify-content-center active" href="#">Kombi 1</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Kombi 2</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Kombi 3</a>
                        </div>
                    </div>
                </li>
                <li class="nav-item dropdown d-flex align-items-center flex-column flex-lg-row">
                    <a class="nav-link nav-link-dropdown dropdown-toggle d-flex align-items-center justify-content-center" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Internet
                    </a>

                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <div class="dropdown-menu-content h-100 d-flex align-items-center flex-column flex-lg-row justify-content-center">
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Internet 1</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Internet 2</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Internet 3</a>
                        </div>
                    </div>
                </li>
                <li class="nav-item dropdown d-flex align-items-center flex-column flex-lg-row">
                    <a class="nav-link nav-link-dropdown dropdown-toggle d-flex align-items-center justify-content-center" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        TV
                    </a>

                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <div class="dropdown-menu-content h-100 d-flex align-items-center flex-column flex-lg-row justify-content-center">
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">TV 1</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">TV 2</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">TV 3</a>
                        </div>
                    </div>
                </li>
                <li class="nav-item dropdown d-flex align-items-center flex-column flex-lg-row">
                    <a class="nav-link nav-link-dropdown dropdown-toggle d-flex align-items-center justify-content-center" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Festnetz
                    </a>

                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <div class="dropdown-menu-content h-100 d-flex align-items-center flex-column flex-lg-row justify-content-center">
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Festnetz 1</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Festnetz 2</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Festnetz 3</a>
                        </div>
                    </div>
                </li>
                <li class="nav-item dropdown d-flex align-items-center flex-column flex-lg-row">
                    <a class="nav-link nav-link-dropdown dropdown-toggle d-flex align-items-center justify-content-center" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Mobile
                    </a>

                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <div class="dropdown-menu-content h-100 d-flex align-items-center flex-column flex-lg-row justify-content-center">
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Mobile 1</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Mobile 2</a>
                            <a class="dropdown-item d-flex align-items-center justify-content-center" href="#">Mobile 3</a>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="navbar-nav navbar-nav-secondary ml-auto h-100 d-lg-flex align-items-lg-center text-center">
                <!-- <a class="nav-item float-right" href="#">
                    <img src="assets/userAvatar.png" alt="User avatar" />
                </a> -->
                <li class="nav-item">
                    <a class="nav-link d-flex align-items-center justify-content-center" href="#">Hilfe</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link d-flex align-items-center justify-content-center" href="#">Kontakt</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link d-flex align-items-center justify-content-center" href="#">Login</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link d-flex align-items-center justify-content-center" href="#">Search</a>
                </li>
            </ul>
        </div>
    </div>
</nav>
```

*/
.navbar-brand img {
  max-width: 100%;
  width: 140px; }

.navbar {
  height: 75px;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  z-index: 1000; }

.navbar-nav .nav-item {
  min-width: 100px; }
  .navbar-nav .nav-item .nav-link {
    width: 100%;
    background-color: #000000;
    font-family: Europa, sans-serif;
    font-size: 18px;
    letter-spacing: 0.7px;
    color: var(--surface); }
    @media (max-width: 991.98px) {
      .navbar-nav .nav-item .nav-link {
        -webkit-box-shadow: 0 2px 4px 0 var(--link-hover);
        box-shadow: 0 2px 4px 0 var(--link-hover);
        min-height: 60px; } }
    @media (min-width: 992px) {
      .navbar-nav .nav-item .nav-link {
        background-color: #fff;
        font-family: Europa, sans-serif;
        font-size: 18px;
        letter-spacing: 0.7px;
        color: #000000; } }
  .navbar-nav .nav-item.active .nav-link {
    background-color: #242424;
    font-family: Europa, sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.7px;
    color: var(--surface); }
    @media (min-width: 992px) {
      .navbar-nav .nav-item.active .nav-link {
        background-color: #fff;
        font-family: Europa, sans-serif;
        font-size: 18px;
        font-weight: bold;
        letter-spacing: 0.7px;
        text-align: center;
        color: var(--color-primary); } }
  .navbar-nav .nav-item .nav-link-dropdown {
    background-color: #242424; }
    @media (min-width: 992px) {
      .navbar-nav .nav-item .nav-link-dropdown {
        background-color: #fff; } }
    @media (min-width: 992px) {
      .navbar-nav .nav-item .nav-link-dropdown.dropdown-toggle::after {
        display: none; } }

.navbar-nav.navbar-nav-secondary .nav-item .nav-link {
  background-color: var(--link-hover);
  font-family: Europa, sans-serif;
  font-size: 12px;
  letter-spacing: 0.27px;
  color: var(--surface); }
  @media (max-width: 991.98px) {
    .navbar-nav.navbar-nav-secondary .nav-item .nav-link {
      -webkit-box-shadow: inset 0 2px 4px 0 #b6b6b6;
      box-shadow: inset 0 2px 4px 0 #b6b6b6; } }
  @media (min-width: 992px) {
    .navbar-nav.navbar-nav-secondary .nav-item .nav-link {
      background-color: #fff;
      font-family: Europa, sans-serif;
      font-size: 18px;
      letter-spacing: 0.7px;
      color: #000000; } }

@media (min-width: 992px) {
  .navbar-nav.navbar-nav-secondary .nav-item.active .nav-link {
    font-weight: bold; } }

.navbar-nav .dropdown-menu {
  width: 100%;
  background-color: #242424; }
  @media (min-width: 992px) {
    .navbar-nav .dropdown-menu {
      width: auto;
      height: 60px;
      -webkit-transform: translate(calc(-50% + 50px));
      -ms-transform: translate(calc(-50% + 50px));
      transform: translate(calc(-50% + 50px));
      background-color: var(--link-hover); } }
  .navbar-nav .dropdown-menu .dropdown-item {
    cursor: pointer;
    font-family: Europa, sans-serif;
    font-size: 12px;
    letter-spacing: 0.27px;
    color: var(--surface); }
    @media (max-width: 991.98px) {
      .navbar-nav .dropdown-menu .dropdown-item {
        -webkit-box-shadow: 0 2px 4px 0 var(--text);
        box-shadow: 0 2px 4px 0 var(--text);
        height: 60px; } }
    @media (min-width: 992px) {
      .navbar-nav .dropdown-menu .dropdown-item {
        font-family: Europa, sans-serif;
        font-size: 18px;
        letter-spacing: 0.7px;
        color: var(--surface); } }
    .navbar-nav .dropdown-menu .dropdown-item:hover, .navbar-nav .dropdown-menu .dropdown-item:focus, .navbar-nav .dropdown-menu .dropdown-item:active {
      text-decoration: underline; }
    .navbar-nav .dropdown-menu .dropdown-item.active {
      font-family: Europa, sans-serif;
      font-size: 18px;
      font-weight: bold;
      letter-spacing: 0.7px;
      color: var(--surface); }

@media (min-width: 992px) {
  .navbar-nav .dropdown-menu.show::before, .navbar-nav .dropdown-menu.show::after {
    content: "";
    display: block;
    background-color: var(--link-hover);
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1000; }
  .navbar-nav .dropdown-menu.show::before {
    right: 99%; }
  .navbar-nav .dropdown-menu.show::after {
    left: 99%; } }

.navbar-nav .dropdown-menu-content {
  z-index: 1060;
  position: relative; }
  @media (min-width: 992px) {
    .navbar-nav .dropdown-menu-content:after {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(165, 165, 165, 0);
      border-bottom-color: var(--link-hover);
      border-width: 10px;
      margin-left: -10px; } }

#navbarMainNavigation {
  height: auto; }
  @media (min-width: 992px) {
    #navbarMainNavigation {
      height: 100%; } }

/*
---
name: Header Banner
category: QL Components
type: template
version: 1.2.0
---

# Man with glasses

```man.html
<section class="header-banner position-relative bg-black text-var(--surface)">
    {{{bildmarke:/templates/svg/_bildmarke.scss template=bildmarke-desktop}}}
    <div
        class="header-banner-image col-12 col-lg-7"
        style="background-image: url('/assets/images/man.jpg')">
    </div>
    <div class="position-relative">
        <div class="container-lg">
            <div class="row no-gutters">
                <div class="header-banner-small-bildmarke d-lg-none col-2">
                    {{{bildmarke:/templates/svg/_bildmarke.scss template=bildmarke-mobile}}}
                </div>
                <div class="
                        header-banner-content
                        col-9
                        col-lg-4
                        d-flex
                        flex-column
                        justify-content-center
                        align-items-start
                    ">
                    {{{breadcrumb:/templates/components/breadcrumb.md template=default}}}
                    <h1 class="var(--surface)">Starke Mobile-Abos für deinen Alltag</h1>
                    <ul>
                        <li>Argument 1</li>
                        <li>Argument 2</li>
                        <li>Argument 3</li>
                        <li>Argument 4</li>
                    </ul>
                    <button type="button" class="btn btn-primary btn-lg my-5">Mobile Abos vergleichen</button>
                </div>
            </div>
        </div>
    </div>
</section>
```
*/
@media (min-width: 992px) {
  .header-banner .header-banner-content {
    min-height: 520px; } }

.header-banner-image {
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  min-height: 130px;
  padding-top: 50%; }
  @media (min-width: 992px) {
    .header-banner-image {
      position: absolute;
      right: 0;
      height: 100%;
      padding-top: 0; } }

.header-banner-image-wrapper:before {
  content: "";
  float: left;
  padding-top: 100%;
  /* initial ratio of 1:1*/ }

@media (min-width: 992px) {
  .container-lg {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; } }
  @media (min-width: 992px) and (min-width: 576px) {
    .container-lg {
      max-width: 540px; } }
  @media (min-width: 992px) and (min-width: 768px) {
    .container-lg {
      max-width: 720px; } }
  @media (min-width: 992px) and (min-width: 992px) {
    .container-lg {
      max-width: 960px; } }
  @media (min-width: 992px) and (min-width: 1200px) {
    .container-lg {
      max-width: 1140px; } }
  @media (min-width: 992px) and (min-width: 1400px) {
    .container-lg {
      max-width: 1360px; } }

@media (min-width: 992px) {
  .dropdown-toggle.dropdown-toggle-lg-hide::after {
    display: none; } }

/*
---
name: Table QL Start
category: QL Components
---

# Quote

```default.html
<section class="quote bg-light">
    <div class="row rounded-top border border-primary m-0 qlstart">
        <div class="col text-center">
            <h2 class="text-primary mb-0">Internet</h2>
            <p><b>50 MBit/s<br/>
            WLAN-Modem</b>
            </p>
        </div>
        <div class="col-md-1 text-center">
            <span class="qlstart-plus">+</span> 
        </div>
        <div class="col text-center">
            <h2 class="text-primary mb-0">TV</h2>
            <p><b>150 TV-Sender<br/>
            Live Pause & 5 Std. Aufnahme</b>
            </p>
        </div>
        <div class="col-md-1 text-center">
            <span class="qlstart-plus">+</span> 
        </div>
        <div class="col text-center">
            <h2 class="text-primary mb-0">Festnetz</h2>
            <p><b>Minutentarif ab<br/>
            20 Rp./Min.</b>
            </p>
        </div>
    </div>
    <div class="row bg-primary rounded-bottom m-0">
        <div class="col-md-6 d-flex align-items-center">
            <span class="text-var(--surface)">inkl. Digitalanschluss</span>
        </div>
        <div class="col-md-6 text-right">
            <h2 class="text-var(--surface)">CHF 49.-/Monat</h2>
        </div>
    </div>
    
</section>
```
*/
.qlstart {
  border: solid var(--color-primary) 2px !important; }

.qlstart-plus {
  font-size: 4rem; }

/*
---
name: Input File
category: QL Components
---

# Quote

```default.html
<div class="upload-btn-wrapper">
  <button class="btn btn-primary">Upload a file</button>
  <input type="file" name="myfile" />
</div>
```
*/
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block; }

.upload-btn-wrapper input[type='file'] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0; }

/*
---
name: Button List
category: QL Components
---

# Quote

```default.html
<div class="btn-list">
  <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
  <label for="radioApple">Apple</label>

  <input type="radio" id="radioBanana" name="radioFruit" value="banana">
  <label for="radioBanana">Banana</label>

  <input type="radio" id="radioOrange" name="radioFruit" value="orange">
  <label for="radioOrange">Orange</label> 
</div>
```
*/
.btn-list input[type='radio'] {
  opacity: 0;
  position: fixed;
  width: 0; }
    .btn-list input[type='radio']:checked + label {
        border: solid 2px var(--color-secondary);
        background-color: var(--border);
        color: var(--btn-text-checked);
    }

.btn-list.btn-list-lg label {
  padding: 1rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 30px; }
  @media (min-width: 576px) and (max-width: 992px) {
    .btn-list.btn-list-lg label {
      padding: 1rem 1.5rem;
      font-size: calc(0.75em + .5vw);
      line-height: 1.5;
      border-radius: 30px; } }
  @media (min-width: 992px) {
    .btn-list.btn-list-lg label {
      padding: 1rem 1.5rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 30px; } }

.btn-list.btn-list-md label {
  padding: 0.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 30px; }
  @media (min-width: 576px) and (max-width: 992px) {
    .btn-list.btn-list-md label {
      padding: 0.25rem 1.5rem;
      font-size: calc(0.75em + .5vw);
      line-height: 1.5;
      border-radius: 30px; } }
  @media (min-width: 992px) {
    .btn-list.btn-list-md label {
      padding: 0.25rem 1.5rem;
      font-size: 1rem;
      line-height: 1.5;
      border-radius: 30px; } }

.btn-list label {
  cursor: pointer;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  border: solid 2px var(--border);
  background-color: var(--surface);
  color: var(--link-hover);
  font-weight: 400;
  font-size: 0.875rem;
  margin-top: 5px; }
  @media (min-width: 576px) and (max-width: 992px) {
    .btn-list label {
      font-size: calc(0.75em + .5vw); } }
  @media (min-width: 992px) {
    .btn-list label {
      font-size: 1rem; } }
  .btn-list label:hover {
    background-color: var(--border); }

.btn-list.has-less-radius label {
  border-radius: 6px; }

/*
---
name: DownloadLine
category: QL Components
type: template
---

```default.html
	<ul class="list-group list-group-flush">
			<li class="list-group-item">
					<div class="row h-25">
						<div clas="col-1">
							<a href="#">
								<img src="assets/svg/QuicklineLogo.svg" alt="Download icon" class="downloadImg" />
							</a>
						</div>
						<div clas="col">
							<a href=# download>
								Download content.pdf
							</a>
						</div>
				</div>
			</li>
	</ul>

```

*/
/*
---
name: News
category: QL Components
---

# News

```default.html
<section class="container">
<div class="row">
    <div class="col p-1">
    
    
        <div class="row border news-entry">
            <div class="col-md-4 p-0">
                <img class="cover" src="/assets/images/news-1.png" alt="Card image cap">
            </div>
            <div class="col-md-8 bg-var(--surface) p-3">
                <p class="text-small">17.06.2019</p>
                <h3 class="card-title">Teaser Gross</h3>
                <p class="card-text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                <a href="#" class="text-right fixed-bottom position-absolute m-3">Weiter lesen</a>
            </div>
        </div>

        <div class="row border news-entry mt-4">
            <div class="col-md-4 p-0">
                <img class="cover" src="/assets/images/man.jpg" alt="Card image cap">
            </div>
            <div class="col-md-8 bg-var(--surface) p-3">
                <p class="text-small">17.06.2019</p>
                <h3 class="card-title">Teaser Gross</h3>
                <p class="card-text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                <a href="#" class="text-right fixed-bottom position-absolute m-3">Weiter lesen</a>
            </div>
        </div>

    </div>
</div>
</section>
```

```newsarchiv.html
<section class="container">
<div class="row">
    <div class="col p-1">
    
    
        <div class="row border border-bottom-1 border-top-0 border-left-0 border-right-0 news-entry has-pointer">
            <div class="col-md-2 bg-var(--surface) p-3">
                <p class="text-small">17.06.2019</p>
            </div>
            <div class="col-md-10 bg-var(--surface) p-3">
                <p class="card-text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</p>
            </div>
        </div>

        <div class="row border border-bottom-1 border-top-0 border-left-0 border-right-0 news-entry has-pointer">
            <div class="col-md-2 bg-var(--surface) p-3">
                <p class="text-small">17.06.2019</p>
            </div>
            <div class="col-md-10 bg-var(--surface) p-3">
                <p class="card-text">Lorem ipsum dolor sit amet, consetetur sadipscing elitr</p>
            </div>
        </div>

    </div>
</div>
</section>
```
*/
.cover {
  object-fit: cover;
  width: 100%;
  height: 100%; }

/*
---
name: Device Tile
category: QL Components
---

# Quote

```default.html
<div style="background: var(--bg); padding: 15px; width: 100%">
  <div class="device-tiles">


    <div class="card is-device-tile">
      <img src="/assets/images/appleiphone8white.png" class="card-img-top img-fluid" alt="...">
      <div class="card-body">
        <h5 class="card-title text-primary text-center">Apple iPhone 8</h5>
        <div>
          <p class="card-text text-grey">Farbe</p>
          <div class="color-list">
            <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
            <label for="radioApple" style="background-color: #333"></label>

            <input type="radio" id="radioBanana" name="radioFruit" value="banana">
            <label for="radioBanana" style="background-color: #e7e7e7"></label>

            <input type="radio" id="radioOrange" name="radioFruit" value="orange">
            <label for="radioOrange" style="background-color: #fff"></label> 
          </div>
        </div>
        <div>
          <p class="card-text text-grey">Storage Capacity</p>
          <div class="btn-list has-less-radius">
            <input type="radio" id="rb64" name="storageCapacity" value="64" checked>
            <label for="rb64">64 GB</label>

            <input type="radio" id="rb128" name="storageCapacity" value="128">
            <label for="rb128">128 GB</label>
          </div>
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <a class="card-text collapse-header text-grey text-center d-block w-100 collapsed" data-toggle="collapse" href="#clpInclusions1" role="button" aria-expanded="false" aria-controls="clpInclusions1">
          Further Inclusions
        </a>
        <div class="collapse" id="clpInclusions1">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <div class="row mb-4">
          <div class="col-6 text-left">
            <p class="card-text text-grey">Verkaufspreis</p>
          </div>
          <div class="col-6 text-right">
            <strong>CHF 839.-</strong>
          </div>
        </div>
        <a href="#" class="btn btn-outline-primary w-100">Lorem Ipsum</a>
      </div>
    </div>

    <div class="card is-device-tile">
      <img src="/assets/images/samsunggalaxys9black.png" class="card-img-top img-fluid" alt="...">
      <div class="card-body">
        <h5 class="card-title text-primary text-center">Apple iPhone 8</h5>
        <div>
          <p class="card-text text-grey">Farbe</p>
          <div class="color-list">
            <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
            <label for="radioApple" style="background-color: #333"></label>

            <input type="radio" id="radioBanana" name="radioFruit" value="banana">
            <label for="radioBanana" style="background-color: #e7e7e7"></label>

            <input type="radio" id="radioOrange" name="radioFruit" value="orange">
            <label for="radioOrange" style="background-color: #fff"></label> 
          </div>
        </div>
        <div>
          <p class="card-text text-grey">Storage Capacity</p>
          <div class="btn-list has-less-radius">
            <input type="radio" id="rb64" name="storageCapacity" value="64" checked>
            <label for="rb64">64 GB</label>

            <input type="radio" id="rb128" name="storageCapacity" value="128">
            <label for="rb128">128 GB</label>
          </div>
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <a class="card-text collapse-header text-grey text-center d-block w-100 collapsed" data-toggle="collapse" href="#clpInclusions1" role="button" aria-expanded="false" aria-controls="clpInclusions1">
          Further Inclusions
        </a>
        <div class="collapse" id="clpInclusions1">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <div class="row mb-4">
          <div class="col-6 text-left">
            <p class="card-text text-grey">Verkaufspreis</p>
          </div>
          <div class="col-6 text-right">
            <strong>CHF 839.-</strong>
          </div>
        </div>
        <a href="#" class="btn btn-outline-primary w-100">Lorem Ipsum</a>
      </div>
    </div>

    <div class="card is-device-tile">
      <img src="/assets/images/appleiphone8white.png" class="card-img-top img-fluid" alt="...">
      <div class="card-body">
        <h5 class="card-title text-primary text-center">Apple iPhone 8</h5>
        <div>
          <p class="card-text text-grey">Farbe</p>
          <div class="color-list">
            <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
            <label for="radioApple" style="background-color: #333"></label>

            <input type="radio" id="radioBanana" name="radioFruit" value="banana">
            <label for="radioBanana" style="background-color: #e7e7e7"></label>

            <input type="radio" id="radioOrange" name="radioFruit" value="orange">
            <label for="radioOrange" style="background-color: #fff"></label> 
          </div>
        </div>
        <div>
          <p class="card-text text-grey">Storage Capacity</p>
          <div class="btn-list has-less-radius">
            <input type="radio" id="rb64" name="storageCapacity" value="64" checked>
            <label for="rb64">64 GB</label>

            <input type="radio" id="rb128" name="storageCapacity" value="128">
            <label for="rb128">128 GB</label>
          </div>
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <a class="card-text collapse-header text-grey text-center d-block w-100 collapsed" data-toggle="collapse" href="#clpInclusions1" role="button" aria-expanded="false" aria-controls="clpInclusions1">
          Further Inclusions
        </a>
        <div class="collapse" id="clpInclusions1">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <div class="row mb-4">
          <div class="col-6 text-left">
            <p class="card-text text-grey">Verkaufspreis</p>
          </div>
          <div class="col-6 text-right">
            <strong>CHF 839.-</strong>
          </div>
        </div>
        <a href="#" class="btn btn-outline-primary w-100">Lorem Ipsum</a>
      </div>
    </div>

    <div class="card is-device-tile">
      <img src="/assets/images/samsunggalaxys9black.png" class="card-img-top img-fluid" alt="...">
      <div class="card-body">
        <h5 class="card-title text-primary text-center">Apple iPhone 8</h5>
        <div>
          <p class="card-text text-grey">Farbe</p>
          <div class="color-list">
            <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
            <label for="radioApple" style="background-color: #333"></label>

            <input type="radio" id="radioBanana" name="radioFruit" value="banana">
            <label for="radioBanana" style="background-color: #e7e7e7"></label>

            <input type="radio" id="radioOrange" name="radioFruit" value="orange">
            <label for="radioOrange" style="background-color: #fff"></label> 
          </div>
        </div>
        <div>
          <p class="card-text text-grey">Storage Capacity</p>
          <div class="btn-list has-less-radius">
            <input type="radio" id="rb64" name="storageCapacity" value="64" checked>
            <label for="rb64">64 GB</label>

            <input type="radio" id="rb128" name="storageCapacity" value="128">
            <label for="rb128">128 GB</label>
          </div>
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <a class="card-text collapse-header text-grey text-center d-block w-100 collapsed" data-toggle="collapse" href="#clpInclusions1" role="button" aria-expanded="false" aria-controls="clpInclusions1">
          Further Inclusions
        </a>
        <div class="collapse" id="clpInclusions1">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <div class="row mb-4">
          <div class="col-6 text-left">
            <p class="card-text text-grey">Verkaufspreis</p>
          </div>
          <div class="col-6 text-right">
            <strong>CHF 839.-</strong>
          </div>
        </div>
        <a href="#" class="btn btn-outline-primary w-100">Lorem Ipsum</a>
      </div>
    </div>

    <div class="card is-device-tile">
      <img src="/assets/images/samsunggalaxys9black.png" class="card-img-top img-fluid" alt="...">
      <div class="card-body">
        <h5 class="card-title text-primary text-center">Apple iPhone 8</h5>
        <div>
          <p class="card-text text-grey">Farbe</p>
          <div class="color-list">
            <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
            <label for="radioApple" style="background-color: #333"></label>

            <input type="radio" id="radioBanana" name="radioFruit" value="banana">
            <label for="radioBanana" style="background-color: #e7e7e7"></label>

            <input type="radio" id="radioOrange" name="radioFruit" value="orange">
            <label for="radioOrange" style="background-color: #fff"></label> 
          </div>
        </div>
        <div>
          <p class="card-text text-grey">Storage Capacity</p>
          <div class="btn-list has-less-radius">
            <input type="radio" id="rb64" name="storageCapacity" value="64" checked>
            <label for="rb64">64 GB</label>

            <input type="radio" id="rb128" name="storageCapacity" value="128">
            <label for="rb128">128 GB</label>
          </div>
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <a class="card-text collapse-header text-grey text-center d-block w-100 collapsed" data-toggle="collapse" href="#clpInclusions1" role="button" aria-expanded="false" aria-controls="clpInclusions1">
          Further Inclusions
        </a>
        <div class="collapse" id="clpInclusions1">
          Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
        </div>
      </div>
      <hr class="mt-0 mb-0"/>
      <div class="card-body">
        <div class="row mb-4">
          <div class="col-6 text-left">
            <p class="card-text text-grey">Verkaufspreis</p>
          </div>
          <div class="col-6 text-right">
            <strong>CHF 839.-</strong>
          </div>
        </div>
        <a href="#" class="btn btn-outline-primary w-100">Lorem Ipsum</a>
      </div>
    </div>

  </div>
</div>
```
*/
.device-tiles {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .device-tiles .card.is-device-tile:not(:first-child) {
    margin-left: 1em; }
  .device-tiles .card.is-device-tile {
    border: none;
    padding-top: 1.5em;
    width: 270px;
    margin-bottom: 1rem; }
    .device-tiles .card.is-device-tile .card-img-top {
      width: auto;
      height: 170px;
      min-height: 170px;
      margin: 0 auto;
      object-fit: cover; }
    .device-tiles .card.is-device-tile .collapse-header:after {
      font-family: 'FontAwesome';
      content: '\f077';
      float: right; }
    .device-tiles .card.is-device-tile .collapse-header.collapsed:after {
      content: '\f078'; }
    .device-tiles .card.is-device-tile .btn-list label {
      min-width: 0; }

/*
---
name: Color List
category: QL Components
---

# Quote

```default.html
<div class="color-list">
  <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
  <label for="radioApple" style="background-color: #333"></label>

  <input type="radio" id="radioBanana" name="radioFruit" value="banana">
  <label for="radioBanana" style="background-color: #e7e7e7"></label>

  <input type="radio" id="radioOrange" name="radioFruit" value="orange">
  <label for="radioOrange" style="background-color: #fff"></label> 
</div>
```
*/
.color-list input[type='radio'] {
  opacity: 0;
  position: fixed;
  width: 0; }
  .color-list input[type='radio']:checked + label {
    border: solid 2px var(--color-primary);
    color: #000000; }

.color-list label {
  cursor: pointer;
  display: inline-block;
  border: solid 2px var(--border);
  background-color: var(--surface);
  color: var(--link-hover);
  border-radius: 6px;
  padding: 1.5rem;
  min-width: 50px; }
  .color-list label:hover {
    background-color: var(--border); }

/*
---
name: Traffic Light
category: QL Components
---

# Quote

```default.html
<div class="traffic-light">
  <div class="label">My label</div>
  <div class="lights">
    <div class="light is-red"></div>
    <div class="light is-yellow"></div>
    <div class="light is-green"></div>
  </div>
</div>
```
*/
.traffic-light {
  width: 100vw;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  .traffic-light .label {
    padding: 1em;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center; }
  .traffic-light .lights {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .traffic-light .lights .light {
      width: 36px;
      height: 36px;
      border-radius: 100%;
      margin-top: 5px; }
      .traffic-light .lights .light:first-child {
        margin-top: 0; }
      .traffic-light .lights .light.is-red {
        background-color: var(--danger); }
      .traffic-light .lights .light.is-yellow {
        background-color: var(--warning); }
      .traffic-light .lights .light.is-green {
        background-color: var(--success); }

/*
---
name: Search results
category: Pages
type: template
version: 1.0.0
---

# Search results

```main.html
{{{header:/templates/components/header.md template=default}}}
<main role="main" class="flex-shrink-0">
    <div class="bg-light p-4">
        <div class="container">
            <label class="search-results-title">140 Suchresultate für "Kombi"</label>
        </div>
    </div>
    <section>
        <div class="container">
            <p class="mt-2">Suche filtern</p>
            <div class="btn-list has-less-radius">
                <input type="radio" id="radioApple" name="radioFruit" value="apple" checked>
                <label for="radioApple">Alle</label>

                <input type="radio" id="radioBanana" name="radioFruit" value="banana">
                <label for="radioBanana">Privatkunden</label>

                <input type="radio" id="radioOrange" name="radioFruit" value="orange">
                <label for="radioOrange">Business</label>

                <input type="radio" id="radioOrange" name="radioFruit" value="orange">
                <label for="radioOrange">Über Quickline</label>
            </div>
            <div class="list-group list-group-flush search-results">
                <div class="list-group-item">
                    <div class="row">
                        <div class="col-8 list-item-header-container">
                            <a class="list-item-header">All-in-One Empfehlung</a>
                        </div>
                        <div class="col-4 list-item-category-container">
                            <div class="list-item-category">Privatkunden</div>
                            <div class="list-item-category">Another category</div>
                        </div>
                    </div>
                    <div class="list-item-body">
                        en bei Erstabschluss des XL-Deals. Nicht promotionsberechtigt sind Wechsel innerhalb bestehender Kombi-Produkte. Spezialpreis gilt 1 Jahr lang ab Aufschaltdatum. Das Wunschprodukt für danach kann jederzeit [...] den bei Erstabschluss des S-Deals. Nicht...
                    </div>
                </div>
                <div class="list-group-item">
                    <div class="row">
                        <div class="col-8 list-item-header-container">
                            <i class="fa fa-file-pdf-o fa-lg mr-2"></i>
                            <a class="list-item-header">All-in-One Empfehlung</a>
                        </div>
                        <div class="col-4 list-item-category-container">
                            <div class="list-item-category">Privatkunden</div>
                        </div>
                    </div>
                    <div class="list-item-body">
                        en bei Erstabschluss des XL-Deals. Nicht promotionsberechtigt sind Wechsel innerhalb bestehender Kombi-Produkte. Spezialpreis gilt 1 Jahr lang ab Aufschaltdatum. Das Wunschprodukt für danach kann jederzeit [...] den bei Erstabschluss des S-Deals. Nicht...
                    </div>
                </div>
                <div class="list-group-item">
                    <div class="row">
                        <div class="col-8 list-item-header-container">
                            <a class="list-item-header">All-in-One Empfehlung</a>
                        </div>
                        <div class="col-4 list-item-category-container">
                            <div class="list-item-category">Privatkunden</div>
                        </div>
                    </div>
                    <div class="list-item-body">
                        en bei Erstabschluss des XL-Deals. Nicht promotionsberechtigt sind Wechsel innerhalb bestehender Kombi-Produkte. Spezialpreis gilt 1 Jahr lang ab Aufschaltdatum. Das Wunschprodukt für danach kann jederzeit [...] den bei Erstabschluss des S-Deals. Nicht...
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
{{{footer-navigation:/templates/components/footer-navigation.md template=default}}}
{{{footer:/templates/components/footer.md template=default}}}
```
*/
.search-results-title {
  font-size: 20px;
  margin-bottom: 0; }

.search-results .list-group-item {
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  padding: 2em 0; }
  .search-results .list-group-item:first-child {
    border-top: none; }
  .search-results .list-group-item .list-item-header-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .search-results .list-group-item .list-item-header-container .list-item-header {
      color: var(--color-primary);
      font-size: 18px; }
  .search-results .list-group-item .list-item-category-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .search-results .list-group-item .list-item-category-container .list-item-category {
      border: solid 2px var(--border);
      background-color: var(--surface);
      color: var(--color-primary);
      border-radius: 4px;
      font-weight: 400;
      font-size: 12px;
      padding: 6px; }
      .search-results .list-group-item .list-item-category-container .list-item-category:hover {
        color: var(--color-primary); }
      .search-results .list-group-item .list-item-category-container .list-item-category + .list-item-category {
        margin-left: 5px; }
  .search-results .list-group-item .list-item-body {
    padding-top: 1em; }

/*
---
name: Tab Media
category: QL Components
---

# Tab Media

```default.html
<ul class="nav nav-tabs justify-content-center" id="myTab" role="tablist">
  <li class="nav-item justify-content-center">
    <a
      class="nav-link active mx-1 mb-2 px-6 py-3"
      id="home-tab"
      data-toggle="tab"
      href="#home"
      role="tab"
      aria-controls="home"
      aria-selected="true"
      >Home</a
    >
    <div class="triangle-up"></div>
  </li>
  <li class="nav-item justify-content-center">
    <a
      class="nav-link mx-1 mb-2 px-6 py-3"
      id="profile-tab"
      data-toggle="tab"
      href="#profile"
      role="tab"
      aria-controls="profile"
      aria-selected="true"
      >profile</a
    >
    <div class="triangle-up"></div>
  </li>
    <li class="nav-item justify-content-center">
    <a
      class="nav-link mx-1 mb-2 px-6 py-3"
      id="contact-tab"
      data-toggle="tab"
      href="#contact"
      role="tab"
      aria-controls="contact"
      aria-selected="true"
      >contact</a
    >
    <div class="triangle-up"></div>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div
    class="tab-pane fade show active"
    id="home"
    role="tabpanel"
    aria-labelledby="home-tab"
  >
    <div class="row bg-light p-5">
      <div class="col-4 d-flex flex-column justify-content-center m-10">
        <div>
          <p>
            Mit dem neuen Quickline TV schauen Sie die besten Filme und Serien
            von Sky Show direkt auf Ihrem Fernseher. Sky Show jetzt 6 Monate
            inkludiert*. Schauen Sie die besten Filme und Serien von Sky Show
            unbegrenzt auf Quickline TV.
          </p>
          <a href="#" class="btn btn-primary btn-sm">Mehr über Netflix</a>
        </div>
      </div>
      <div class="col">
        <div class="embed-responsive embed-responsive-16by9">
          <iframe
            class="embed-responsive-item"
            src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0"
            allowfullscreen
          ></iframe>
        </div>
      </div>
    </div>
  </div>
  <div
    class="tab-pane fade"
    id="profile"
    role="tabpanel"
    aria-labelledby="profile-tab"
  >
    ...
  </div>
  <div
    class="tab-pane fade"
    id="contact"
    role="tabpanel"
    aria-labelledby="contact-tab"
  >
    ...
  </div>
</div>

```
*/
.nav-tabs .nav-item .triangle-up {
  margin: 0 auto;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid var(--border) !important;
  display: none; }

.nav-tabs .nav-item .nav-link.active + .triangle-up {
  display: block; }

.nav-tabs .nav-item .nav-link.active {
  background-color: var(--border);
  border: solid 2px var(--color-primary);
  border-radius: 6px;
  color: black; }

.nav-tabs .nav-item .nav-link {
  border: solid 2px var(--border);
  background-color: var(--surface);
  border-radius: 6px;
  color: var(--link-hover); }

.form-group.form-group-tel .input-group-prepend {
  width: 80px; }
  .form-group.form-group-tel .input-group-prepend span.dropdown-item {
    color: var(--color-primary); }
  .form-group.form-group-tel .input-group-prepend .dropdown-item:hover {
    cursor: pointer; }

.form-group.form-group-tel input[type=tel] {
  height: 60px;
  z-index: 10; }
  .form-group.form-group-tel input[type=tel]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    line-height: 45px; }
  .form-group.form-group-tel input[type=tel]::-moz-placeholder {
    /* Firefox 19+ */
    line-height: 45px; }
  .form-group.form-group-tel input[type=tel]:-ms-input-placeholder {
    /* IE 10+ */
    line-height: 45px; }
  .form-group.form-group-tel input[type=tel]:-moz-placeholder {
    /* Firefox 18- */
    line-height: 45px; }

.form-group.form-group-tel .btn.dropdown-toggle, .form-group.form-group-tel .dropdown-toggle.icon-tooltip, .form-group.form-group-tel .btn-list label.dropdown-toggle, .btn-list .form-group.form-group-tel label.dropdown-toggle, .form-group.form-group-tel .color-list label.dropdown-toggle, .color-list .form-group.form-group-tel label.dropdown-toggle, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .dropdown-toggle.list-item-category, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .dropdown-toggle.list-item-category {
  border-radius: 0.25rem;
  border-color: var(--border);
  color: #000000;
  font-weight: normal; }
  .form-group.form-group-tel .btn.dropdown-toggle.dropdown-toggle, .form-group.form-group-tel .dropdown-toggle.dropdown-toggle.icon-tooltip, .form-group.form-group-tel .btn-list label.dropdown-toggle.dropdown-toggle, .btn-list .form-group.form-group-tel label.dropdown-toggle.dropdown-toggle, .form-group.form-group-tel .color-list label.dropdown-toggle.dropdown-toggle, .color-list .form-group.form-group-tel label.dropdown-toggle.dropdown-toggle, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .dropdown-toggle.dropdown-toggle.list-item-category, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .dropdown-toggle.dropdown-toggle.list-item-category {
    width: inherit; }

.form-group.form-group-tel .btn:hover, .form-group.form-group-tel .icon-tooltip:hover, .form-group.form-group-tel .btn-list label:hover, .btn-list .form-group.form-group-tel label:hover, .form-group.form-group-tel .color-list label:hover, .color-list .form-group.form-group-tel label:hover, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:hover, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:hover, .form-group.form-group-tel .btn:focus, .form-group.form-group-tel .icon-tooltip:focus, .form-group.form-group-tel .btn-list label:focus, .btn-list .form-group.form-group-tel label:focus, .form-group.form-group-tel .color-list label:focus, .color-list .form-group.form-group-tel label:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:focus, .form-group.form-group-tel .btn:active, .form-group.form-group-tel .icon-tooltip:active, .form-group.form-group-tel .btn-list label:active, .btn-list .form-group.form-group-tel label:active, .form-group.form-group-tel .color-list label:active, .color-list .form-group.form-group-tel label:active, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:active, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:active {
  background-color: var(--link-hover); }
  .form-group.form-group-tel .btn:hover:focus, .form-group.form-group-tel .icon-tooltip:hover:focus, .form-group.form-group-tel .btn-list label:hover:focus, .btn-list .form-group.form-group-tel label:hover:focus, .form-group.form-group-tel .color-list label:hover:focus, .color-list .form-group.form-group-tel label:hover:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:hover:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:hover:focus, .form-group.form-group-tel .btn:focus:focus, .form-group.form-group-tel .icon-tooltip:focus:focus, .form-group.form-group-tel .btn-list label:focus:focus, .btn-list .form-group.form-group-tel label:focus:focus, .form-group.form-group-tel .color-list label:focus:focus, .color-list .form-group.form-group-tel label:focus:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:focus:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:focus:focus, .form-group.form-group-tel .btn:active:focus, .form-group.form-group-tel .icon-tooltip:active:focus, .form-group.form-group-tel .btn-list label:active:focus, .btn-list .form-group.form-group-tel label:active:focus, .form-group.form-group-tel .color-list label:active:focus, .color-list .form-group.form-group-tel label:active:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:active:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:active:focus {
    border-color: #000000; }

.page-item.active .page-link {
  color: #fff;
  background-color: var(--color-primary);
  border-color: var(--color-primary); }

.page-item.page-item-width-1 {
  width: 38px; }

.page-item.page-item-width-2 {
  width: 45px; }

.form-group.form-group-tel .input-group-prepend {
  width: 80px; }
  .form-group.form-group-tel .input-group-prepend span.dropdown-item {
    color: var(--color-primary); }
  .form-group.form-group-tel .input-group-prepend .dropdown-item:hover {
    cursor: pointer; }

.form-group.form-group-tel input[type=tel] {
  height: 60px;
  z-index: 10; }
  .form-group.form-group-tel input[type=tel]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    line-height: 45px; }
  .form-group.form-group-tel input[type=tel]::-moz-placeholder {
    /* Firefox 19+ */
    line-height: 45px; }
  .form-group.form-group-tel input[type=tel]:-ms-input-placeholder {
    /* IE 10+ */
    line-height: 45px; }
  .form-group.form-group-tel input[type=tel]:-moz-placeholder {
    /* Firefox 18- */
    line-height: 45px; }

.form-group.form-group-tel .btn.dropdown-toggle, .form-group.form-group-tel .dropdown-toggle.icon-tooltip, .form-group.form-group-tel .btn-list label.dropdown-toggle, .btn-list .form-group.form-group-tel label.dropdown-toggle, .form-group.form-group-tel .color-list label.dropdown-toggle, .color-list .form-group.form-group-tel label.dropdown-toggle, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .dropdown-toggle.list-item-category, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .dropdown-toggle.list-item-category {
  border-radius: 0.25rem;
  border-color: var(--border);
  color: #000000;
  font-weight: normal; }
  .form-group.form-group-tel .btn.dropdown-toggle.dropdown-toggle, .form-group.form-group-tel .dropdown-toggle.dropdown-toggle.icon-tooltip, .form-group.form-group-tel .btn-list label.dropdown-toggle.dropdown-toggle, .btn-list .form-group.form-group-tel label.dropdown-toggle.dropdown-toggle, .form-group.form-group-tel .color-list label.dropdown-toggle.dropdown-toggle, .color-list .form-group.form-group-tel label.dropdown-toggle.dropdown-toggle, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .dropdown-toggle.dropdown-toggle.list-item-category, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .dropdown-toggle.dropdown-toggle.list-item-category {
    width: inherit; }

.form-group.form-group-tel .btn:hover, .form-group.form-group-tel .icon-tooltip:hover, .form-group.form-group-tel .btn-list label:hover, .btn-list .form-group.form-group-tel label:hover, .form-group.form-group-tel .color-list label:hover, .color-list .form-group.form-group-tel label:hover, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:hover, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:hover, .form-group.form-group-tel .btn:focus, .form-group.form-group-tel .icon-tooltip:focus, .form-group.form-group-tel .btn-list label:focus, .btn-list .form-group.form-group-tel label:focus, .form-group.form-group-tel .color-list label:focus, .color-list .form-group.form-group-tel label:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:focus, .form-group.form-group-tel .btn:active, .form-group.form-group-tel .icon-tooltip:active, .form-group.form-group-tel .btn-list label:active, .btn-list .form-group.form-group-tel label:active, .form-group.form-group-tel .color-list label:active, .color-list .form-group.form-group-tel label:active, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:active, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:active {
  background-color: var(--link-hover); }
  .form-group.form-group-tel .btn:hover:focus, .form-group.form-group-tel .icon-tooltip:hover:focus, .form-group.form-group-tel .btn-list label:hover:focus, .btn-list .form-group.form-group-tel label:hover:focus, .form-group.form-group-tel .color-list label:hover:focus, .color-list .form-group.form-group-tel label:hover:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:hover:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:hover:focus, .form-group.form-group-tel .btn:focus:focus, .form-group.form-group-tel .icon-tooltip:focus:focus, .form-group.form-group-tel .btn-list label:focus:focus, .btn-list .form-group.form-group-tel label:focus:focus, .form-group.form-group-tel .color-list label:focus:focus, .color-list .form-group.form-group-tel label:focus:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:focus:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:focus:focus, .form-group.form-group-tel .btn:active:focus, .form-group.form-group-tel .icon-tooltip:active:focus, .form-group.form-group-tel .btn-list label:active:focus, .btn-list .form-group.form-group-tel label:active:focus, .form-group.form-group-tel .color-list label:active:focus, .color-list .form-group.form-group-tel label:active:focus, .form-group.form-group-tel .search-results .list-group-item .list-item-category-container .list-item-category:active:focus, .search-results .list-group-item .list-item-category-container .form-group.form-group-tel .list-item-category:active:focus {
    border-color: #000000; }

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 4px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 2px solid var(--border);
  border-radius: 0.25rem;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .form-control {
      -webkit-transition: none;
      transition: none; } }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #000000;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent; }
  .form-control::-webkit-input-placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control::-moz-placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control:-ms-input-placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control::placeholder {
    color: var(--text-muted);
    opacity: 1; }
  .form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1; }

select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff; }

.form-control-file,
.form-control-range {
  display: block;
  width: 100%; }

.col-form-label {
  padding-top: calc(0.375rem + 2px);
  padding-bottom: calc(0.375rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5; }

.col-form-label-lg {
  padding-top: calc(1rem + 2px);
  padding-bottom: calc(1rem + 2px);
  font-size: 1.125rem;
  line-height: 1.5; }

.col-form-label-sm {
  padding-top: calc(0.25rem + 2px);
  padding-bottom: calc(0.25rem + 2px);
  font-size: 0.875rem;
  line-height: 1.5; }

.form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--text);
  background-color: transparent;
  border: solid transparent;
  border-width: 2px 0; }
  .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm {
  height: calc(1.5em + 0.5rem + 4px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.form-control-lg {
  height: calc(1.5em + 2rem + 4px);
  padding: 1rem 1.5rem;
  font-size: 1.125rem;
  line-height: 1.5;
  border-radius: 0.3rem; }

select.form-control[size], select.form-control[multiple] {
  height: auto; }

textarea.form-control {
  height: 150px; }

.form-group {
  margin-bottom: 1rem; }
  .form-group label,
  .form-group a:not([href]):not([tabindex]) {
    color: var(--text-muted); }

.form-text {
  display: block;
  margin-top: 0.25rem; }

.form-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }
  .form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 15px;
    padding-left: 15px; }

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem; }

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem; }
  .form-check-input:disabled ~ .form-check-label {
    color: var(--text-muted); }

.form-check-label {
  margin-bottom: 0; }

.form-check-inline {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem; }
  .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0.3125rem;
    margin-left: 0; }

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--success); }

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: var(--color-secondary);
  border-radius: 0.25rem; }

.was-validated .form-control:valid, .form-control.is-valid, .form-group .form-control.valid {
    border-color: var(--color-secondary);
    padding-right: calc(1.5em + 0.75rem);
}
    .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .form-group .form-control.valid:focus {
        border-color: var(--color-secondary);
        -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    }
  .was-validated .form-control:valid ~ .valid-feedback,
  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-group .form-control.valid ~ .valid-feedback,
  .form-control.is-valid ~ .valid-tooltip,
  .form-group .form-control.valid ~ .valid-tooltip {
    display: block; }

.was-validated textarea.form-control:valid, textarea.form-control.is-valid, .form-group textarea.form-control.valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:valid, .custom-select.is-valid {
    border-color: var(--color-secondary);
    padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
}
    .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
        border-color: var(--color-secondary);
        -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    }
  .was-validated .custom-select:valid ~ .valid-feedback,
  .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,
  .custom-select.is-valid ~ .valid-tooltip {
    display: block; }

.was-validated .form-control-file:valid ~ .valid-feedback,
.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,
.form-control-file.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
    color: var(--color-secondary);
}

.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
    color: var(--color-secondary);
}
    .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
        border-color: var(--color-secondary);
    }

.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: var(--color-secondary);
    background-color: var(--color-secondary);
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25); }

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--color-secondary);
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
    border-color: var(--color-secondary);
}

.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip {
  display: block; }

.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: var(--color-secondary);
    -webkit-box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.25);
}

.invalid-feedback, .form-group .field-validation-error, .validation-summary-errors ul li {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: var(--danger); }

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: .1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: var(--danger);
  border-radius: 0.25rem; }

.was-validated .form-control:invalid, .form-control.is-invalid, .form-group .form-control.input-validation-error {
  border-color: var(--danger);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  -webkit-background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .form-group .form-control.input-validation-error:focus {
    border-color: var(--danger);
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }
  .was-validated .form-control:invalid ~ .invalid-feedback, .was-validated .form-group .form-control:invalid ~ .field-validation-error, .form-group .was-validated .form-control:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .form-control:invalid ~ li, .validation-summary-errors ul .was-validated .form-control:invalid ~ li,
  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-group .form-control.input-validation-error ~ .invalid-feedback, .form-group .form-control.is-invalid ~ .field-validation-error, .form-group .form-control.input-validation-error ~ .field-validation-error, .validation-summary-errors ul .form-control.is-invalid ~ li, .form-group .validation-summary-errors ul .form-control.input-validation-error ~ li, .validation-summary-errors ul .form-group .form-control.input-validation-error ~ li,
  .form-control.is-invalid ~ .invalid-tooltip,
  .form-group .form-control.input-validation-error ~ .invalid-tooltip {
    display: block; }

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid, .form-group textarea.form-control.input-validation-error {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: var(--danger);
  padding-right: calc((1em + 0.75rem) * 3 / 4 + 1.75rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
  .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
    border-color: var(--danger);
    -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
    box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }
  .was-validated .custom-select:invalid ~ .invalid-feedback, .was-validated .form-group .custom-select:invalid ~ .field-validation-error, .form-group .was-validated .custom-select:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .custom-select:invalid ~ li, .validation-summary-errors ul .was-validated .custom-select:invalid ~ li,
  .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .form-group .custom-select.is-invalid ~ .field-validation-error, .validation-summary-errors ul .custom-select.is-invalid ~ li,
  .custom-select.is-invalid ~ .invalid-tooltip {
    display: block; }

.was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-group .form-control-file:invalid ~ .field-validation-error, .form-group .was-validated .form-control-file:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .form-control-file:invalid ~ li, .validation-summary-errors ul .was-validated .form-control-file:invalid ~ li,
.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-group .form-control-file.is-invalid ~ .field-validation-error, .validation-summary-errors ul .form-control-file.is-invalid ~ li,
.form-control-file.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--danger); }

.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-group .form-check-input:invalid ~ .field-validation-error, .form-group .was-validated .form-check-input:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .form-check-input:invalid ~ li, .validation-summary-errors ul .was-validated .form-check-input:invalid ~ li,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-group .form-check-input.is-invalid ~ .field-validation-error, .validation-summary-errors ul .form-check-input.is-invalid ~ li,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: var(--danger); }
  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
    border-color: var(--danger); }

.was-validated .custom-control-input:invalid ~ .invalid-feedback, .was-validated .form-group .custom-control-input:invalid ~ .field-validation-error, .form-group .was-validated .custom-control-input:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .custom-control-input:invalid ~ li, .validation-summary-errors ul .was-validated .custom-control-input:invalid ~ li,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .form-group .custom-control-input.is-invalid ~ .field-validation-error, .validation-summary-errors ul .custom-control-input.is-invalid ~ li,
.custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d; }

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }

.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--danger); }

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: var(--danger); }

.was-validated .custom-file-input:invalid ~ .invalid-feedback, .was-validated .form-group .custom-file-input:invalid ~ .field-validation-error, .form-group .was-validated .custom-file-input:invalid ~ .field-validation-error, .was-validated .validation-summary-errors ul .custom-file-input:invalid ~ li, .validation-summary-errors ul .was-validated .custom-file-input:invalid ~ li,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .form-group .custom-file-input.is-invalid ~ .field-validation-error, .validation-summary-errors ul .custom-file-input.is-invalid ~ li,
.custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block; }

.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: var(--danger);
  -webkit-box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25);
  box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.25); }

.form-inline {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .form-inline .form-check {
    width: 100%; }
  @media (min-width: 576px) {
    .form-inline label {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-bottom: 0; }
    .form-inline .form-group {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 0; }
    .form-inline .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle; }
    .form-inline .form-control-plaintext {
      display: inline-block; }
    .form-inline .input-group,
    .form-inline .custom-select {
      width: auto; }
    .form-inline .form-check {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: auto;
      padding-left: 0; }
    .form-inline .form-check-input {
      position: relative;
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-top: 0;
      margin-right: 0.25rem;
      margin-left: 0; }
    .form-inline .custom-control {
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .form-inline .custom-control-label {
      margin-bottom: 0; } }

.form-group .field-validation-error {
  color: var(--field-validation-error-text);
  display: block; }
  .form-group .field-validation-error::before {
    content: 'Achtung! ';
    font-weight: bold;
    color: var(--danger); }

.validation-summary-errors ul li {
  display: block;
  color: #000; }
  .validation-summary-errors ul li::before {
    content: 'Achtung! ';
    font-weight: bold;
    color: var(--danger); }

.validation-summary-errors ul {
  padding-left: 0; }

.btn.btn-link, .icon-tooltip, .btn-list label.btn-link, .btn-list label.icon-tooltip, .color-list label.btn-link, .color-list label.icon-tooltip, .search-results .list-group-item .list-item-category-container .btn-link.list-item-category, .search-results .list-group-item .list-item-category-container .list-item-category.icon-tooltip {
  font-size: 12px; }
  @media (min-width: 576px) and (max-width: 992px) {
    .btn.btn-link, .icon-tooltip, .btn-list label.btn-link, .btn-list label.icon-tooltip, .color-list label.btn-link, .color-list label.icon-tooltip, .search-results .list-group-item .list-item-category-container .btn-link.list-item-category, .search-results .list-group-item .list-item-category-container .list-item-category.icon-tooltip {
      font-size: calc(0.75em + .5vw); } }
  @media (min-width: 992px) {
    .btn.btn-link, .icon-tooltip, .btn-list label.btn-link, .btn-list label.icon-tooltip, .color-list label.btn-link, .color-list label.icon-tooltip, .search-results .list-group-item .list-item-category-container .btn-link.list-item-category, .search-results .list-group-item .list-item-category-container .list-item-category.icon-tooltip {
      font-size: 1rem; } }
  .btn.btn-link.btn-link-primary, .btn-link-primary.icon-tooltip, .btn-list label.btn-link.btn-link-primary, .color-list label.btn-link.btn-link-primary, .search-results .list-group-item .list-item-category-container .btn-link.btn-link-primary.list-item-category, .search-results .list-group-item .list-item-category-container .btn-link-primary.list-item-category.icon-tooltip {
    vertical-align: baseline;
    border: 0;
    padding: 0;
    /*border-bottom: solid 2px $primary-red;*/
    border-radius: 0;
    /*&:hover {
                border-bottom: solid 2px $shade-darkgrey;
            }*/ }
    .btn.btn-link.btn-link-primary:active, .btn-link-primary.icon-tooltip:active, .btn-list label.btn-link.btn-link-primary:active, .color-list label.btn-link.btn-link-primary:active, .search-results .list-group-item .list-item-category-container .btn-link.btn-link-primary.list-item-category:active, .search-results .list-group-item .list-item-category-container .btn-link-primary.list-item-category.icon-tooltip:active, .btn.btn-link.btn-link-primary:focus, .btn-link-primary.icon-tooltip:focus, .btn-list label.btn-link.btn-link-primary:focus, .color-list label.btn-link.btn-link-primary:focus, .search-results .list-group-item .list-item-category-container .btn-link.btn-link-primary.list-item-category:focus, .search-results .list-group-item .list-item-category-container .btn-link-primary.list-item-category.icon-tooltip:focus, .btn.btn-link.btn-link-primary:hover, .btn-link-primary.icon-tooltip:hover, .btn-list label.btn-link.btn-link-primary:hover, .color-list label.btn-link.btn-link-primary:hover, .search-results .list-group-item .list-item-category-container .btn-link.btn-link-primary.list-item-category:hover, .search-results .list-group-item .list-item-category-container .btn-link-primary.list-item-category.icon-tooltip:hover, .btn.btn-link.btn-link-primary:focus-within, .btn-link-primary.icon-tooltip:focus-within, .btn-list label.btn-link.btn-link-primary:focus-within, .color-list label.btn-link.btn-link-primary:focus-within, .search-results .list-group-item .list-item-category-container .btn-link.btn-link-primary.list-item-category:focus-within, .search-results .list-group-item .list-item-category-container .btn-link-primary.list-item-category.icon-tooltip:focus-within, .btn.btn-link.btn-link-primary:visited, .btn-link-primary.icon-tooltip:visited, .btn-list label.btn-link.btn-link-primary:visited, .color-list label.btn-link.btn-link-primary:visited, .search-results .list-group-item .list-item-category-container .btn-link.btn-link-primary.list-item-category:visited, .search-results .list-group-item .list-item-category-container .btn-link-primary.list-item-category.icon-tooltip:visited {
      text-decoration: none; }

.option-default .option-header {
  border: 2px solid var(--border);
  border-bottom: 0; }

.option-default .option-panel {
  margin-bottom: 24px;
  padding: 25px;
  border: 2px solid var(--border);
  border-top: 0; }
  .option-default .option-panel .form-group:last-child {
    margin-bottom: 0; }

.popover {
  border: solid 0.1rem var(--color-primary);
  -webkit-box-shadow: #aaaaaa 3px 6px 8px;
  box-shadow: #aaaaaa 3px 6px 8px; }
  .popover .popover-body a {
    font-size: inherit; }

body[class="body-dev body-stage"] .popover {
    top: -25px !important;
}

.bs-popover-left > .arrow:before, .bs-popover-auto[x-placement^="left"] > .arrow:before {
    left: .06rem;
    border-left-color: var(--color-primary); }

.bs-popover-right > .arrow:before, .bs-popover-auto[x-placement^="right"] > .arrow:before {
  left: -.06rem;
  border-right-color: var(--color-primary); }

input:focus::-webkit-input-placeholder {
  color: transparent; }

/* FF 4-18 */
input:focus:-moz-placeholder {
  color: transparent; }

/* FF 19+ */
input:focus::-moz-placeholder {
  color: transparent; }

/* IE 10+ */
input:focus:-ms-input-placeholder {
  color: transparent; }

span.twitter-typeahead {
  width: 100%; }

.tt-query,
.tt-hint {
  /*width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;*/ }

.tt-query {
  /* UPDATE: newer versions use tt-input instead of tt-query */ }

.tt-menu {
  /* UPDATE: newer versions use tt-menu instead of tt-dropdown-menu */
  width: 422px;
  margin-top: 2px;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px; }
  .tt-suggestion.tt-suggestion.tt-cursor {
    /* UPDATE: newer versions use .tt-suggestion.tt-cursor */
    color: #fff;
    background-color: var(--color-primary);
    cursor: pointer; }
  .tt-suggestion p {
    margin: 0; }

#floatingCirclesG {
  position: relative;
  width: 186px;
  height: 186px;
  margin: auto;
  transform: scale(0.6);
  -o-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6); }

.f_circleG {
  position: absolute;
  background-color: var(--border);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  animation-name: f_fadeG;
  -o-animation-name: f_fadeG;
  -ms-animation-name: f_fadeG;
  -webkit-animation-name: f_fadeG;
  -moz-animation-name: f_fadeG;
  animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal; }

#frotateG_01 {
  left: 0;
  top: 76px;
  animation-delay: 0.45s;
  -o-animation-delay: 0.45s;
  -ms-animation-delay: 0.45s;
  -webkit-animation-delay: 0.45s;
  -moz-animation-delay: 0.45s; }

#frotateG_02 {
  left: 22px;
  top: 22px;
  animation-delay: 0.6s;
  -o-animation-delay: 0.6s;
  -ms-animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
  -moz-animation-delay: 0.6s; }

#frotateG_03 {
  left: 76px;
  top: 0;
  animation-delay: 0.75s;
  -o-animation-delay: 0.75s;
  -ms-animation-delay: 0.75s;
  -webkit-animation-delay: 0.75s;
  -moz-animation-delay: 0.75s; }

#frotateG_04 {
  right: 22px;
  top: 22px;
  animation-delay: 0.9s;
  -o-animation-delay: 0.9s;
  -ms-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
  -moz-animation-delay: 0.9s; }

#frotateG_05 {
  right: 0;
  top: 76px;
  animation-delay: 1.05s;
  -o-animation-delay: 1.05s;
  -ms-animation-delay: 1.05s;
  -webkit-animation-delay: 1.05s;
  -moz-animation-delay: 1.05s; }

#frotateG_06 {
  right: 22px;
  bottom: 22px;
  animation-delay: 1.2s;
  -o-animation-delay: 1.2s;
  -ms-animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay: 1.2s; }

#frotateG_07 {
  left: 76px;
  bottom: 0;
  animation-delay: 1.35s;
  -o-animation-delay: 1.35s;
  -ms-animation-delay: 1.35s;
  -webkit-animation-delay: 1.35s;
  -moz-animation-delay: 1.35s; }

#frotateG_08 {
  left: 22px;
  bottom: 22px;
  animation-delay: 1.5s;
  -o-animation-delay: 1.5s;
  -ms-animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay: 1.5s; }

@keyframes f_fadeG {
  0% {
    background-color: var(--color-primary); }
  100% {
    background-color: var(--border); } }

@-ms-keyframes f_fadeG {
  0% {
    background-color: var(--color-primary); }
  100% {
    background-color: var(--border); } }

@-webkit-keyframes f_fadeG {
  0% {
    background-color: var(--color-primary); }
  100% {
    background-color: var(--border); } }

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*background-color: rgba(255,255,255,0.8);*/
  text-align: center;
  z-index: 1000; }
  .loading-overlay .loading-overlay__content {
    /*background-color: $var(--surface);*/
    padding: 20px;
    border-radius: 0.25rem; }

#floatingCirclesG + .loading__text {
  text-align: center;
  color: #242424;
  font-weight: bold; }

.breadcrumb .progress-tracker {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto 20px auto;
  padding: 0;
  list-style: none;
  width: inherit; }

.breadcrumb .progress-tracker--text .progress-step:last-child, .breadcrumb .progress-tracker--center .progress-step:last-child, .breadcrumb .progress-tracker--right .progress-step:last-child {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }

.breadcrumb .progress-tracker--center {
  text-align: center; }
  .breadcrumb .progress-tracker--center .progress-marker::before, .breadcrumb .progress-tracker--center .progress-text--dotted::before {
    margin-left: auto;
    margin-right: auto; }
  .breadcrumb .progress-tracker--center .progress-marker::after {
    right: -50%; }

.breadcrumb .progress-step {
  -webkit-flex: 1 1 0%;
  -ms-flex: 1 1 0%;
  flex: 1 1 0%;
  margin: 0;
  padding: 0;
  min-width: 30px; }
  .breadcrumb .progress-step:last-child {
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0; }
    .breadcrumb .progress-step:last-child .progress-marker::after {
      display: none; }

.breadcrumb .progress-link {
  display: block;
  position: relative; }

.breadcrumb .progress-marker {
  display: block;
  position: relative; }
  .breadcrumb .progress-marker::before {
    content: "";
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 20;
    width: 30px;
    height: 30px;
    padding-bottom: 2px;
    border-radius: 50%;
    -webkit-transition: background-color, border-color;
    transition: background-color, border-color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border: 2px solid var(--color-primary); }
  .breadcrumb .progress-marker::after {
    content: '';
    display: block;
    position: absolute;
    z-index: -10;
    top: 14px;
    right: -15px;
    width: 100%;
    height: 2px;
    -webkit-transition: background-color 0.3s, background-position 0.3s;
    transition: background-color 0.3s, background-position 0.3s; }

.breadcrumb .progress-text {
  display: block;
  padding: 8px 10px;
  overflow: hidden;
  text-overflow: ellipsis; }

.breadcrumb .progress-title {
  margin-top: 0;
  font-size: calc(0.75em + .5vw); }

.breadcrumb .progress-step {
  /*&:hover {
        .progress-state($color-marker-hover);
        }*/ }
  .breadcrumb .progress-step .progress-marker {
    color: var(--color-primary); }
    .breadcrumb .progress-step .progress-marker::before {
      background-color: var(--border);
      border-color: var(--border); }
    .breadcrumb .progress-step .progress-marker::after {
      background-color: var(--border); }
  .breadcrumb .progress-step .progress-text {
    color: #333; }
  .breadcrumb .progress-step.is-active .progress-marker {
    color: var(--border); }
    .breadcrumb .progress-step.is-active .progress-marker::before {
      background-color: var(--bg);
      border-color: var(--color-primary); }
    .breadcrumb .progress-step.is-active .progress-marker::after {
      background-color: var(--border); }
  .breadcrumb .progress-step.is-active .progress-text {
    color: #333; }
  .breadcrumb .progress-step.is-complete .progress-marker {
    color: var(--border); }
    .breadcrumb .progress-step.is-complete .progress-marker::before {
      background-color: var(--color-primary);
      border-color: var(--color-primary); }
    .breadcrumb .progress-step.is-complete .progress-marker::after {
      background-color: var(--color-primary); }
  .breadcrumb .progress-step.is-complete .progress-text {
    color: #333; }
  .breadcrumb .progress-step.is-complete .progress-marker::before {
    /*font-family: 'Glyphicons Halflings';*/
    content: "\2714 ";
    font-size: large; }
  .breadcrumb .progress-step a {
    text-decoration: none; }

.breadcrumb .selected-product {
  border: 2px solid var(--color-primary); }

/*
    This is just a temporary file. The content will be merged into already existing scss files.
*/
.tmpCustomerData .infoPanel {
  padding: 6px 12px; }

.tmpCustomerData input[type=text], .tmpCustomerData input[type=email], .tmpCustomerData input[type=password], .tmpCustomerData input[type=checkbox], .tmpCustomerData select {
  height: 60px;
  z-index: 10; }
  .tmpCustomerData input[type=text]::-webkit-input-placeholder, .tmpCustomerData input[type=email]::-webkit-input-placeholder, .tmpCustomerData input[type=password]::-webkit-input-placeholder, .tmpCustomerData input[type=checkbox]::-webkit-input-placeholder, .tmpCustomerData select::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    line-height: 45px; }
  .tmpCustomerData input[type=text]::-moz-placeholder, .tmpCustomerData input[type=email]::-moz-placeholder, .tmpCustomerData input[type=password]::-moz-placeholder, .tmpCustomerData input[type=checkbox]::-moz-placeholder, .tmpCustomerData select::-moz-placeholder {
    /* Firefox 19+ */
    line-height: 45px; }
  .tmpCustomerData input[type=text]:-ms-input-placeholder, .tmpCustomerData input[type=email]:-ms-input-placeholder, .tmpCustomerData input[type=password]:-ms-input-placeholder, .tmpCustomerData input[type=checkbox]:-ms-input-placeholder, .tmpCustomerData select:-ms-input-placeholder {
    /* IE 10+ */
    line-height: 45px; }
  .tmpCustomerData input[type=text]:-moz-placeholder, .tmpCustomerData input[type=email]:-moz-placeholder, .tmpCustomerData input[type=password]:-moz-placeholder, .tmpCustomerData input[type=checkbox]:-moz-placeholder, .tmpCustomerData select:-moz-placeholder {
    /* Firefox 18- */
    line-height: 45px; }

.tmpCustomerData .modal-content .modal-body input[type="text"], .tmpCustomerData .modal-content .modal-body select {
  height: 40px; }
  .tmpCustomerData .modal-content .modal-body input[type="text"]::-webkit-input-placeholder, .tmpCustomerData .modal-content .modal-body select::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    line-height: inherit; }
  .tmpCustomerData .modal-content .modal-body input[type="text"]::-moz-placeholder, .tmpCustomerData .modal-content .modal-body select::-moz-placeholder {
    /* Firefox 19+ */
    line-height: inherit; }
  .tmpCustomerData .modal-content .modal-body input[type="text"]:-ms-input-placeholder, .tmpCustomerData .modal-content .modal-body select:-ms-input-placeholder {
    /* IE 10+ */
    line-height: inherit; }
  .tmpCustomerData .modal-content .modal-body input[type="text"]:-moz-placeholder, .tmpCustomerData .modal-content .modal-body select:-moz-placeholder {
    /* Firefox 18- */
    line-height: inherit; }

.tmpCustomerData .modal-content .modal-body .alert-danger ul {
  margin: 0;
  padding: 0; }
  .tmpCustomerData .modal-content .modal-body .alert-danger ul li {
    font-size: 0.75em; }

.tmpCustomerData #customerAddress .addressField {
  background-color: var(--bg-card);
  padding: 20px; }

.tmpCustomerData .footnote .w-20p {
  width: 20px; }


#collapseCartDetails {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    width: 100%;
    -webkit-box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.21176);
    box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.21176);
    /*Overwrite .container class*/
    padding-right: 0;
}

#cartPlaceholder {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 50;
}

#cartPlaceholder {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

#cartPlaceholder .cart-body {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background-color: var(--surface);
    -webkit-box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.21176);
    box-shadow: 0px 1px 5px 3px rgba(0, 0, 0, 0.21176);
    z-index: 10;
}

#cartPlaceholder .cart-body .icon-cart {
    font-size: 32px;
    color: var(--primary);
}

#cartPlaceholder div[href="#collapseCartDetails"] .icon-angle-up:before {
    -webkit-transition: -webkit-transform 0.35s ease-in-out;
    transition: transform 0.35s ease-in-out;
}
#cartPlaceholder div[href="#collapseCartDetails"]:not(.collapsed) .icon-angle-up::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"].ie-h-24 {
    height: 24px; }
  img[src*=".svg"].ie-h-30 {
    height: 30px; }
  img[src*=".svg"].ie-h-40 {
    height: 40px; }
  img[src*=".svg"].ie-h-45 {
    height: 45px; }
  img[src*=".svg"].ie-h-50 {
    height: 50px; }
  img[src*=".svg"].ie-h-60 {
    height: 60px; }
  .checkbox-selected,
  .checkbox-not-selected {
    height: 24px; }
  .responsive-product-icon {
    height: 40px; } }

.tooltip-inner {
  max-width: 80vw; }

.text-sm {
  font-size: 0.75rem; }

.default-border-radius {
  border-radius: 0.25rem; }

header {
  height: 40px;
  width: 100%;
  background-color: #fff;
  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); 
  border-bottom: 1px solid var(--header-border-color);
}

.breadcrumb {
  width: 100%; }

.logo-letter {
  position: absolute;
  top: 130px;
  z-index: -1; }

.line-through {
  text-decoration: line-through; }

.hide-old-price .oldPrice {
  display: none; }

@media (min-width: 576px) {
  header {
    height: 75px; }
  .min-width-200 {
    min-width: 200px; }
  .collapse.custom-collapse:not(.show) {
    display: none !important; } }

.max-width-110 {
  max-width: 110px; }

body {
  background-color: var(--bg);
  position: relative;
  /* footer padding */
  padding-bottom: 100px;
  min-height: 100vh; }
  body footer {
    position: absolute;
    bottom: 0;
    width: 100%; }
    body footer a {
      font-weight: normal; }
  body.body-summary {
    background-color: transparent; }
  body .option-default .custom-control.custom-checkbox > .custom-control-label {
    max-width: calc(100% - 120px); }

.s {
  padding: 20px; }

.underline {
  text-decoration: underline; }

.pointer {
  cursor: pointer; }

.cursor-default {
  cursor: default; }

.arrow-down-wrapper img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.collapsed .arrow-down-wrapper img {
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0); }

.d-if-collapsed {
  display: none; }

.d-if-not-collapsed {
  display: block; }

.collapsed .d-if-collapsed {
  display: block; }

.collapsed .d-if-not-collapsed {
  display: none; }

.responsive-product-icon {
  max-height: 40px; }

.promo-circle {
  position: absolute;
  right: -20px;
  top: -25px;
  background-color: var(--color-primary) !important;
  color: #fff;
  border-radius: 100%;
  padding: 20px;
  width: 8rem;
  height: 8rem;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  z-index: 10; }

.promo-circle + .card-title {
  max-width: 65%; }

@media (max-width: 767.98px) {
  body {
    padding-bottom: 55px; }
  #contentPlaceholder {
    overflow: hidden; }
  .promo-circle {
    right: 0px;
    top: -15px;
    padding: 10px;
    width: 6rem;
    height: 6rem; } }

.normal-weight {
  font-weight: normal; }

.btn-custom {
  text-align: left;
  font-weight: normal;
  padding: 15px;
  width: 100%;
  background-color: var(--bg-btn);
  border: 2px solid var(--border);
  border-radius: 0.3rem; }
  .btn-custom i {
    float: right; }
  .btn-custom i.icon-plus::before {
    font-size: 1.5rem; }
  .btn-custom:disabled {
    background-color: var(--border); }

.selected-mobile-color {
  border: 2px solid var(--color-primary) !important; }

.bg-footer {
    background-color: var(--footer-bg) !important;
    color: var(--footer-text);
    background-image: none;
}

.bg-footer a { color: inherit;}

.body-dev {
  background-image: url(/Content/images/orderDev.png);
  background-position-x: center;
  background-position-y: top;
  background-repeat: repeat-x;
  margin-top: 25px;   
}

table.table-custom th {
  border-bottom: 0 !important; }


header {
    background-color: var(--header-bg);
    color: var(--header-text);
}

.logo {
    content: var(--logo); 
}

.product-category {
    background-color: var(--border) !important;
}

.invert-img {
    -webkit-filter: var(--invert-img);
    filter: var(--invert-img);
}

.option-landline-second {
    background-color: var(--border) !important;
}

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

.datepicker-dropdown,
.datepicker-dropdown.dropdown-menu,
.datepicker.dropdown-menu {
    background-color: var(--datepicker-bg) !important;
    color: var(--datepicker-text) !important;
    border: 1px solid var(--datepicker-border) !important;
    border-radius: 0.25rem;
}

.datepicker table tr td,
.datepicker table tr th {
    color: var(--datepicker-text);
}

.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: var(--datepicker-hover-bg) !important;
    color: var(--datepicker-text) !important;
    cursor: pointer;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover {
    background-color: var(--datepicker-today-bg) !important;
    color: var(--datepicker-today-text) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.active:hover {
    background-color: var(--datepicker-active-bg) !important;
    color: var(--datepicker-active-text) !important;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker .dow {
    background-color: var(--datepicker-header-bg);
    color: var(--datepicker-text);
}

.form-control.datepicker,
.form-control.datepicker-customer-identity {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--datepicker-border) !important;
}

.datepicker table tr td span {
    background: var(--datepicker-bg);
    color: var(--datepicker-text);
}

.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: var(--datepicker-hover-bg) !important;
    color: var(--datepicker-text) !important;
    cursor: pointer;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.active:hover {
    background: var(--datepicker-active-bg) !important;
    color: var(--datepicker-active-text) !important;
}

.datepicker table tr td span.today,
.datepicker table tr td span.today:hover {
    background: var(--datepicker-today-bg) !important;
    color: var(--datepicker-today-text) !important;
}

input.form-control.datepicker,
input.form-control.datepicker-customer-identity {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--datepicker-border) !important;
}

.form-group.p .form-control.datepicker,
.form-group.p .form-control.datepicker-customer-identity {
    background-color: var(--bg) !important; 
    color: var(--text) !important; 
    border: 1px solid var(--datepicker-border) !important;
}

.form-group.p .form-control.datepicker:focus,
.form-group.p .form-control.datepicker-customer-identity:focus {
    background-color: var(--bg) !important;
    color: var(--text) !important;
    border: 1px solid var(--datepicker-border) !important;
    -webkit-box-shadow: none;
    box-shadow: none; 
}
.validationindicator {
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: right 8px center;
    padding-right: 28px !important;
}

    .validationindicator.input-validation-error {
        background-image: url(../images/form-cross.png);
    }

    .validationindicator.valid {
        background-image: url(../images/form-tick.png);
    }

input[type="radio"][disabled],
.radio input[type="radio"]:disabled ~ label::before,
.radio input[type="radio"]:disabled ~ label,
input[type="text"][readonly],
select:disabled {
    cursor: default !important;
}
.label.label-product-note {
    color: #878787;
}


.position-relative {
    position: relative;
}

.input-group-text-nobackground {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    border-radius: 0.25rem;
}