/* Minification failed. Returning unminified contents.
(162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(412,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(413,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1181,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(1183,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(1194,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1210,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1211,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1213,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1214,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1215,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1216,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1217,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1292,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1337,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1339,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(1350,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1360,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1361,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1362,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1363,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1364,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1371,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1372,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1373,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1374,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1375,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1376,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1521,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(1563,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(1577,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1586,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1607,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1609,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(1620,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1646,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(1648,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(1659,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(1665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1667,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1668,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1669,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1670,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1671,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1672,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1675,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1676,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1677,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1680,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1681,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1682,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2275,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2276,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2277,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2278,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2279,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2281,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2317,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2336,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2358,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2427,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2429,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(2435,33): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2440,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2441,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(2467,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(2545,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(2590,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(2596,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2598,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2599,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2600,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2601,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2602,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2603,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2606,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2607,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2609,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3422,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3424,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3426,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4007,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4009,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(4020,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4023,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(4025,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(4036,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4271,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(4300,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4372,15): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4478,15): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4481,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4533,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4536,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4554,15): run-time error CSS1039: Token not allowed after unary operator: '-maintext'
(4603,16): run-time error CSS1039: Token not allowed after unary operator: '-filterBright'
(4607,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4609,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(4622,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4628,15): run-time error CSS1039: Token not allowed after unary operator: '-maintext'
(4635,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4735,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4786,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(4788,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(4801,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(4849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4852,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4862,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4863,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4864,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4865,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4866,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4999,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5001,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(5013,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(5060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5319,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5436,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5447,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5448,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5449,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5493,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(5502,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(5509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5610,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5616,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5621,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5622,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5626,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5627,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5686,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5687,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5688,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5690,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5692,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5693,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5734,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5737,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5738,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5739,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5742,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5743,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5744,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5764,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5777,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5778,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5810,32): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(5843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5853,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5877,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(5943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6030,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6081,26): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6085,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(6102,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6178,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6179,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6216,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6248,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6284,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(6294,15): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6302,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6395,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6418,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6419,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6420,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6421,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6478,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6480,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(6491,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6494,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6496,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(6507,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6563,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6586,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6610,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6632,27): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(6642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6643,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6644,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6645,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6646,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6647,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6648,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6649,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6653,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6654,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6655,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6656,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6659,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6689,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(6691,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(6703,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(6712,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6713,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6714,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6715,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6724,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6725,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6808,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6809,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6810,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6815,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6816,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6818,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7012,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7022,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7024,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(7036,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7052,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(7065,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7154,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7190,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7192,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7194,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7196,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7197,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7200,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7201,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7202,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7203,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7205,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7235,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7237,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(7248,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7267,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7268,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7269,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7274,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7401,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7402,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7411,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7413,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7415,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7416,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7417,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7465,26): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7492,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7503,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7521,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7523,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(7543,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(7695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7696,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7697,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7700,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7702,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7705,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7707,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7708,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7709,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7711,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7712,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7755,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7756,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7757,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7759,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7760,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7762,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7765,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7766,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7767,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7840,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7841,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7842,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7843,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7972,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(7987,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8151,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(8153,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(8164,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(8221,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8327,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8329,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8333,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8334,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8343,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8344,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8394,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8409,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8428,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8429,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8430,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8431,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8433,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8434,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8438,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8439,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8440,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8441,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8442,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8443,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8444,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8445,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8462,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8463,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(8511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8558,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8560,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(8571,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(8577,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8578,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8579,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8580,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8582,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8583,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8584,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8587,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8588,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8589,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8590,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8593,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8594,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8652,33): run-time error CSS1039: Token not allowed after unary operator: '-lightblue2'
(8669,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(8671,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(8682,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(8877,15): run-time error CSS1039: Token not allowed after unary operator: '-maintext'
(9189,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9190,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9326,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9327,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9328,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9329,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9330,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9331,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9335,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9336,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9337,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9339,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9341,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9342,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9360,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9421,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9448,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9450,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9462,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9489,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9517,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9519,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9530,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9533,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9535,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(9546,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9553,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9555,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9565,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9566,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9567,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9568,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9569,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9570,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9587,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9671,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9673,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9685,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9732,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9734,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9747,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9769,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9771,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9772,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9775,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9776,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9779,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9781,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9782,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9783,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9821,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(9825,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9827,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9838,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9883,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(9885,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(9897,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(9922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9936,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9961,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10018,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10020,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10031,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10102,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10133,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10135,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10146,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10168,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10169,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10195,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10233,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10235,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10248,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10286,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10287,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10288,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10289,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10290,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10291,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10325,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10337,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10393,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10394,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10395,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10397,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10399,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10400,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10403,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10404,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10405,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10406,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10407,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10408,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10409,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10474,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10476,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10487,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10499,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10500,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10501,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10502,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10551,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10553,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10554,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10557,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10559,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10561,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10562,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10563,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10564,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10583,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10613,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10615,15): run-time error CSS1039: Token not allowed after unary operator: '-button2-text'
(10626,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10667,16): run-time error CSS1039: Token not allowed after unary operator: '-filterBright'
(10674,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10676,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10691,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10717,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10718,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10721,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10726,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10728,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10729,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10731,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10761,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10763,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(10778,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(10784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10785,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10786,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10787,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10788,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10789,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10790,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10791,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10794,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10795,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10796,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10797,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10798,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10799,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10800,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10801,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10818,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10844,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10845,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10846,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10847,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10848,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10849,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10850,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10851,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10857,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10860,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10861,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10878,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10899,30): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(10908,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(10937,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11050,20): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(11084,15): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11106,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11119,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11131,27): run-time error CSS1039: Token not allowed after unary operator: '-lightblue'
(11141,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11143,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(11154,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(11160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11167,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11171,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11172,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11173,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11175,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11176,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11177,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11258,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11260,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(11273,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
(11285,20): run-time error CSS1039: Token not allowed after unary operator: '-blue'
(11287,15): run-time error CSS1039: Token not allowed after unary operator: '-button-text'
(11300,20): run-time error CSS1039: Token not allowed after unary operator: '-darkblue'
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
pre {
  white-space: normal;
}
header,
footer,
div,
span,
p,
ul,
li,
a,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
time,
b,
a:before,
a:after,
nav,
label,
abbr {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.userblocked {
  display: none;
}
.cmsmodul.userblocked:before {
  content: 'Du bist gesperrt';
  background: #c40303;
  color: #fff;
  padding: 20px;
  display: block;
}
html.en .cmsmodul.userblocked:before {
  content: 'You´re blocked';
}
/*Define here for which modules we should show "you are blocked" */

.casino-games.cmsmodul.userblocked,
.casino-gamedetails.cmsmodul.userblocked,
.sportsbook.cmsmodul.userblocked {
  display: block;
}


/*    
    Only used for the selection via CMS Inside > module
*/

/*effect start*/
.FadeIn { }
.Padding20 { padding: 20px; }
.Padding40 { }
.Padding60 { }
.Padding80 { }
.PaddingRight40 { padding-right: 40px; }
.PaddingRight60 { padding-right: 60px; }
.PaddingRight80 { padding-right: 80px; }
.PaddingTopBottom100 { padding-top: 100px; padding-bottom:100px; }
.PaddingTopBottom140 { padding-top: 140px; padding-bottom:140px; }
.PaddingTopBottom100LeftRight40 { padding: 100px 40px; }
.PaddingTopBottom140LeftRight40 { padding: 140px 40px; }
.PaddingTopBottom20LeftRight60 { padding: 20px 60px; }
.MarginTop40 { margin-top:40px;}
.MarginBottom40 { margin-bottom:40px;}
.MarginTopBottom40 { margin-top:40px; margin-bottom:40px;}
.MaxWidth400 {}
.MaxWidth800 {}
.MaxWidth1200 { max-width:1200px; margin:0 auto!important;}
.MaxWidth1400 { max-width:1400px; margin:0 auto!important;}
.MaxWidth900_WhiteBackground { background:white; padding:0 calc(50% - 450px); }
.MaxWidth1100_WhiteBackground { background:white; padding:0 calc(50% - 550px); }
/*effect end*/

/*all start*/
.padding20 {} /*Padding 20px*/
.padding40 {} /*Padding 40px*/
.maxwidth600 { max-width:600px;margin:0 auto;} /*MaxWidth 600px*/
.maxwidth800 {} /*MaxWidth 800px*/
.howitworks {} /*How it works*/
.BoxTransparentSmall {} /*MaxWidth 900px*/
/*all end*/

/*4 start*/
.gallery-casino {} /*Casino Banner*/
/*4 end*/

/*5 start*/
.box {} /*Box with Padding*/
.box1 { max-width:1440px; margin-left:auto!important; margin-right:auto!important;} /*Max Width and Padding*/
.box2 {} /*Max Width, light bg and Padding*/
/*5 end*/

/*109 start*/
/*109 end*/

/*24 start*/
.newsbg1 {} /*Promo Hintergrund*/
/*24 end*/

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.container.box1 {
  max-width: 1640px;
  margin: 0 auto;
}
.container.box1 .col-item {
  padding: 20px 10px !important;
}
@media screen and (min-width: 1300px) {
  .container.box1 .col-item {
    padding: 40px !important;
  }
}
.maxwidth800,
.MaxWidth800 {
  max-width: 800px;
  margin: 0 auto;
}
.padding20,
.Padding20 {
  padding: 20px;
}
.padding40,
.Padding40 {
  padding: 40px;
}
.BoxTransparentSmall {
  max-width: 900px;
  margin: 0 auto;
}
.container.box {
  padding: 20px;
}
@media screen and (min-width: 1600px) {
  .container.box {
    padding: 40px calc(50% - 788px);
  }
}
.box2 {
  background: #edf6fd;
  padding: 40px 20px;
  margin: 40px 0 0 0 !important;
  align-items: center;
}
@media screen and (min-width: 1500px) {
  .box2 {
    padding: 40px calc(50% - 720px);
  }
}
.box2 .col-item {
  padding: 20px 10px !important;
}
@media screen and (min-width: 1300px) {
  .box2 .col-item {
    padding: 40px !important;
  }
}
.cmsmodul.text.howitworks {
  background: #fff;
  padding: 50px 20px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.text.howitworks {
    padding: 100px calc(50% - 450px);
  }
}
.cmsmodul.text.howitworks ul {
  list-style: none;
  margin: 35px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 35px;
  counter-reset: step;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.text.howitworks ul {
    flex-direction: row;
  }
}
.cmsmodul.text.howitworks ul li {
  padding: 10px 10px 20px 10px;
  text-align: center;
  border-radius: 12px;
  font-weight: bold;
  font-size: 1.1em;
  background: #edf6fd;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.text.howitworks ul li {
    width: calc(50% - 20px);
  }
}
.cmsmodul.text.howitworks ul li::before {
  position: relative;
  left: auto;
  top: auto;
  display: block;
  margin: 0 auto 10px auto;
  counter-increment: step;
  content: counter(step);
  width: 36px;
  height: 36px;
  border-radius: 50px;
  background: var(--blue);
  color: var(--button-text);
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  filter: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btns .button {
  display: block;
  margin-bottom: 10px;
}
@media screen and (min-width: 800px) {
  .btns .button {
    display: inline-block;
    margin-bottom: 0;
  }
}
html[data-theme='dark'] .box2 {
  background: #111 url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}
html[data-theme='dark'] .cmsmodul.text.howitworks {
  background: #262626 url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}
html[data-theme='dark'] .cmsmodul.text.howitworks ul li {
  background: rgba(0, 0, 0, 0.5);
}
html[data-theme='dark'] .cmsmodul.text.howitworks ul li:before {
  border: 2px solid #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.container.cols {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}
.cmsmodul.container.cols .col-item {
  padding: 10px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.container.cols .col-item {
    padding: 10px 0;
  }
  .cmsmodul.container.cols .col-item .cms-section.box {
    height: 100%;
  }
  .cmsmodul.container.cols .col-item.sm1.c1 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm2.c1 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm3.c1 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm4.c1 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm5.c1 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm6.c1 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm7.c1 {
    width: 14.28%;
  }
  .cmsmodul.container.cols .col-item.sm8.c1 {
    width: 12.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c1 {
    width: 11.11%;
  }
  .cmsmodul.container.cols .col-item.sm10.c1 {
    width: 10%;
  }
  .cmsmodul.container.cols .col-item.sm11.c1 {
    width: 9.09%;
  }
  .cmsmodul.container.cols .col-item.sm12.c1 {
    width: 8.33%;
  }
  .cmsmodul.container.cols .col-item.sm13.c1 {
    width: 7.69%;
  }
  .cmsmodul.container.cols .col-item.sm14.c1 {
    width: 7.14%;
  }
  .cmsmodul.container.cols .col-item.sm15.c1 {
    width: 6.66%;
  }
  .cmsmodul.container.cols .col-item.sm16.c1 {
    width: 6.25%;
  }
  .cmsmodul.container.cols .col-item.sm17.c1 {
    width: 5.88%;
  }
  .cmsmodul.container.cols .col-item.sm18.c1 {
    width: 5.55%;
  }
  .cmsmodul.container.cols .col-item.sm19.c1 {
    width: 5.26%;
  }
  .cmsmodul.container.cols .col-item.sm20.c1 {
    width: 5%;
  }
  .cmsmodul.container.cols .col-item.sm21.c1 {
    width: 4.76%;
  }
  .cmsmodul.container.cols .col-item.sm22.c1 {
    width: 4.54%;
  }
  .cmsmodul.container.cols .col-item.sm23.c1 {
    width: 4.34%;
  }
  .cmsmodul.container.cols .col-item.sm24.c1 {
    width: 4.16%;
  }
  .cmsmodul.container.cols .col-item.sm25.c1 {
    width: 4%;
  }
  .cmsmodul.container.cols .col-item.sm26.c1 {
    width: 3.84%;
  }
  .cmsmodul.container.cols .col-item.sm27.c1 {
    width: 3.7%;
  }
  .cmsmodul.container.cols .col-item.sm28.c1 {
    width: 3.57%;
  }
  .cmsmodul.container.cols .col-item.sm29.c1 {
    width: 3.44%;
  }
  .cmsmodul.container.cols .col-item.sm30.c1 {
    width: 3.33%;
  }
  .cmsmodul.container.cols .col-item.sm31.c1 {
    width: 3.22%;
  }
  .cmsmodul.container.cols .col-item.sm32.c1 {
    width: 3.12%;
  }
  .cmsmodul.container.cols .col-item.sm33.c1 {
    width: 3.03%;
  }
  .cmsmodul.container.cols .col-item.sm34.c1 {
    width: 2.94%;
  }
  .cmsmodul.container.cols .col-item.sm35.c1 {
    width: 2.85%;
  }
  .cmsmodul.container.cols .col-item.sm36.c1 {
    width: 2.77%;
  }
  .cmsmodul.container.cols .col-item.sm37.c1 {
    width: 2.7%;
  }
  .cmsmodul.container.cols .col-item.sm38.c1 {
    width: 2.63%;
  }
  .cmsmodul.container.cols .col-item.sm39.c1 {
    width: 2.56%;
  }
  .cmsmodul.container.cols .col-item.sm40.c1 {
    width: 2.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c1 {
    width: 2.43%;
  }
  .cmsmodul.container.cols .col-item.sm42.c1 {
    width: 2.38%;
  }
  .cmsmodul.container.cols .col-item.sm43.c1 {
    width: 2.32%;
  }
  .cmsmodul.container.cols .col-item.sm44.c1 {
    width: 2.27%;
  }
  .cmsmodul.container.cols .col-item.sm3.c3 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm4.c3 {
    width: 75%;
  }
  .cmsmodul.container.cols .col-item.sm5.c3 {
    width: 60%;
  }
  .cmsmodul.container.cols .col-item.sm6.c3 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm7.c3 {
    width: 42.85%;
  }
  .cmsmodul.container.cols .col-item.sm8.c3 {
    width: 37.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c3 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm10.c3 {
    width: 30%;
  }
  .cmsmodul.container.cols .col-item.sm11.c3 {
    width: 27.27%;
  }
  .cmsmodul.container.cols .col-item.sm12.c3 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm13.c3 {
    width: 23.07%;
  }
  .cmsmodul.container.cols .col-item.sm14.c3 {
    width: 21.42%;
  }
  .cmsmodul.container.cols .col-item.sm15.c3 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm16.c3 {
    width: 18.75%;
  }
  .cmsmodul.container.cols .col-item.sm17.c3 {
    width: 17.64%;
  }
  .cmsmodul.container.cols .col-item.sm18.c3 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm19.c3 {
    width: 15.78%;
  }
  .cmsmodul.container.cols .col-item.sm20.c3 {
    width: 15%;
  }
  .cmsmodul.container.cols .col-item.sm21.c3 {
    width: 14.28%;
  }
  .cmsmodul.container.cols .col-item.sm22.c3 {
    width: 13.63%;
  }
  .cmsmodul.container.cols .col-item.sm23.c3 {
    width: 13.04%;
  }
  .cmsmodul.container.cols .col-item.sm24.c3 {
    width: 12.5%;
  }
  .cmsmodul.container.cols .col-item.sm25.c3 {
    width: 12%;
  }
  .cmsmodul.container.cols .col-item.sm26.c3 {
    width: 11.53%;
  }
  .cmsmodul.container.cols .col-item.sm27.c3 {
    width: 11.11%;
  }
  .cmsmodul.container.cols .col-item.sm28.c3 {
    width: 10.71%;
  }
  .cmsmodul.container.cols .col-item.sm29.c3 {
    width: 10.34%;
  }
  .cmsmodul.container.cols .col-item.sm30.c3 {
    width: 10%;
  }
  .cmsmodul.container.cols .col-item.sm31.c3 {
    width: 9.67%;
  }
  .cmsmodul.container.cols .col-item.sm32.c3 {
    width: 9.37%;
  }
  .cmsmodul.container.cols .col-item.sm33.c3 {
    width: 9.09%;
  }
  .cmsmodul.container.cols .col-item.sm34.c3 {
    width: 8.82%;
  }
  .cmsmodul.container.cols .col-item.sm35.c3 {
    width: 8.57%;
  }
  .cmsmodul.container.cols .col-item.sm36.c3 {
    width: 8.33%;
  }
  .cmsmodul.container.cols .col-item.sm37.c3 {
    width: 8.1%;
  }
  .cmsmodul.container.cols .col-item.sm38.c3 {
    width: 7.89%;
  }
  .cmsmodul.container.cols .col-item.sm39.c3 {
    width: 7.69%;
  }
  .cmsmodul.container.cols .col-item.sm40.c3 {
    width: 7.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c3 {
    width: 7.31%;
  }
  .cmsmodul.container.cols .col-item.sm42.c3 {
    width: 7.14%;
  }
  .cmsmodul.container.cols .col-item.sm43.c3 {
    width: 6.97%;
  }
  .cmsmodul.container.cols .col-item.sm44.c3 {
    width: 6.81%;
  }
  .cmsmodul.container.cols .col-item.sm5.c5 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm6.c5 {
    width: 83.33%;
  }
  .cmsmodul.container.cols .col-item.sm7.c5 {
    width: 71.42%;
  }
  .cmsmodul.container.cols .col-item.sm8.c5 {
    width: 62.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c5 {
    width: 55.55%;
  }
  .cmsmodul.container.cols .col-item.sm10.c5 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm11.c5 {
    width: 45.45%;
  }
  .cmsmodul.container.cols .col-item.sm12.c5 {
    width: 41.66%;
  }
  .cmsmodul.container.cols .col-item.sm13.c5 {
    width: 38.46%;
  }
  .cmsmodul.container.cols .col-item.sm14.c5 {
    width: 35.71%;
  }
  .cmsmodul.container.cols .col-item.sm15.c5 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm16.c5 {
    width: 31.25%;
  }
  .cmsmodul.container.cols .col-item.sm17.c5 {
    width: 29.41%;
  }
  .cmsmodul.container.cols .col-item.sm18.c5 {
    width: 27.77%;
  }
  .cmsmodul.container.cols .col-item.sm19.c5 {
    width: 26.31%;
  }
  .cmsmodul.container.cols .col-item.sm20.c5 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm21.c5 {
    width: 23.8%;
  }
  .cmsmodul.container.cols .col-item.sm22.c5 {
    width: 22.72%;
  }
  .cmsmodul.container.cols .col-item.sm23.c5 {
    width: 21.73%;
  }
  .cmsmodul.container.cols .col-item.sm24.c5 {
    width: 20.83%;
  }
  .cmsmodul.container.cols .col-item.sm25.c5 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm26.c5 {
    width: 19.23%;
  }
  .cmsmodul.container.cols .col-item.sm27.c5 {
    width: 18.51%;
  }
  .cmsmodul.container.cols .col-item.sm28.c5 {
    width: 17.85%;
  }
  .cmsmodul.container.cols .col-item.sm29.c5 {
    width: 17.24%;
  }
  .cmsmodul.container.cols .col-item.sm30.c5 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm31.c5 {
    width: 16.12%;
  }
  .cmsmodul.container.cols .col-item.sm32.c5 {
    width: 15.62%;
  }
  .cmsmodul.container.cols .col-item.sm33.c5 {
    width: 15.15%;
  }
  .cmsmodul.container.cols .col-item.sm34.c5 {
    width: 14.7%;
  }
  .cmsmodul.container.cols .col-item.sm35.c5 {
    width: 14.28%;
  }
  .cmsmodul.container.cols .col-item.sm36.c5 {
    width: 13.88%;
  }
  .cmsmodul.container.cols .col-item.sm37.c5 {
    width: 13.51%;
  }
  .cmsmodul.container.cols .col-item.sm38.c5 {
    width: 13.15%;
  }
  .cmsmodul.container.cols .col-item.sm39.c5 {
    width: 12.82%;
  }
  .cmsmodul.container.cols .col-item.sm40.c5 {
    width: 12.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c5 {
    width: 12.19%;
  }
  .cmsmodul.container.cols .col-item.sm42.c5 {
    width: 11.9%;
  }
  .cmsmodul.container.cols .col-item.sm43.c5 {
    width: 11.62%;
  }
  .cmsmodul.container.cols .col-item.sm44.c5 {
    width: 11.36%;
  }
  .cmsmodul.container.cols .col-item.sm7.c7 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm8.c7 {
    width: 87.5%;
  }
  .cmsmodul.container.cols .col-item.sm9.c7 {
    width: 77.77%;
  }
  .cmsmodul.container.cols .col-item.sm10.c7 {
    width: 70%;
  }
  .cmsmodul.container.cols .col-item.sm11.c7 {
    width: 63.63%;
  }
  .cmsmodul.container.cols .col-item.sm12.c7 {
    width: 58.33%;
  }
  .cmsmodul.container.cols .col-item.sm13.c7 {
    width: 53.84%;
  }
  .cmsmodul.container.cols .col-item.sm14.c7 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm15.c7 {
    width: 46.66%;
  }
  .cmsmodul.container.cols .col-item.sm16.c7 {
    width: 43.75%;
  }
  .cmsmodul.container.cols .col-item.sm17.c7 {
    width: 41.17%;
  }
  .cmsmodul.container.cols .col-item.sm18.c7 {
    width: 38.88%;
  }
  .cmsmodul.container.cols .col-item.sm19.c7 {
    width: 36.84%;
  }
  .cmsmodul.container.cols .col-item.sm20.c7 {
    width: 35%;
  }
  .cmsmodul.container.cols .col-item.sm21.c7 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm22.c7 {
    width: 31.81%;
  }
  .cmsmodul.container.cols .col-item.sm23.c7 {
    width: 30.43%;
  }
  .cmsmodul.container.cols .col-item.sm24.c7 {
    width: 29.16%;
  }
  .cmsmodul.container.cols .col-item.sm25.c7 {
    width: 28%;
  }
  .cmsmodul.container.cols .col-item.sm26.c7 {
    width: 26.92%;
  }
  .cmsmodul.container.cols .col-item.sm27.c7 {
    width: 25.92%;
  }
  .cmsmodul.container.cols .col-item.sm28.c7 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm29.c7 {
    width: 24.13%;
  }
  .cmsmodul.container.cols .col-item.sm30.c7 {
    width: 23.33%;
  }
  .cmsmodul.container.cols .col-item.sm31.c7 {
    width: 22.58%;
  }
  .cmsmodul.container.cols .col-item.sm32.c7 {
    width: 21.87%;
  }
  .cmsmodul.container.cols .col-item.sm33.c7 {
    width: 21.21%;
  }
  .cmsmodul.container.cols .col-item.sm34.c7 {
    width: 20.58%;
  }
  .cmsmodul.container.cols .col-item.sm35.c7 {
    width: 20%;
  }
  .cmsmodul.container.cols .col-item.sm36.c7 {
    width: 19.44%;
  }
  .cmsmodul.container.cols .col-item.sm37.c7 {
    width: 18.91%;
  }
  .cmsmodul.container.cols .col-item.sm38.c7 {
    width: 18.42%;
  }
  .cmsmodul.container.cols .col-item.sm39.c7 {
    width: 17.94%;
  }
  .cmsmodul.container.cols .col-item.sm40.c7 {
    width: 17.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c7 {
    width: 17.07%;
  }
  .cmsmodul.container.cols .col-item.sm42.c7 {
    width: 16.66%;
  }
  .cmsmodul.container.cols .col-item.sm43.c7 {
    width: 16.27%;
  }
  .cmsmodul.container.cols .col-item.sm44.c7 {
    width: 15.9%;
  }
  .cmsmodul.container.cols .col-item.sm9.c9 {
    width: 100%;
  }
  .cmsmodul.container.cols .col-item.sm10.c9 {
    width: 90%;
  }
  .cmsmodul.container.cols .col-item.sm11.c9 {
    width: 81.81%;
  }
  .cmsmodul.container.cols .col-item.sm12.c9 {
    width: 75%;
  }
  .cmsmodul.container.cols .col-item.sm13.c9 {
    width: 69.23%;
  }
  .cmsmodul.container.cols .col-item.sm14.c9 {
    width: 64.28%;
  }
  .cmsmodul.container.cols .col-item.sm15.c9 {
    width: 60%;
  }
  .cmsmodul.container.cols .col-item.sm16.c9 {
    width: 56.25%;
  }
  .cmsmodul.container.cols .col-item.sm17.c9 {
    width: 52.94%;
  }
  .cmsmodul.container.cols .col-item.sm18.c9 {
    width: 50%;
  }
  .cmsmodul.container.cols .col-item.sm19.c9 {
    width: 47.36%;
  }
  .cmsmodul.container.cols .col-item.sm20.c9 {
    width: 45%;
  }
  .cmsmodul.container.cols .col-item.sm21.c9 {
    width: 42.85%;
  }
  .cmsmodul.container.cols .col-item.sm22.c9 {
    width: 40.9%;
  }
  .cmsmodul.container.cols .col-item.sm23.c9 {
    width: 39.13%;
  }
  .cmsmodul.container.cols .col-item.sm24.c9 {
    width: 37.5%;
  }
  .cmsmodul.container.cols .col-item.sm25.c9 {
    width: 36%;
  }
  .cmsmodul.container.cols .col-item.sm26.c9 {
    width: 34.61%;
  }
  .cmsmodul.container.cols .col-item.sm27.c9 {
    width: 33.33%;
  }
  .cmsmodul.container.cols .col-item.sm28.c9 {
    width: 32.14%;
  }
  .cmsmodul.container.cols .col-item.sm29.c9 {
    width: 31.03%;
  }
  .cmsmodul.container.cols .col-item.sm30.c9 {
    width: 30%;
  }
  .cmsmodul.container.cols .col-item.sm31.c9 {
    width: 29.03%;
  }
  .cmsmodul.container.cols .col-item.sm32.c9 {
    width: 28.12%;
  }
  .cmsmodul.container.cols .col-item.sm33.c9 {
    width: 27.27%;
  }
  .cmsmodul.container.cols .col-item.sm34.c9 {
    width: 26.47%;
  }
  .cmsmodul.container.cols .col-item.sm35.c9 {
    width: 25.71%;
  }
  .cmsmodul.container.cols .col-item.sm36.c9 {
    width: 25%;
  }
  .cmsmodul.container.cols .col-item.sm37.c9 {
    width: 24.32%;
  }
  .cmsmodul.container.cols .col-item.sm38.c9 {
    width: 23.68%;
  }
  .cmsmodul.container.cols .col-item.sm39.c9 {
    width: 23.07%;
  }
  .cmsmodul.container.cols .col-item.sm40.c9 {
    width: 22.5%;
  }
  .cmsmodul.container.cols .col-item.sm41.c9 {
    width: 21.95%;
  }
  .cmsmodul.container.cols .col-item.sm42.c9 {
    width: 21.42%;
  }
  .cmsmodul.container.cols .col-item.sm43.c9 {
    width: 20.93%;
  }
  .cmsmodul.container.cols .col-item.sm44.c9 {
    width: 20.45%;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
#duplicate-check,
#launcher {
  transition: bottom 200ms ease-in-out;
}
#cookie-bar {
  background: #007de1;
  height: auto;
  line-height: 24px;
  color: #fff;
  text-align: center;
  padding: 12px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 90;
  display: flex;
  align-items: center;
  border-top: 5px solid rgba(255, 255, 255, 0.1);
}
@media screen and (min-width: 640px) {
  
}
#cookie-bar p {
  text-align: left;
  display: block;
  padding: 8px 15px;
  max-width: 840px;
  margin: 0 auto;
  line-height: 110%;
  text-align: center;
}
#cookie-bar p a {
  display: inline-block !important;
  margin: 8px 12px;
  color: #fff;
}
#cookie-bar p a:not(.cb-enable) {
  margin-bottom: 12px;
}
@media screen and (min-width: 640px) {
  #cookie-bar p a:not(.cb-enable) {
    margin-bottom: 0;
  }
}
#cookie-bar p a.cb-enable {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
#cookie-bar p a.cb-enable:hover,
#cookie-bar p a.cb-enable:focus {
  background: var(--darkblue);
  color: #fff;
}


/*Datepicker*/
.datepicker{display:none;position:absolute;padding:4px;margin-top:1px;direction:ltr}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:18px}.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}.datepicker table{border:0;margin:0;width:auto}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;cursor:pointer}.datepicker td{background:#fff}.datepicker td span.active,.datepicker td.active.day,.datepicker td.active.year{background:#2ba6cb}.datepicker td.new,.datepicker td.old{color:#999}.datepicker td.day.disabled{color:#eee}.datepicker td:hover{background:#f3f3f3}.datepicker th{background:#fff}.datepicker th span.active,.datepicker th.active.day,.datepicker th.active.year{background:#2ba6cb}.datepicker th.date-switch{width:145px}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker.days div.datepicker-days,.datepicker.months div.datepicker-months,.datepicker.years div.datepicker-years{display:block}.datepicker-dropdown:after,.datepicker-dropdown:before{content:'';display:inline-block;position:absolute}.datepicker thead tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:1px solid rgba(0,0,0,.2);top:-7px;left:6px}.datepicker-dropdown:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:7px}.datepicker-dropdown::after,.datepicker-dropdown::before,.datepicker>div{display:none}.datepicker-close{position:absolute;top:-30px;right:0;width:15px;height:30px;padding:0;display:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     
/*TIMEPICKER*/
.stwtimepicker-popup { display:block; width:430px; background:#fff; border:1px solid #888; position:absolute; z-index:50 }
.stwtimepicker-popup span { display:inline-block; cursor:pointer; box-sizing:border-box; width:10%; padding:6px 0; text-align:center; border-right:1px solid #888; font-size:.8em; }
.stwtimepicker-popup span:nth-child(10n+10) { border-right:none }
.stwtimepicker-popup span:hover { background:#eee }
/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Dialog*/

html.dialog-active body {
  overflow: hidden;
}
html.dialog-active body:before {
  background: rgba(0, 0, 0, 0.74);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  content: '';
  opacity: 1;
}
.dialog {
  background: #edf6fd;
  color: #000;
  border-top: 8px solid #007de1;
  padding: 20px;
  box-sizing: border-box;
  position: fixed;
  z-index: 100010;
  bottom: -1400px;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: auto;
  transition: bottom 400ms ease;
  -webkit-transition: bottom 400ms ease;
  -moz-transition: bottom 400ms ease;
  -o-transition: bottom 400ms ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@media screen and (min-width: 640px) {
  .dialog {
    height: auto;
    min-height: 80vh;
    box-shadow: 0 -5px 20px #969696;
  }
}
.dialog .close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  background: var(--blue);
  color: #fff;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
}
.dialog .close:before {
  content: 'X';
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-size: 16px;
  font-weight: 900;
  margin-top: 2px;
  color: #fff;
}
.dialog .close:hover {
  background: #ffcd1c;
}
.dialog .close:hover:before {
  color: #000;
}
.dialog.active {
  bottom: 0;
}
.dialog h3 {
  color: #000;
}
.pop-chartdetail.active {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: stretch;
}
.pop-chartdetail.active iframe {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
}
.pop-chartdetail.active .btns {
  margin-top: 20px;
  text-align: center;
}
.pop-chartdetail.active .btns button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.pop-chartdetail.active .btns button:hover,
.pop-chartdetail.active .btns button:focus {
  background: var(--darkblue);
}
[data-theme='dark'] .dialog {
  background: #555555;
  border-color: #e1bb36;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
#duplicate-check.hide {
  display: none;
}
#duplicate-check:not(.hide) {
  position: fixed;
  left: 10px;
  bottom: 0;
  margin-bottom: 15px;
  padding: 13px 22px;
  background-color: #0e0c01;
  border-radius: 23px;
  color: #007de1;
  min-width: 350px;
  z-index: 1000;
}
#duplicate-check:not(.hide) > p {
  max-width: 400px;
  font-size: 0.8rem;
}
#duplicate-check:not(.hide) br {
  display: none;
}
#duplicate-check:not(.hide) .centre {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "info info" "btn1 btn1" "btn2 btn2";
  column-gap: 12px;
  row-gap: 12px;
  margin-top: 6px;
}
@media screen and (min-width: 640px) {
  #duplicate-check:not(.hide) .centre {
    grid-template-areas: "info info" "btn1 btn2";
  }
}
#duplicate-check:not(.hide) .centre > a {
  flex: 1 1 auto;
}
#duplicate-check:not(.hide) .centre > a.dc-moreInfo {
  grid-area: btn1;
}
#duplicate-check:not(.hide) .centre > a.dc-accept {
  grid-area: btn2;
}
#duplicate-check:not(.hide) .centre #more-info {
  grid-area: info;
  position: relative;
  width: 100%;
  order: -1;
  background-color: #007de1;
  padding: 8px 24px 8px 12px;
  display: none;
  border-radius: 6px;
  font-size: 0.8em;
}
#duplicate-check:not(.hide) .centre #more-info.display {
  display: block;
}
#duplicate-check:not(.hide) .centre #more-info .dc-close {
  position: absolute;
  top: 5px;
  right: 5px;
}
#duplicate-check:not(.hide) .centre #more-info .devices {
  padding: 5px 0;
  display: block;
  border: none;
  text-align: left;
}
#duplicate-check:not(.hide) .centre #more-info .devices:not(:first-child) {
  border-top: #007de1;
}
#duplicate-check:not(.hide) .centre #more-info .devices .dc-logout {
  display: inline-block;
  margin: 4px 0 0 4px;
  text-transform: uppercase;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: 700;
  float: right;
}
#duplicate-check:not(.hide) .centre #more-info .devices .dc-logout:hover {
  text-decoration: underline;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.em-accounttransfer {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
}
.em-accounttransfer .transfer-money {
  text-align: center;
  background: var(--lightblue);
  padding: 30px 20px;
  border-radius: 8px;
  color: #111;
}
.em-accounttransfer .transfer-money.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.em-accounttransfer .transfer-money .value {
  font-weight: bold;
}
.em-accounttransfer .transfer-money .amount-container {
  margin: 20px 0;
}
.em-accounttransfer .transfer-money .amount-container input.amount {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 140px;
  margin: 20px 0;
  text-align: center;
  font-size: 1.2rem !important;
}
.em-accounttransfer .transfer-money .amount-container input.amount::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.em-accounttransfer .transfer-money .amount-container .amount-range {
  -webkit-appearance: none;
  /* Standard-Styles in Webkit (Chrome, Safari) entfernen */
  width: 300px;
  height: 12px;
  background: var(--lightblue2);
  border-radius: 6px;
  outline: none;
  /* Chrome, Safari, Edge */

  /* Firefox */

}
.em-accounttransfer .transfer-money .amount-container .amount-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--blue);
  cursor: pointer;
  border: none;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.em-accounttransfer .transfer-money .amount-container .amount-range::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--blue);
  cursor: pointer;
  border: none;
}
.em-accounttransfer .transfer-money .amount-container > div {
  position: relative;
}
.em-accounttransfer .transfer-money .amount-container > div .currency {
  position: absolute;
  left: calc(50% + 28px);
  top: 34px;
  font-size: 1.2rem !important;
  color: #edf6fd;
}
.em-accounttransfer .transfer-btn {
  padding-top: 20px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.em-accounttransfer .transfer-btn button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.em-accounttransfer .transfer-btn button:hover,
.em-accounttransfer .transfer-btn button:focus {
  background: var(--darkblue);
}
.em-accounttransfer .transfer-money-done {
  text-align: center;
  padding: 20px 0;
  margin: 20px 0;
}
.em-accounttransfer .transfer-money-done h2 {
  font-size: 1.5rem;
}
.em-accounttransfer .transfer-money-done .status-1 .icon-ok {
  display: block;
  background: url(/content/css/lopocacom2/images/thumbsup.gif) no-repeat center center;
  background-size: 100px 100px;
  width: 110px;
  height: 100px;
  border-radius: 250px;
  margin: 20px auto 40px auto;
}
.em-accounttransfer .transfer-money-done .status-2 .info {
  padding: 20px;
  border-radius: 8px;
  background: #edf6fd;
  color: #007de1;
}
.em-accounttransfer .transfer-money-done .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.em-accounttransfer .transfer-money-done .button:hover,
.em-accounttransfer .transfer-money-done .button:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.main_wrapper .pageerr {
  text-align: center;
  padding: 60px;
}
.main_wrapper .pageerr:before {
  background: #ffcd1c url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9Ikd1aWRlIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOndoaXRlO308L3N0eWxlPjwvZGVmcz48dGl0bGUvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE2LDJBMTQsMTQsMCwxLDAsMzAsMTYsMTQsMTQsMCwwLDAsMTYsMlptMCwyNkExMiwxMiwwLDEsMSwyOCwxNiwxMiwxMiwwLDAsMSwxNiwyOFpNMTMuODksMTAuNTVhMSwxLDAsMCwxLS41MiwxLjMxTDguNDIsMTRhMS4wOSwxLjA5LDAsMCwxLS4zOS4wOCwxLDEsMCwwLDEtLjQtMS45Mmw1LTIuMTJBMSwxLDAsMCwxLDEzLjg5LDEwLjU1Wk0xMiwxNi41QTEuNSwxLjUsMCwxLDEsMTAuNSwxNSwxLjUsMS41LDAsMCwxLDEyLDE2LjVabTEyLjg5LTMuMDVhMSwxLDAsMCwxLS45Mi42MSwxLjA5LDEuMDksMCwwLDEtLjM5LS4wOGwtNC45NS0yLjEyQTEsMSwwLDAsMSwxOS40MiwxMGw0Ljk1LDIuMTJBMSwxLDAsMCwxLDI0Ljg5LDEzLjQ1Wk0yMywxNi41QTEuNSwxLjUsMCwxLDEsMjEuNSwxNSwxLjUsMS41LDAsMCwxLDIzLDE2LjVaIi8+PC9zdmc+);
  margin: 20px auto;
  background-size: contain;
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  border-radius: 100px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Avenir @font1 for text and brandon @font2 for titles*/

/* Avenir Black */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Black.svg#Avenir-Black) format('svg');
  font-weight: 900;
  font-style: normal;
}
/* Avenir Black Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BlackOblique.svg#Avenir-BlackOblique) format('svg');
  font-weight: 900;
  font-style: italic;
}
/* Avenir Book */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Book.svg#Avenir-Book) format('svg');
  font-weight: 400;
  font-style: normal;
}
/* Avenir Book Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-BookOblique.svg#Avenir-BookOblique) format('svg');
  font-weight: 400;
  font-style: italic;
}
/* Avenir Heavy */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Heavy.svg#Avenir-Heavy) format('svg');
  font-weight: 700;
  font-style: normal;
}
/* Avenir Heavy Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-HeavyOblique.svg#Avenir-HeavyOblique) format('svg');
  font-weight: 700;
  font-style: italic;
}
/* Avenir Light */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Light.svg#Avenir-Light) format('svg');
  font-weight: 300;
  font-style: normal;
}
/* Avenir Light Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-LightOblique.svg#Avenir-LightOblique) format('svg');
  font-weight: 300;
  font-style: italic;
}
/* Avenir Medium */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Medium.svg#Avenir-Medium) format('svg');
  font-weight: 500;
  font-style: normal;
}
/* Avenir Medium Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-MediumOblique.svg#Avenir-MediumOblique) format('svg');
  font-weight: 500;
  font-style: italic;
}
/* Avenir Roman */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Roman.svg#Avenir-Roman) format('svg');
  font-weight: 400;
  font-style: normal;
}
/* Avenir Oblique */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/Avenir-Oblique.svg#Avenir-Oblique) format('svg');
  font-weight: 400;
  font-style: italic;
}
/* Avenir Next UltraLight */

@font-face {
  font-family: 'Avenir';
  src: url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.eot);
  src: url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.woff) format('woff'), url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.ttf) format('truetype'), url(/content/css/lopocacom2/fonts/avenir/AvenirNext-UltraLight.svg#AvenirNext-UltraLight) format('svg');
  font-weight: 100;
  font-style: normal;
}
/* Brandon Black */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk-webfont.woff) format('woff');
  font-weight: 900;
  font-style: normal;
}
/* Brandon Black Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_blk_it-webfont.woff) format('woff');
  font-weight: 900;
  font-style: italic;
}
/* Brandon Bold */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld-webfont.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}
/* Brandon Bold Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_bld_it-webfont.woff) format('woff');
  font-weight: 700;
  font-style: italic;
}
/* Brandon Medium */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_med-webfont.woff) format('woff');
  font-weight: 500;
  font-style: normal;
}
/* Brandon Medium Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_med_it-webfont.woff) format('woff');
  font-weight: 500;
  font-style: italic;
}
/* Brandon Regular */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg-webfont.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}
/* Brandon Regular Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_reg_it-webfont.woff) format('woff');
  font-weight: 400;
  font-style: italic;
}
/* Brandon Light */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_light-webfont.woff) format('woff');
  font-weight: 300;
  font-style: normal;
}
/* Brandon Light Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_light_it-webfont.woff) format('woff');
  font-weight: 300;
  font-style: italic;
}
/* Brandon Thin */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin-webfont.woff) format('woff');
  font-weight: 100;
  font-style: normal;
}
/* Brandon Thin Italic */

@font-face {
  font-family: 'Brandon';
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.eot);
  src: url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.eot?#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.woff2) format('woff2'), url(/content/css/lopocacom2/fonts/brandon/brandon_thin_it-webfont.woff) format('woff');
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'FontAwesome';
  src: url(/content/css/lopocacom2/fonts/fontawesome-webfont.eot?v=4.4.0);
  src: url(/content/css/lopocacom2/fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'), url(/content/css/lopocacom2/fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
footer {
  background: #edf6fd;
  padding-top: 20px;
}
footer a {
  text-decoration: none;
}
footer .social-media {
  text-align: center;
  padding: 40px 20px 0 20px;
}
footer .social-media .channels .title {
  font-family: 'Brandon';
  font-weight: 700;
  text-transform: uppercase;
}
footer .social-media .channels ul {
  display: flex;
  justify-content: center;
  margin: 8px 0 30px 0;
}
footer .social-media .channels ul li a {
  display: block;
  margin: 4px 8px;
  width: 25px;
  height: 25px;
  background: url(/content/css/lopocacom2/images/facebook.svg) no-repeat center center;
}
@media screen and (min-width: 800px) {
  footer .social-media .channels ul li a {
    width: 35px;
    height: 35px;
  }
}
footer .social-media .channels ul li a.instagram {
  background-image: url(/content/css/lopocacom2/images/instagram.svg);
}
footer .social-media .channels ul li a.linkedin {
  background-image: url(/content/css/lopocacom2/images/linkedin.svg);
}
footer .social-media .channels ul li a.youtube {
  background-image: url(/content/css/lopocacom2/images/ytube.svg);
}
footer .social-media .channels ul li a.telegram {
  background-image: url(/content/css/lopocacom2/images/telegram.svg);
}
footer .social-media .channels ul li a:hover,
footer .social-media .channels ul li a:focus {
  opacity: 0.5;
}
footer .social-media #cont-share {
  display: none;
}
footer .social-media #cont-share ul {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
footer .social-media #cont-share ul li a {
  display: block;
  margin: 4px;
  width: 25px;
  height: 25px;
  opacity: 0.6;
  background: url(/content/css/lopocacom2/images/facebook.svg) no-repeat center center;
}
footer .social-media #cont-share ul li a .share_text {
  display: none;
}
footer .social-media #cont-share ul li a:hover,
footer .social-media #cont-share ul li a:focus {
  opacity: 1;
}
footer .social-media #cont-share ul li.twitter a {
  background-image: url(/content/css/lopocacom2/images/x.svg);
}
footer .social-media #cont-share ul li.linkedin a {
  background-image: url(/content/css/lopocacom2/images/linkedin.svg);
}
footer .social-media #cont-share ul li.pinterest a {
  background-image: url(/content/css/lopocacom2/images/pinterest.svg);
}
footer .social-media #cont-share ul li.tumblr a {
  background-image: url(/content/css/lopocacom2/images/tumblr.svg);
}
footer .social-media #cont-share ul li.reddit a {
  background-image: url(/content/css/lopocacom2/images/reddit.svg);
}
footer .lng {
  text-align: center;
  margin-bottom: 20px;
}
footer .lng a {
  background: rgba(0, 0, 0, 0.7);
  padding: 6px 12px;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
}
footer .lng a:hover,
footer .lng a:focus {
  background: #111;
}
footer nav {
  padding: 10px;
}
footer nav ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
footer nav ul li a {
  display: block;
  color: #111;
  padding: 12px;
}
footer nav ul li a:hover,
footer nav ul li a:focus {
  text-decoration: underline;
}
footer .payments {
  display: flex;
  background: #007de1;
  padding: 40px 20px 20px 20px;
  justify-content: center;
  margin-top: 20px;
  flex-wrap: wrap;
}
footer .payments span,
footer .payments a {
  background: url(/content/css/lopocacom2/images/sprite-payments.png);
  height: 44px;
  margin: 8px;
  flex-shrink: 0;
}
footer .payments span.mastercard,
footer .payments a.mastercard {
  width: 69px;
  background-position-x: -75px;
}
footer .payments span.skrill,
footer .payments a.skrill {
  width: 62px;
  background-position-x: -150px;
}
footer .payments span.paysafecard,
footer .payments a.paysafecard {
  width: 116px;
  background-position-x: -225px;
}
footer .payments span.sepaexpress,
footer .payments a.sepaexpress {
  width: 94px;
  background-position-x: -525px;
}
footer .payments span.sofort,
footer .payments a.sofort {
  width: 41px;
  background-position-x: -675px;
}
footer .payments span.wiretransfer,
footer .payments a.wiretransfer {
  width: 36px;
  background-position-x: -750px;
}
footer .payments span.appleypay,
footer .payments a.appleypay {
  background: url(/content/css/lopocacom2/images/apple-pay.png) no-repeat;
  background-size: contain;
  width: 80px;
}
footer .payments span.interac,
footer .payments a.interac {
  background: url(/content/css/lopocacom2/images/interac.png) no-repeat;
  background-size: contain;
  width: 50px;
}
footer .links {
  display: flex;
  background: #007de1;
  padding: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
footer .links a {
  background: url(/content/css/lopocacom2/images/sprite-lnks.png);
  width: 39px;
  height: 44px;
  margin: 8px 15px;
  flex-shrink: 0;
}
footer .links a.mga {
  width: 122px;
  background-position-x: -75px;
}
footer .links a.responsible-gaming {
  width: 146px;
  background-position-x: -225px;
}
footer .links a.gli {
  width: 124px;
  background-position-x: -375px;
}
footer .info-section {
  background: #007de1;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  padding: 20px calc(50% - 340px);
  font-size: 0.9em;
}
footer .info-section a {
  color: #fff;
  text-decoration: none;
}
footer .info-section .address {
  padding-bottom: 20px;
}
footer .copyright {
  background: #007de1;
  padding: 20px 20px 40px 20px;
  color: #fff;
  text-align: center;
  font-size: 0.9em;
}
[data-theme='dark'] footer {
  background: #555555;
}
[data-theme='dark'] footer nav a {
  color: #fff;
}
[data-theme='dark'] footer .channels a {
  filter: brightness(0) invert(1);
}
[data-theme='dark'] footer .payments,
[data-theme='dark'] footer .links,
[data-theme='dark'] footer .info-section,
[data-theme='dark'] footer .copyright {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
main .grid,
main .earning-ownbenefit,
main .table-wrapper {
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
main .grid .gridbtns,
main .earning-ownbenefit .gridbtns,
main .table-wrapper .gridbtns {
  position: absolute;
  top: 15px;
  left: 0;
  z-index: 10;
}
main .grid .paging,
main .earning-ownbenefit .paging,
main .table-wrapper .paging {
  padding: 6px;
  color: var(--blue);
  font-size: 0.9em;
  text-align: right;
  position: relative;
  white-space: nowrap;
}
main .grid .paging select,
main .earning-ownbenefit .paging select,
main .table-wrapper .paging select {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: auto;
  padding: 2px 4px;
  color: var(--blue);
  font-weight: normal;
  vertical-align: middle;
  margin: 0 4px;
}
main .grid .paging select::placeholder,
main .earning-ownbenefit .paging select::placeholder,
main .table-wrapper .paging select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
main .grid .paging select.pagesize,
main .earning-ownbenefit .paging select.pagesize,
main .table-wrapper .paging select.pagesize {
  margin: 0 20px;
}
main .grid .paging:hover select,
main .earning-ownbenefit .paging:hover select,
main .table-wrapper .paging:hover select {
  background: var(--lightblue);
  color: #111;
}
main .grid .paging .totalpages,
main .earning-ownbenefit .paging .totalpages,
main .table-wrapper .paging .totalpages {
  margin-right: 18px;
}
main .grid .paging .back,
main .earning-ownbenefit .paging .back,
main .table-wrapper .paging .back,
main .grid .paging .next,
main .earning-ownbenefit .paging .next,
main .table-wrapper .paging .next {
  display: inline-block;
  padding: 3px 6px;
  margin-left: 2px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}
main .grid .paging .back:before,
main .earning-ownbenefit .paging .back:before,
main .table-wrapper .paging .back:before,
main .grid .paging .next:before,
main .earning-ownbenefit .paging .next:before,
main .table-wrapper .paging .next:before {
  display: block;
  text-align: center;
  margin: 0;
}
main .grid .paging .back:not(.disabled):hover,
main .earning-ownbenefit .paging .back:not(.disabled):hover,
main .table-wrapper .paging .back:not(.disabled):hover,
main .grid .paging .next:not(.disabled):hover,
main .earning-ownbenefit .paging .next:not(.disabled):hover,
main .table-wrapper .paging .next:not(.disabled):hover {
  background: #007de1;
  color: #fff;
}
main .grid .paging .back.disabled,
main .earning-ownbenefit .paging .back.disabled,
main .table-wrapper .paging .back.disabled,
main .grid .paging .next.disabled,
main .earning-ownbenefit .paging .next.disabled,
main .table-wrapper .paging .next.disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
main .grid .paging .back:before,
main .earning-ownbenefit .paging .back:before,
main .table-wrapper .paging .back:before {
  content: '<';
}
main .grid .paging .next:before,
main .earning-ownbenefit .paging .next:before,
main .table-wrapper .paging .next:before {
  content: '>';
}
main .grid table,
main .earning-ownbenefit table,
main .table-wrapper table {
  border-collapse: collapse;
  width: 100%;
  font-size: 0.9em;
}
main .grid table thead th,
main .earning-ownbenefit table thead th,
main .table-wrapper table thead th {
  background: var(--lightblue);
  padding: 12px 4px 6px 6px;
  color: var(--button2-text);
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 700;
  text-align: left;
  position: relative;
  border-bottom: 1px solid var(--lightblue);
}
main .grid table thead th.sel,
main .earning-ownbenefit table thead th.sel,
main .table-wrapper table thead th.sel {
  background: var(--lightblue);
  color: var(--button2-text);
  padding-right: 20px;
}
main .grid table thead th.sel:before,
main .earning-ownbenefit table thead th.sel:before,
main .table-wrapper table thead th.sel:before {
  content: '>';
  position: absolute;
  right: 5px;
  top: 4px;
  transform: rotate(90deg);
  font-size: 10px;
}
main .grid table thead th.sel.desc:before,
main .earning-ownbenefit table thead th.sel.desc:before,
main .table-wrapper table thead th.sel.desc:before {
  transform: rotate(270deg);
}
main .grid table thead th[data-col],
main .earning-ownbenefit table thead th[data-col],
main .table-wrapper table thead th[data-col] {
  cursor: pointer;
}
main .grid table thead th[data-col]:hover,
main .earning-ownbenefit table thead th[data-col]:hover,
main .table-wrapper table thead th[data-col]:hover {
  background: var(--lightblue2);
}
main .grid table thead th.width-2,
main .earning-ownbenefit table thead th.width-2,
main .table-wrapper table thead th.width-2 {
  width: 2%;
}
main .grid table thead th.width-5,
main .earning-ownbenefit table thead th.width-5,
main .table-wrapper table thead th.width-5 {
  width: 5%;
}
main .grid table thead th.width-10,
main .earning-ownbenefit table thead th.width-10,
main .table-wrapper table thead th.width-10 {
  width: 10%;
}
main .grid table thead th.width-20,
main .earning-ownbenefit table thead th.width-20,
main .table-wrapper table thead th.width-20 {
  width: 20%;
}
main .grid table thead th.width-30,
main .earning-ownbenefit table thead th.width-30,
main .table-wrapper table thead th.width-30 {
  width: 30%;
}
main .grid table thead th.width-40,
main .earning-ownbenefit table thead th.width-40,
main .table-wrapper table thead th.width-40 {
  width: 40%;
}
main .grid table thead th.width-10,
main .earning-ownbenefit table thead th.width-10,
main .table-wrapper table thead th.width-10 {
  width: 10%;
}
main .grid table thead th.width-50,
main .earning-ownbenefit table thead th.width-50,
main .table-wrapper table thead th.width-50 {
  width: 50%;
}
main .grid table thead th.width-60,
main .earning-ownbenefit table thead th.width-60,
main .table-wrapper table thead th.width-60 {
  width: 60%;
}
main .grid table thead th.width-70,
main .earning-ownbenefit table thead th.width-70,
main .table-wrapper table thead th.width-70 {
  width: 70%;
}
main .grid table tbody tr td,
main .earning-ownbenefit table tbody tr td,
main .table-wrapper table tbody tr td {
  padding: 15px 8px 12px 8px;
  border: 2px solid #fff;
  color: #111;
  background: #fff;
}
main .grid table tbody tr td:first-child,
main .earning-ownbenefit table tbody tr td:first-child,
main .table-wrapper table tbody tr td:first-child {
  border-left: none;
}
main .grid table tbody tr td:last-child,
main .earning-ownbenefit table tbody tr td:last-child,
main .table-wrapper table tbody tr td:last-child {
  border-right: none;
}
main .grid table tbody tr:nth-child(odd) td,
main .earning-ownbenefit table tbody tr:nth-child(odd) td,
main .table-wrapper table tbody tr:nth-child(odd) td {
  background: #f5f5f5;
}
main .grid table tbody tr:hover td,
main .earning-ownbenefit table tbody tr:hover td,
main .table-wrapper table tbody tr:hover td {
  background: var(--blue) !important;
  color: #fff;
}
main .grid table tbody tr a,
main .earning-ownbenefit table tbody tr a,
main .table-wrapper table tbody tr a {
  white-space: nowrap;
  text-decoration: none;
}
main .grid table.thsel0 td:nth-child(1),
main .earning-ownbenefit table.thsel0 td:nth-child(1),
main .table-wrapper table.thsel0 td:nth-child(1),
main .grid table.thsel1 td:nth-child(2),
main .earning-ownbenefit table.thsel1 td:nth-child(2),
main .table-wrapper table.thsel1 td:nth-child(2),
main .grid table.thsel2 td:nth-child(3),
main .earning-ownbenefit table.thsel2 td:nth-child(3),
main .table-wrapper table.thsel2 td:nth-child(3),
main .grid table.thsel3 td:nth-child(4),
main .earning-ownbenefit table.thsel3 td:nth-child(4),
main .table-wrapper table.thsel3 td:nth-child(4),
main .grid table.thsel4 td:nth-child(5),
main .earning-ownbenefit table.thsel4 td:nth-child(5),
main .table-wrapper table.thsel4 td:nth-child(5),
main .grid table.thsel5 td:nth-child(6),
main .earning-ownbenefit table.thsel5 td:nth-child(6),
main .table-wrapper table.thsel5 td:nth-child(6),
main .grid table.thsel6 td:nth-child(7),
main .earning-ownbenefit table.thsel6 td:nth-child(7),
main .table-wrapper table.thsel6 td:nth-child(7),
main .grid table.thsel7 td:nth-child(8),
main .earning-ownbenefit table.thsel7 td:nth-child(8),
main .table-wrapper table.thsel7 td:nth-child(8),
main .grid table.thsel8 td:nth-child(9),
main .earning-ownbenefit table.thsel8 td:nth-child(9),
main .table-wrapper table.thsel8 td:nth-child(9),
main .grid table.thsel9 td:nth-child(10),
main .earning-ownbenefit table.thsel9 td:nth-child(10),
main .table-wrapper table.thsel9 td:nth-child(10),
main .grid table.thsel10 td:nth-child(11),
main .earning-ownbenefit table.thsel10 td:nth-child(11),
main .table-wrapper table.thsel10 td:nth-child(11),
main .grid table.thsel11 td:nth-child(12),
main .earning-ownbenefit table.thsel11 td:nth-child(12),
main .table-wrapper table.thsel11 td:nth-child(12) {
  background: var(--lightblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
header {
  background: #edf6fd;
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px 0 12px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  font-size: 0.8em;
}
@media screen and (min-width: 640px) {
  header {
    height: 80px;
    font-size: 1em;
  }
}
@media screen and (min-width: 1600px) {
  header {
    padding: 0 calc(50% - 780px);
  }
}
header .logo {
  margin-right: 10px;
  width: 30px;
  overflow: hidden;
  display: inline-block;
}
@media screen and (min-width: 320px) {
  header .logo {
    width: 38px;
  }
}
@media screen and (min-width: 640px) {
  header .logo {
    margin-right: 50px;
    width: auto;
  }
}
@media screen and (min-width: 800px) {
  header .logo {
    margin-right: 70px;
  }
}
@media screen and (min-width: 1024px) {
  header .logo {
    margin-right: 100px;
  }
}
header .logo img {
  width: 120px;
}
@media screen and (min-width: 320px) {
  header .logo img {
    width: 140px;
  }
}
@media screen and (min-width: 640px) {
  header .logo img {
    width: 200px;
  }
}
header .nugget-price {
  font-weight: 700;
  margin-top: 1px;
}
@media screen and (min-width: 1300px) {
  header .nugget-price {
    min-width: 80px;
  }
}
@media screen and (min-width: 1300px) {
  header .nugget-price {
    min-width: 170px;
  }
}
@media screen and (min-width: 1300px) {
  header .nugget-price .general:before {
    content: 'AKTUELL';
  }
}
header .myaccount {
  display: none;
  white-space: nowrap;
}
@media screen and (min-width: 320px) {
  header .myaccount.active {
    display: block;
  }
}
header .myaccount:before {
  font-size: 11px;
}
@media screen and (min-width: 640px) {
  header .myaccount:before {
    font-size: 14px;
  }
}
header .myaccount a {
  text-decoration: none;
  color: #111;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  margin-left: 6px;
  display: inline-block;
  font-weight: bold;
}
header .nuggetqty {
  margin-left: 20px;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: bold;
  position: relative;
  padding-left: 18px;
  display: none;
  margin-top: 1px;
}
@media screen and (min-width: 1300px) {
  header .nuggetqty.active {
    display: inline-block;
  }
}
header .nuggetqty:before {
  content: '';
  background: url(/content/css/lopocacom2/images/icon-nugget.svg) no-repeat center center;
  background-size: contain;
  width: 15px;
  height: 15px;
  display: inline-block;
  filter: brightness(0);
  position: absolute;
  left: 0;
  top: 0;
}
header .main {
  display: none;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  header .main {
    flex: 1 1 auto;
    min-width: 0;
    margin-right: 20px;
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  header .main {
    margin-right: 80px;
  }
}
header .main ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
header .main ul li a {
  text-decoration: none;
  display: flex;
  color: #007de1;
  text-transform: uppercase;
  align-items: center;
  padding: 9px 20px 8px 20px;
  font-weight: 600;
  margin: 0 4px;
}
@media screen and (min-width: 1024px) {
  header .main ul li a {
    margin: 0 10px;
  }
}
header .main ul li a:hover,
header .main ul li a:focus {
  filter: brightness(0.9);
}
header .main ul li a .lpc-icon:before {
  display: none;
}
header .main ul li ul {
  display: none;
}
header .main ul li:last-child a {
  background: #007de1;
  border-radius: 20px;
  color: #fff;
}
header #theme-toggle {
  border: none;
  padding: 8px;
  background: none;
  cursor: pointer;
}
@media screen and (min-width: 1600px) {
  header #theme-toggle {
    margin-right: 20px;
  }
}
header #theme-toggle div {
  /*width: 30px;
            height: 10px;
            border: 1px solid @white;
            background: linear-gradient(120deg, #111 50%, #fff 50%);
            background-size: 150% 100%;
            background-position: left;
            transition: background-position 0.4s ease;*/
  width: 30px;
  height: 30px;
  background: url(/content/css/lopocacom2/images/dark-mode.png) no-repeat;
  background-size: contain;
}
html:lang(en) .nugget-price .general:before {
  content: 'CURRENT';
}
.burger {
  position: fixed;
  right: 15px;
  top: 8px;
  z-index: 900;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: 0;
  background: transparent;
  border-radius: 10px;
}
@media screen and (min-width: 640px) {
  .burger {
    top: 16px;
  }
}
.burger:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(58, 132, 255, 0.55);
}
.burger span {
  position: absolute;
  width: 32px;
  height: 1px;
  background: #007de1;
  border-radius: 2px;
  transition: transform 0.26s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  will-change: transform, opacity;
}
.burger span:nth-child(1) {
  transform: translateY(-8px);
}
.burger span:nth-child(2) {
  transform: translateY(0);
}
.burger span:nth-child(3) {
  transform: translateY(8px);
}
html.overlay-menu-open .burger span:nth-child(1) {
  transform: rotate(45deg);
}
html.overlay-menu-open .burger span:nth-child(2) {
  opacity: 0;
  transform: scaleX(0.6);
}
html.overlay-menu-open .burger span:nth-child(3) {
  transform: rotate(-45deg);
}
/*Not logged on*/

html.not-auth header .main {
  margin-right: 0;
}
html.not-auth .burger {
  display: none;
}
html[data-theme='dark'] header {
  background: #111;
  color: #fff;
}
html[data-theme='dark'] header .logo img {
  filter: brightness(0) invert(1);
}
html[data-theme='dark'] header .main li a {
  color: #fff;
}
html[data-theme='dark'] header .main li:last-child a {
  background: #e1bb36;
  color: #111;
}
html[data-theme='dark'] header .myaccount:before,
html[data-theme='dark'] header .nuggetqty:before {
  filter: brightness(0) invert(1);
}
html[data-theme='dark'] header .myaccount a,
html[data-theme='dark'] header .nuggetqty a {
  color: #fff;
}
html[data-theme='dark'] header #theme-toggle div {
  /*background-position: right;*/
  filter: brightness(0) invert(1);
}
html[data-theme='dark'] .burger span {
  background: #fff;
}
@media screen and (max-width: 640px) {
  html.not-auth header {
    padding-right: 10px;
  }
  html.not-auth header nav {
    display: block;
  }
  html.not-auth header nav li {
    display: none;
  }
  html.not-auth header nav li.logindialog,
  html.not-auth header nav li.icon-gift {
    display: inline-block;
  }
  html.not-auth header nav li a {
    padding-right: 8px;
    padding-left: 8px;
  }
  html.not-auth header .nugget-price .general:before {
    display: none;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Lopoca Font Icons*/

@font-face {
  font-family: 'lopoca-icons';
  src: url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.eot?d844p2);
  src: url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.eot?d844p2#iefix) format('embedded-opentype'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.woff2?d844p2) format('woff2'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.ttf?d844p2) format('truetype'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.woff?d844p2) format('woff'), url(/content/css/lopocacom2/fonts/lopoca-icons/fonts/lopoca-icons.svg?d844p2#lopoca-icons) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="lpc-"],
[class*=" lpc-"] {
  font-family: 'lopoca-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  -webkit-font-variant-ligatures: discretionary-ligatures;
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.lpc-filter_outlined:before,
.lpc-filter_outlined .lpc-icon:before {
  content: "\e976";
}
.lpc-filter_full:before,
.lpc-filter_full .lpc-icon:before {
  content: "\e977";
}
.lpc-lock:before {
  content: "\e975";
}
.lpc-auto_cashout:before {
  content: "\e974";
}
.lpc-icon_ticker:before {
  content: "\e973";
}
.lpc-deposit:before {
  content: "\e971";
}
.lpc-withdraw:before {
  content: "\e972";
}
.lpc-user_bets:before {
  content: "\e969";
}
.lpc-bets_for_me:before {
  content: "\e96a";
}
.lpc-bonus_bets:before {
  content: "\e96b";
}
.lpc-fast_start:before {
  content: "\e96c";
}
.lpc-last_minute:before {
  content: "\e96d";
}
.lpc-today:before {
  content: "\e96e";
}
.lpc-tomorrow:before {
  content: "\e96f";
}
.lpc-monday:before {
  content: "\e970";
}
.lpc-lobby_V2:before {
  content: "\e968";
}
.lpc-slots_V21:before {
  content: "\e965";
}
.lpc-lounge_V1:before {
  content: "\e966";
}
.lpc-lounge_V2:before {
  content: "\e967";
}
.lpc-summer_slots:before {
  content: "\e964";
}
.lpc-football:before {
  content: "\e963";
}
.lpc-spinomenal:before {
  content: "\e962";
}
.lpc-chevron .path1:before {
  content: "\e95c";
  color: #000000;
}
.lpc-chevron .path2:before {
  content: "\e95d";
  margin-left: -1em;
  color: #000000;
  opacity: 0.54;
}
.lpc-chevron .path3:before {
  content: "\e95e";
  margin-left: -1em;
  color: #000000;
  opacity: 0.24;
}
.lpc-mystery_slot:before {
  content: "\e95f";
}
.lpc-bingo:before {
  content: "\e960";
}
.lpc-poker:before {
  content: "\e961";
}
.lpc-bonus_buy_V3:before {
  content: "\e95a";
}
.lpc-bet_slip:before {
  content: "\e95b";
}
.lpc-book_V3:before {
  content: "\e94d";
}
.lpc-live_bets_V2:before {
  content: "\e94e";
}
.lpc-book_V1:before {
  content: "\e94f";
}
.lpc-book_V2:before {
  content: "\e950";
}
.lpc-recent_winners:before {
  content: "\e951";
}
.lpc-all_bets:before {
  content: "\e952";
}
.lpc-live_bets:before {
  content: "\e953";
}
.lpc-cashout:before {
  content: "\e954";
}
.lpc-my_bets:before {
  content: "\e955";
}
.lpc-scratch_card_V2:before {
  content: "\e956";
}
.lpc-profile_V2:before,
.icon-profile_V2 .lpc-icon:before {
  content: "\e957";
}
.lpc-logout:before,
.icon-logout .lpc-icon:before {
  content: "\e958";
}
.lpc-bonus_buy_V2:before,
.icon-bonus .lpc-icon:before {
  content: "\e959";
}
.lpc-whatsapp:before {
  content: "\e923";
}
.lpc-webinar:before {
  content: "\e924";
}
.lpc-warning:before {
  content: "\e917";
}
.lpc-verified:before,
.icon-verified .lpc-icon:before {
  content: "\e922";
}
.lpc-verification:before {
  content: "\e925";
}
.lpc-upgrade:before {
  content: "\e926";
}
.lpc-twitter:before {
  content: "\e912";
}
.lpc-turnover:before {
  content: "\e91d";
}
.lpc-top_picks:before {
  content: "\e927";
}
.lpc-team:before {
  content: "\e921";
}
.lpc-table_games:before {
  content: "\e928";
}
.lpc-stats:before {
  content: "\e90b";
}
.lpc-star_outline:before {
  content: "\e90a";
}
.lpc-star:before {
  content: "\e909";
}
.lpc-slots_V2:before {
  content: "\e929";
}
.lpc-slots_V1:before {
  content: "\e92a";
}
.lpc-settings:before {
  content: "\e92b";
}
.lpc-select_provider_02:before {
  content: "\e92c";
}
.lpc-select_provider_01:before {
  content: "\e92d";
}
.lpc-search:before {
  content: "\e90f";
}
.lpc-scratch_card:before {
  content: "\e92e";
}
.lpc-recently_played:before {
  content: "\e92f";
}
.lpc-profile:before {
  content: "\e908";
}
.lpc-prepaid_card:before {
  content: "\e930";
}
.lpc-plus:before {
  content: "\e931";
}
.lpc-phone:before {
  content: "\e918";
}
.lpc-personal_details:before {
  content: "\e932";
}
.lpc-nugget:before {
  content: "\e933";
}
.lpc-newsletter:before,
.icon-newsletter .lpc-icon:before {
  content: "\e934";
}
.lpc-news:before {
  content: "\e935";
}
.lpc-new:before {
  content: "\e936";
}
.lpc-more:before {
  content: "\e914";
}
.lpc-more1:before {
  content: "\e937";
}
.lpc-mobile_apps:before {
  content: "\e903";
}
.lpc-minus:before {
  content: "\e938";
}
.lpc-messages:before {
  content: "\e939";
}
.lpc-business_card:before {
  content: "\e93a";
}
.lpc-megaways:before {
  content: "\e93b";
}
.lpc-lopoca_alt:before {
  content: "\e901";
}
.lpc-lopoca:before {
  content: "\e900";
}
.lpc-lobby:before {
  content: "\e93c";
}
.lpc-limits:before,
.icon-limits .lpc-icon:before {
  content: "\e93d";
}
.lpc-joker:before {
  content: "\e91c";
}
.lpc-jackpot:before {
  content: "\e93e";
}
.lpc-instant_win:before {
  content: "\e93f";
}
.lpc-instagram:before {
  content: "\e910";
}
.lpc-info:before {
  content: "\e91a";
}
.lpc-help:before {
  content: "\e915";
}
.lpc-gift:before {
  content: "\e902";
}
.lpc-finance:before,
.icon-upgrade .lpc-icon:before {
  content: "\e920";
}
.lpc-favourites:before {
  content: "\e940";
}
.lpc-facebook:before {
  content: "\e911";
}
.lpc-collapse:before {
  content: "\e941";
}
.lpc-expand:before {
  content: "\e942";
}
.lpc-error:before {
  content: "\e916";
}
.lpc-email:before {
  content: "\e919";
}
.lpc-download:before {
  content: "\e943";
}
.lpc-delete:before {
  content: "\e90e";
}
.lpc-dashboard:before,
.icon-finance .lpc-icon:before {
  content: "\e91f";
}
.lpc-confirm:before {
  content: "\e91e";
}
.lpc-close:before {
  content: "\e913";
}
.lpc-clock:before {
  content: "\e944";
}
.lpc-chevron_up:before {
  content: "\e905";
}
.lpc-chevron_right:before {
  content: "\e906";
}
.lpc-chevron_left:before {
  content: "\e907";
}
.lpc-chevron_down:before {
  content: "\e904";
}
.lpc-checkmark:before {
  content: "\e945";
}
.lpc-checkbox_outline:before {
  content: "\e90d";
}
.lpc-checkbox:before {
  content: "\e90c";
}
.lpc-cashier_V2:before,
.icon-cashier_V2 .lpc-icon:before {
  content: "\e946";
}
.lpc-cashier_V1:before,
.icon-cashier_V1 .lpc-icon:before {
  content: "\e947";
}
.lpc-buy_V2:before {
  content: "\e948";
}
.lpc-buy_V1:before {
  content: "\e949";
}
.lpc-bonus_buy:before {
  content: "\e94a";
}
.lpc-academy:before {
  content: "\e94b";
}
.lpc-about:before {
  content: "\e91b";
}
.lpc-FAQ:before {
  content: "\e94c";
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*https://animatedicons.co/icons/minimalistic?type=free*/
.win-per-day .items .icon:before {
  display: inline-block;
  margin-right: 4px;
  font-family: FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
  display: none;
}
.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}
.mfp-ajax-cur {
  cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}
.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
  cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mfp-loading.mfp-figure {
  display: none;
}
.mfp-hide {
  display: none !important;
}
.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}
.mfp-preloader a {
  color: #CCC;
}
.mfp-preloader a:hover {
  color: #FFF;
}
.mfp-s-ready .mfp-preloader {
  display: none;
}
.mfp-s-error .mfp-content {
  display: none;
}
button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-close:active {
  top: 1px;
}
.mfp-close-btn-in .mfp-close {
  color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}
.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
  margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
.mfp-arrow-left {
  left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #FFF;
  margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
  right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #FFF;
  margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
  top: -40px;
}
.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
/* Main image in popup */

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}
/* The shadow behind the image */

.mfp-figure {
  line-height: 0;
}
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.mfp-figure figure {
  margin: 0;
}
.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}
.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px;
}
.mfp-image-holder .mfp-content {
  max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
         * Remove all paddings around the image on small screen
         */
  
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}
@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.mfp-ie7 .mfp-img {
  padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
  padding: 0;
}
.mfp-ie7 .mfp-content {
  padding-top: 44px;
}
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}
.divpopup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  min-height: 90%;
  max-width: 90%;
  margin: 20px auto;
  border-radius: 20px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
@media screen and (min-width: 640px) {
  .login-form {
    padding: 40px;
  }
}
.login-form .not-authorized {
  text-align: center;
  display: block;
  padding: 8px 0 35px 0;
  color: #c40303;
}
.login-form .intro {
  text-align: center;
}
.login-form .intro h3 {
  font-size: 2rem;
  margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
  .login-form .intro h3 {
    font-size: 3rem;
  }
}
.login-form .intro p {
  display: none;
}
.login-form .form-container {
  margin: 0 auto 20px auto;
  width: 100%;
  max-width: 400px;
  background: #b4d1e8;
  padding: 20px 20px 10px 20px;
  border-radius: 8px;
}
@media screen and (min-width: 640px) {
  .login-form .form-container {
    width: 500px;
    padding: 40px 40px 32px 40px;
  }
}
.login-form .form-container .rw {
  padding: 8px 0;
}
.login-form .form-container .rw label {
  display: none;
}
.login-form .form-container .rw input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.login-form .form-container .rw input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.login-form .form-container .btns {
  padding: 8px 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}
.login-form .form-container .btns .button {
  width: 100%;
  margin-bottom: 10px;
}
@media screen and (min-width: 640px) {
  .login-form .form-container .btns .button {
    width: 49%;
    margin-bottom: 0;
  }
}
.login-form .form-container .btns .button.submit {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.login-form .form-container .btns .button.submit:hover,
.login-form .form-container .btns .button.submit:focus {
  background: var(--darkblue);
}
.login-form .form-container .btns .button.cancel {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.login-form .form-container .btns .button.cancel:hover,
.login-form .form-container .btns .button.cancel:focus {
  background: var(--darkblue);
  color: #fff;
}
.login-form .pw-forgot,
.login-form .register {
  text-align: center;
}
.login-form .pw-forgot a,
.login-form .register a {
  display: inline-block;
  padding: 5px;
}
.login-form .msg {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  background: #c40303;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 20px;
  font-size: 1.2rem;
}
.login-form .msg:empty {
  display: none;
}
.login-form.logged-on .intro,
.login-form.logged-on .form-container,
.login-form.logged-on .pw-forgot,
.login-form.logged-on .register,
.login-form.logged-on .not-authorized {
  display: none;
}
.login-form.logged-on:before {
  width: 130px;
  height: 130px;
  content: '';
  display: block;
  margin: 20px auto;
  background: url(/content/css/lopocacom2/icons/MoonWalk.gif) no-repeat;
  background-size: contain;
}
[data-theme='dark'] .login-form {
  background: url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}
[data-theme='dark'] .form-container {
  background: rgba(0, 0, 0, 0.6);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.logout {
  padding: 20px 0 0 0;
}
.cmsmodul.logout:before {
  content: '';
  display: block;
  width: 120px;
  height: 120px;
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat center center;
  margin: 20px auto 0 auto;
}
.cmsmodul.logout p {
  display: none;
}
[data-theme='dark'] .cmsmodul.logout:before {
  filter: brightness(0) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
html.modal-active body {
  overflow: hidden;
}
div.modal {
  position: fixed;
  top: 0px;
  z-index: 400;
  background: #edf6fd;
  background-size: cover;
  padding: 25px 20px;
  height: 100vh;
  width: 100%;
  overflow: auto;
}
@media screen and (min-width: 800px) {
  div.modal {
    padding: 50px;
  }
}
div.modal .modal-content img {
  max-width: 100% !important;
  height: auto !important;
}
div.modal .modal-content .content {
  margin-top: 2em;
}
div.modal .modal-content .content h2 {
  font-size: 2rem;
  line-height: 110%;
  margin-bottom: 20px;
}
div.modal .modal-content .content .newsletter-consent {
  padding-bottom: 0;
}
div.modal .modal-content .close {
  border: 1px solid gray;
  border-top: none;
  border-right: none;
  font-size: 2em;
  margin: auto;
  padding: 5px 25px;
  position: absolute;
  right: 0;
  top: 0;
}
div.modal .modal-content .close:hover {
  background: #007de1;
  color: #fff;
}
div.modal .modal-content .close:hover {
  cursor: pointer;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.overlay-menu {
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  background: var(--lightblue);
  z-index: 500;
  transform: translateY(-110vh);
  transition: transform ease-in-out 0.3s;
  overflow: auto;
}
@media screen and (min-width: 1300px) {
  .overlay-menu:before {
    content: '';
    display: block;
    position: absolute;
    left: -40px;
    bottom: 0;
    width: 30%;
    height: 100vh;
    background: url(/content/css/lopocacom2/images/bg2.jpg) no-repeat center bottom;
    background-size: cover;
  }
}
.overlay-menu a {
  text-decoration: none;
  color: #111;
}
.overlay-menu > .nav > li > a > .person-accounts,
.overlay-menu > .nav .icon-profile_V2 > .person-accounts,
.overlay-menu > .nav .icon-profile_V2 > a {
  display: none;
}
.overlay-menu .nav .accounts {
  background: var(--blue);
  color: #fff;
  padding: 20px;
  position: relative;
  margin-top: 20px;
  margin-bottom: 0;
}
@media screen and (min-width: 800px) {
  .overlay-menu .nav .accounts {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 40px;
  }
}
@media screen and (min-width: 1300px) {
  .overlay-menu .nav .accounts {
    padding: 60px 80px;
  }
}
.overlay-menu .nav .accounts .lpc-icon {
  position: absolute;
  color: rgba(255, 255, 255, 0.3) !important;
  right: 20px;
  bottom: 20px;
}
.overlay-menu .nav .accounts .lpc-icon:before {
  font-size: 4rem;
}
.overlay-menu .nav .accounts > a {
  display: block !important;
  border: none !important;
  padding: 0 !important;
}
.overlay-menu .nav .accounts > a > div {
  font-size: 2rem;
  color: #fff;
  padding-bottom: 8px;
}
.overlay-menu .nav .accounts .personAccountDataBody {
  font-size: 1rem;
  color: #fff;
}
.overlay-menu .nav .accounts .personAccountDataBody .gamingAndAllBonusAccounts,
.overlay-menu .nav .accounts .personAccountDataBody .casino-bonus,
.overlay-menu .nav .accounts .personAccountDataBody .sportsbook-bonus {
  display: none;
}
.overlay-menu .nav .accounts .personAccountDataBody li {
  padding: 4px 0;
  color: #fff;
}
.overlay-menu .nav .accounts .personAccountDataBody li label {
  display: inline-block;
  width: 80px;
}
.overlay-menu .nav > li {
  margin: 0 0 20px 0;
  font-size: 1.2rem;
  font-weight: 700;
}
@media screen and (min-width: 800px) {
  .overlay-menu .nav > li {
    margin: 0 0 10px 0;
  }
}
.overlay-menu .nav > li > a {
  padding: 10px 0;
  display: inline-block;
  color: #111;
}
.overlay-menu .nav > li > a:hover {
  color: var(--darkblue);
}
/*Overlay menu open*/

html.overlay-menu-open body {
  overflow: hidden;
}
html.overlay-menu-open .overlay-menu {
  transform: translateY(0);
  padding: 40px 20px 80px 20px;
}
@media screen and (min-width: 800px) {
  html.overlay-menu-open .overlay-menu {
    padding: 40px 60px;
  }
}
@media screen and (min-width: 1300px) {
  html.overlay-menu-open .overlay-menu {
    padding: 40px 40px 40px 33%;
  }
}
html[data-theme='dark'].overlay-menu-open .burger span {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.navbar_secondary {
  display: none;
  width: 46px;
  height: calc(100vh - 80px);
  position: fixed;
  top: 80px;
  z-index: 1000;
  overflow: auto;
  overflow-x: hidden;
  background: #edf6fd;
  transition: width ease-in-out 0.4s;
}
@media screen and (min-width: 1024px) {
  .navbar_secondary {
    display: block;
  }
}
.navbar_secondary nav {
  padding: 20px 0;
}
.navbar_secondary nav ul {
  width: 260px;
}
.navbar_secondary nav ul li {
  margin: 8px 0;
}
.navbar_secondary nav ul li.accounts {
  display: none;
}
.navbar_secondary nav ul li a {
  display: block;
  color: #555555;
  text-decoration: none;
  padding: 8px 14px 8px 46px;
  position: relative;
  font-size: 1rem;
}
.navbar_secondary nav ul li a i {
  position: absolute;
  left: 12px;
  top: 6px;
  font-size: 20px !important;
}
.navbar_secondary nav ul li:not(.sel) a:hover,
.navbar_secondary nav ul li:not(.sel) a:focus {
  color: var(--darkblue) !important;
}
.navbar_secondary nav ul li.sel {
  background: var(--blue);
  color: #fff;
}
.navbar_secondary nav ul li.sel i {
  color: #fff;
}
.navbar_secondary nav ul li.sel a {
  color: #fff;
}
.navbar_secondary nav ul li.icon-upgrade i {
  top: 8px;
}
.navbar_secondary:hover,
.navbar_secondary:focus {
  width: 260px;
}
[data-theme='dark'] .navbar_secondary {
  background: #111;
}
[data-theme='dark'] .navbar_secondary nav ul li a {
  color: #969696;
}
[data-theme='dark'] .navbar_secondary nav ul li.sel a {
  color: #fff;
}
@media screen and (min-width: 1024px) {
  html.hasb main,
  html.hasb footer {
    margin-left: 26px;
  }
  html.hasb main {
    padding: 20px;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
body {
  background: #fff;
  color: var(--maintext);
  margin: 0;
  padding: 60px 0 0 0;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
}
@media screen and (min-width: 640px) {
  body {
    padding-top: 80px;
  }
}
body main {
  min-height: 50vh;
}
body main .earning-ownbenefit,
body .dialog .earning-ownbenefit {
  max-width: 800px;
  margin: 0 auto 40px auto;
}
body main .earning-ownbenefit tr td:last-child,
body .dialog .earning-ownbenefit tr td:last-child,
body main .earning-ownbenefit tr th:last-child,
body .dialog .earning-ownbenefit tr th:last-child {
  text-align: right;
}
body main .text,
body .dialog .text {
  line-height: 1.3;
}
body main .text ul,
body .dialog .text ul {
  margin-left: 35px;
}
body main .text ul li,
body .dialog .text ul li {
  padding: 5px 0;
  position: relative;
}
body main .text ul li:before,
body .dialog .text ul li:before {
  content: "";
  position: absolute;
  display: block;
  left: -30px;
  top: 7px;
  width: 20px;
  height: 20px;
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  background-size: contain;
  filter: var(--filterBright);
}
body main .text .button,
body .dialog .text .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
body main .text .button:hover,
body .dialog .text .button:hover,
body main .text .button:focus,
body .dialog .text .button:focus {
  background: var(--darkblue);
}
body main a:link,
body .dialog a:link,
body main a:visited,
body .dialog a:visited {
  color: var(--maintext);
  text-decoration: underline;
}
body main a:hover,
body .dialog a:hover,
body main a:focus,
body .dialog a:focus {
  color: var(--blue);
}
body main b,
body .dialog b,
body main strong,
body .dialog strong {
  font-weight: bold;
}
body main img,
body .dialog img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center center;
}
body main .err,
body .dialog .err,
body main .field-validation-error,
body .dialog .field-validation-error {
  background: #c40303;
  color: #fff;
  border-radius: 6px;
}
body main .err:not(:empty),
body .dialog .err:not(:empty),
body main .field-validation-error:not(:empty),
body .dialog .field-validation-error:not(:empty) {
  padding: 6px 12px;
  margin: 10px 0;
}
body h1,
body h2,
body h3 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-weight: 500;
  line-height: 1.1;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
body h1,
body h2 {
  font-size: 2rem;
  padding-bottom: 20px;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  body h1,
  body h2 {
    font-size: 3rem;
  }
}
body h3 {
  font-size: 1.4rem;
}
@media screen and (min-width: 640px) {
  body h3 {
    font-size: 1.6rem;
  }
}
html.cmsedit body {
  padding-left: 26px;
}
html.dialog-view body {
  padding: 0px;
}
html.dialog-view header,
html.dialog-view footer,
html.dialog-view .burger {
  display: none;
}
.pageerr {
  background: none !important;
  color: #111 !important;
  text-align: center;
  padding: 40px !important;
}
html[data-theme='dark'] body {
  background: #262626;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.forgot-password {
  text-align: center;
  background: #edf6fd;
  padding: 40px 20px;
  border-bottom: 8px solid #007de1;
}
.forgot-password .rw label {
  display: none;
}
.forgot-password .rw input.user {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 300px;
}
.forgot-password .rw input.user::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.forgot-password .rw input[type="password"] {
  margin: 6px 0;
}
.forgot-password .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  margin: 20px auto 8px auto;
}
.forgot-password .button:hover,
.forgot-password .button:focus {
  background: var(--darkblue);
}
.forgot-password .msg {
  margin: 20px auto;
}
.forgot-password .msg .success {
  background: #09851b;
  color: #fff;
  border-radius: 6px;
  padding: 10px 12px 8px 12px;
  margin-top: 100px;
  display: inline-block;
  position: relative;
  line-height: 1.2;
}
.forgot-password .msg .success:before {
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  background-size: contain;
  width: 80px;
  height: 80px;
  content: '';
  display: block;
  margin: 10px auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -100px;
}
.forgot-password .info {
  margin-bottom: 20px;
}
.forgot-password .info label {
  display: block;
  padding: 5px 0;
}
.forgot-password .info label:before {
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.progress:before,
.progress-inline:before {
  background: url(/content/css/lopocacom2/images/progress.gif) no-repeat center center;
  background-size: 150px 150px;
  width: 100%;
  height: 100vh;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200010;
  content: '';
}
.progress:after,
.progress-inline:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #537a9ac8;
  z-index: 200000;
}
.progress-inline:before,
.progress-inline:after {
  position: absolute;
  height: 100%;
  min-height: 200px;
}
.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.register-user .terms-and-condition label,
.register-user .newsletter-subscription label {
  font-weight: normal;
}
.register-user .newsletter-subscription {
  width: 66%;
}
@media screen and (min-width: 800px) {
  .register-user .newsletter-subscription {
    margin-left: 9%;
  }
}
@media screen and (min-width: 1024px) {
  .register-user .newsletter-subscription {
    margin-left: 17%;
  }
}
.register-user .form-control {
  font-weight: bold !important;
}
.register-user .form-control:focus {
  background: #edf6fd !important;
}
.register-user .form-control-toggle {
  position: relative;
}
.register-user .form-control-toggle input[type="checkbox"] {
  zoom: 1.6;
  position: absolute;
}
.register-user .form-control-toggle label {
  padding-left: 34px;
  vertical-align: middle;
}
.register-user .help-block {
  font-size: 0.9rem !important;
  font-weight: bold;
  color: #c40303;
}
.register-user .more-button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  background: #007de1 !important;
}
.register-user .more-button:hover,
.register-user .more-button:focus {
  background: var(--darkblue);
}
.register-user .more-button span {
  color: #fff !important;
}
.register-user .more-button i {
  filter: brightness(0) invert(1);
  top: 2px !important;
}
.register-user .btn-previous,
.register-user .btn-continue {
  margin: 0 !important;
}
.register-user .btn-previous button,
.register-user .btn-continue button {
  width: 100% !important;
}
@media screen and (min-width: 640px) {
  
}
.register-user .btn-previous button {
  background: #edf6fd !important;
}
.register-user .btn-previous button span {
  color: #111 !important;
}
.register-user .btn-previous button i {
  filter: none;
}
.register-user h2 {
  font-size: 2rem;
  color: #007de1;
}
.register-user .has-feedback button {
  background: none !important;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  background: white;
  font-weight: bold;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover {
  background: #edf6fd;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
#stwsaved {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  padding: 35px;
  line-height: 1;
  text-align: center;
  transform: translateZ(0);
  display: block;
  font-weight: 700;
  border-bottom: 6px solid #007140;
  background: #09851b;
  color: #fff;
  top: -180px;
}
#stwsaved.err {
  color: #fff;
  background: #c40303;
  border-color: #850000;
}
#stwsaved.suc {
  color: #fff;
  background: #09851b;
  border-color: #007140;
}
#stwsaved.remove {
  position: fixed;
  top: 6px;
  right: 6px;
  font-size: 1.35em;
}
#stwsaved .icon {
  display: none;
  /*TODO*/

}
#stwsaved.active {
  top: 0;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/* Slider */

.slick-slider {
  position: relative;
  display: block;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Slider */

.slick-loading .slick-list {
  background: #fff url(/content/css/lopocacom2/images/progress.gif) center center no-repeat;
}
.slick-prev.show,
.slick-next.show {
  display: block !important;
}
/* Arrows */

.slick-prev,
.slick-next {
  display: none !important;
  font-size: 30px;
  line-height: 0;
  position: absolute;
  top: 42%;
  display: block;
  padding: 0;
  cursor: pointer;
  z-index: 1;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
@media screen and (min-width: 800px) {
  .slick-slider:hover .slick-prev,
  .slick-slider:hover .slick-next {
    display: block !important;
  }
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  line-height: 1;
  opacity: 0.75;
  color: white;
  font-weight: bold;
  height: 45px;
  width: 38px;
  background: var(--blue);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute !important;
  padding-top: 8px;
  border-radius: 2px;
}
.slick-prev {
  left: 15px;
}
[dir='rtl'] .slick-prev {
  right: 2px;
  left: auto;
}
.slick-prev:before {
  padding-right: 5px;
  content: '<';
  font-family: lopoca-icons;
  margin-left: -15px;
}
[dir='rtl'] .slick-prev:before {
  content: '→';
}
.slick-next {
  right: 40px;
}
[dir='rtl'] .slick-next {
  right: auto;
  left: 2px;
}
.slick-next:before {
  content: '>';
  font-family: lopoca-icons;
  right: -40px;
  padding-left: 5px;
}
[dir='rtl'] .slick-next:before {
  content: '←';
}
/* Dots */

.slick-slider {
  margin-bottom: 30px;
}
.slick-dots {
  position: absolute;
  bottom: -45px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '•';
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: black;
}
@media screen and (max-width: 500px) {
  .slick-prev:before,
  .slick-next:before {
    display: none;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.submenu-list {
  max-width: 900px;
  margin: 40px auto;
}
.submenu-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.submenu-list ul li {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 800px) {
  .submenu-list ul li {
    width: 32%;
  }
}
.submenu-list ul li a {
  display: flex;
  width: 100%;
  padding: 40px;
  align-items: center;
  justify-content: center;
  background: var(--lightblue);
  color: #111;
  text-decoration: none;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.submenu-list ul li a:hover,
.submenu-list ul li a:focus {
  background: var(--blue);
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.tabs .tab-nav {
  display: flex;
}
.tabs .tab-nav li {
  width: 50%;
}
.tabs .tab-nav li a {
  display: block;
  color: #969696;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #007de1;
  text-align: center;
  font-size: 1.1rem;
}
@media screen and (min-width: 640px) {
  .tabs .tab-nav li a {
    font-size: 1.2rem;
  }
}
.tabs .tab-nav li a:after {
  display: block;
  margin-top: 4px;
  width: 100%;
  height: 8px;
  content: '';
}
.tabs .tab-nav li a.sel {
  font-weight: 900;
  color: #111 !important;
}
.tabs .tab-nav li a.sel:after {
  background-color: #007de1;
}
.tabs .tab-nav li a:hover,
.tabs .tab-nav li a:focus {
  color: #007de1;
}
.tab-cont {
  display: none;
  padding: 20px 0;
}
@media screen and (min-width: 640px) {
  .tab-cont {
    padding: 60px 0;
  }
}
.tab-cont.active {
  display: block;
}
html[data-theme='dark'] .tabs .tab-nav li a {
  color: #969696;
  border-color: #fff;
}
html[data-theme='dark'] .tabs .tab-nav li a.sel {
  color: #fff !important;
}
html[data-theme='dark'] .tabs .tab-nav li a.sel:after {
  background-color: #fff;
}
html[data-theme='dark'] .tabs .tab-nav li a:hover,
html[data-theme='dark'] .tabs .tab-nav li a:focus {
  color: #edf6fd;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.title {
  text-align: center;
  padding: 40px 10px;
}

/*60...DE, 62...AT, 64...CH*/

/*DE*/

html.uc-60 body .hide-user-de,
html.ui-60 body .hide-user-de,
html.uc-60 body .casino-bonus,
html.ui-60 body .casino-bonus,
html.uc-60 body .casino-bonus div,
html.ui-60 body .casino-bonus div {
  display: none !important;
  visibility: hidden !important;
}
/*AT*/

html.uc-62 body .hide-user-at,
html.ui-62 body .hide-user-at {
  display: none !important;
  visibility: hidden !important;
}
/*CH*/

html.uc-64 body .hide-user-ch,
html.ui-64 body .hide-user-ch {
  display: none !important;
  visibility: hidden !important;
}
/*Hide Sport Cashout for DE users */

html.uc-60 .cashout,
html.ui-60 .cashout {
  display: none !important;
  visibility: hidden !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
video {
  width: 100%;
  margin-bottom: 20px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.AccountSummaryBalances {
  padding: 10px 10px 60px 10px;
}
.cmsmodul.AccountSummaryBalances ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cmsmodul.AccountSummaryBalances ul li {
  display: flex;
  flex-direction: column;
  padding: 12px 30px;
  text-align: center;
  border-right: 1px solid var(--lightblue2);
}
@media screen and (min-width: 800px) {
  .cmsmodul.AccountSummaryBalances ul li {
    padding: 15px 40px;
  }
}
.cmsmodul.AccountSummaryBalances ul li label {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9rem;
  color: #555555;
}
.cmsmodul.AccountSummaryBalances ul li span {
  font-weight: bold;
  padding: 8px 0;
  font-size: 1.2rem;
}
.cmsmodul.AccountSummaryBalances ul li.mandatory {
  border-right: none;
}
.cmsmodul.AccountSummaryBalances ul li.casino-bonus,
.cmsmodul.AccountSummaryBalances ul li.sportsbook-bonus {
  display: none !important;
}
[data-theme='dark'] .cmsmodul.AccountSummaryBalances ul li {
  border-color: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.accounts-summary .filter {
  background: var(--lightblue);
  padding: 20px;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.cmsmodul.accounts-summary .filter > div {
  display: flex;
}
.cmsmodul.accounts-summary .filter > div > label {
  display: none;
}
.cmsmodul.accounts-summary .filter > div .select-dropdown .dropdown,
.cmsmodul.accounts-summary .filter > div .select-dropdown .selected {
  display: none;
}
.cmsmodul.accounts-summary .filter > div select {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 300px !important;
  height: 50px !important;
  position: static !important;
}
.cmsmodul.accounts-summary .filter > div select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.accounts-summary .filter > div input[type=search] {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  width: 125px;
  margin-right: 10px;
}
.cmsmodul.accounts-summary .filter > div input[type=search]::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.accounts-summary .filter .search-button {
  text-decoration: none;
  margin: 15px 0 0 5px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.accounts-summary {
  padding: 0 20px;
}
.cmsmodul.accounts-summary .table-wrapper {
  max-width: 100%;
  overflow: auto;
}
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:nth-child(6),
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:nth-child(7),
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:nth-child(8) {
  white-space: nowrap;
  text-align: right;
}
.cmsmodul.accounts-summary .table-wrapper table tbody tr td:last-child {
  font-weight: bold;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .amount-container {
  background: var(--lightblue);
  padding: 40px 20px;
  border-radius: 12px;
}
.cmsmodul.payment .amount-container .holder {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.cmsmodul.payment .amount-container .holder span {
  margin-bottom: 8px;
  position: absolute;
  margin: 2px 0 0 -80px;
  color: #111;
}
.cmsmodul.payment .amount-container .holder .amount {
  display: flex;
  justify-content: center;
}
.cmsmodul.payment .amount-container .holder .amount .input input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  font-size: 1.2rem;
  width: 180px;
  padding-left: 100px;
}
.cmsmodul.payment .amount-container .holder .amount .input input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.payment .amount-container .holder .amount .input span {
  margin: -6px 0 0 15px;
  font-weight: bold;
}
.cmsmodul.payment .amount-container .holder .amount .input span:before {
  content: '€ ';
}
.cmsmodul.payment .amount-container .holder .amount-options {
  position: absolute;
  z-index: 10;
  border: 2px solid var(--lightblue);
  top: 54px;
  width: 280px;
  border-radius: 6px;
  background: var(--lightblue2);
  overflow: hidden;
}
.cmsmodul.payment .amount-container .holder .amount-options > div {
  width: 33%;
  float: left;
  clear: none;
  padding: 20px 8px;
  font-size: 0.9em;
  cursor: pointer;
  white-space: nowrap;
}
.cmsmodul.payment .amount-container .holder .amount-options > div:before {
  content: '€ ';
}
.cmsmodul.payment .amount-container .holder .amount-options > div:hover,
.cmsmodul.payment .amount-container .holder .amount-options > div:focus {
  background: var(--blue);
  color: #fff;
}
[data-theme='dark'] .cmsmodul.payment .amount-container {
  background: #111;
}
[data-theme='dark'] .cmsmodul.payment .amount-container .amount-options {
  background: #111;
  border-color: #555555;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment {
  max-width: 1300px;
  margin: 0 auto;
  padding: 10px;
}
.cmsmodul.payment .points,
.cmsmodul.payment .points-info-container {
  display: none !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .payments-container {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 60px 0;
  gap: 20px;
}
.cmsmodul.payment .payments-container .payment-info-container {
  width: 100%;
  text-align: center;
  font-size: 2rem;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}
@media screen and (min-width: 800px) {
  .cmsmodul.payment .payments-container .payment-info-container {
    font-size: 3rem;
  }
}
.cmsmodul.payment .payments-container .payment-container {
  background: var(--lightblue);
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 640px) {
  .cmsmodul.payment .payments-container .payment-container {
    width: calc(49% - 20px);
  }
}
@media screen and (min-width: 800px) {
  .cmsmodul.payment .payments-container .payment-container {
    width: calc(32% - 20px);
  }
}
@media screen and (min-width: 1300px) {
  .cmsmodul.payment .payments-container .payment-container {
    width: 32%;
  }
}
.cmsmodul.payment .payments-container .payment-container .overlay {
  display: none;
}
.cmsmodul.payment .payments-container .payment-container .name {
  font-weight: 700;
  color: var(--blue);
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding: 0 50px;
  text-align: center;
}
.cmsmodul.payment .payments-container .payment-container .logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 20px 0;
}
.cmsmodul.payment .payments-container .payment-container .logo .placeholder {
  outline: 8px solid #fff;
  border-radius: 8px;
}
.cmsmodul.payment .payments-container .payment-container .limit,
.cmsmodul.payment .payments-container .payment-container .fee {
  font-size: 0.9rem;
  text-align: center;
}
.cmsmodul.payment .payments-container .payment-container .limit abbr,
.cmsmodul.payment .payments-container .payment-container .fee abbr {
  text-decoration: none;
}
.cmsmodul.payment .payments-container .payment-container .fee {
  font-weight: bold;
  margin-top: 8px;
  text-transform: uppercase;
}
.cmsmodul.payment .payments-container .payment-container .mode {
  position: absolute;
  left: 0px;
  top: 20px;
  background: var(--lightblue2);
  display: flex;
  align-items: end;
  padding: 0 30px 8px 30px;
  flex-wrap: wrap;
  justify-content: center;
  transform: rotate(-45deg);
  transform-origin: bottom left;
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--darkblue);
  text-transform: uppercase;
  width: 128px;
  height: 68px;
  text-align: center;
}
.cmsmodul.payment .payments-container .payment-container:hover,
.cmsmodul.payment .payments-container .payment-container:focus {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.payment .payments-container .payment-container:hover .name,
.cmsmodul.payment .payments-container .payment-container:focus .name {
  color: #fff;
}
/*Payment Logos - also used for withdraw*/

.payment-container .logo .placeholder {
  background: white url(/content/css/lopocacom2/images/payment-logos_v5.png) no-repeat;
}
.payment-container.CC .logo .placeholder {
  background-position: -120px 0;
  width: 102px;
  height: 57px;
}
.payment-container.DD .logo .placeholder {
  width: 130px;
  height: 70px;
}
.payment-container.DD-EN .logo .placeholder {
  background-position: 0 -54px;
}
.payment-container.DD-DE .logo .placeholder {
  background-position: -147px -54px;
}
.payment-container.DD-IT .logo .placeholder {
  background-position: 0 -54px;
}
.payment-container.SK .logo .placeholder {
  background-position: 0 -125px;
  width: 120px;
  height: 50px;
}
.payment-container.PS .logo .placeholder {
  background-position: 0 -170px;
  width: 225px;
  height: 50px;
}
.payment-container.CV .logo .placeholder {
  background-position: 0 -220px;
  width: 85px;
  height: 50px;
}
.payment-container.SA .logo .placeholder {
  background-position: 0 -285px;
  width: 55px;
  height: 50px;
}
.payment-container.WT .logo .placeholder,
.payment-container.BT .logo .placeholder {
  background-position: 0 -343px;
  width: 50px;
  height: 50px;
}
.payment-container.SE .logo .placeholder {
  background-position: 0 -410px;
  width: 120px;
  height: 50px;
}
.payment-container.SO .logo .placeholder {
  background-position: 0 -465px;
  width: 80px;
  height: 55px;
}
.payment-container.GA .logo .placeholder {
  background-position: 0 -285px;
  width: 55px;
  height: 50px;
}
.payment-container.PP .logo .placeholder {
  background-position: 0 -538px;
  width: 122px;
  height: 66px;
}
.payment-container.FT .logo .placeholder {
  background-position: 0 -624px;
  width: 150px;
  height: 66px;
}
.payment-container.NV .logo .placeholder {
  background-image: url(/content/css/lopocacom2/images/klarna-cc.png);
  background-size: contain;
  background-position: center center;
  width: 150px;
  height: 66px;
}
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container {
  background: #555555;
}
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container:hover,
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container:focus {
  background: var(--blue);
}
[data-theme='dark'] .cmsmodul.payment .payments-container .payment-container .name {
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.payment .process-payment-container {
  padding: 20px;
  text-align: center;
  background: #fff;
}
.payment .process-payment-container:empty {
  display: none;
}
.payment .process-payment-container iframe {
  margin: 5px auto;
  max-width: 600px;
  width: 100%;
  display: block;
  min-height: 400px;
}
.payment .process-payment-container iframe.PS {
  min-height: 1100px;
}
.payment .process-payment-container .cc-trustpayment iframe {
  min-height: 40px;
}
.payment .process-payment-container .information {
  color: #111;
  padding: 20px;
  margin: 0 auto;
  max-width: 800px;
  line-height: 1.4;
}
.payment .process-payment-container .information .balance {
  margin-top: 20px;
  font-weight: bold;
}
.payment .process-payment-container .buttons-container {
  margin: 20px auto;
}
.payment .process-payment-container .buttons-container > div {
  cursor: pointer;
  display: inline-block;
  margin: 8px 0;
}
.payment .process-payment-container .buttons-container .confirm {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.payment .process-payment-container .buttons-container .confirm:hover,
.payment .process-payment-container .buttons-container .confirm:focus {
  background: var(--darkblue);
}
.payment .process-payment-container .buttons-container .back {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.payment .process-payment-container .buttons-container .back:hover,
.payment .process-payment-container .buttons-container .back:focus {
  background: var(--darkblue);
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .product-info-container {
  text-align: center;
  margin: 28px 0;
  color: #555555;
  display: none;
}
.cmsmodul.payment .products-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin: 40px 0;
}
.cmsmodul.payment .products-container .product-item-container {
  width: 100%;
  margin-bottom: 40px;
  background: var(--lightblue);
  border-radius: 12px;
  padding: 20px 10px;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 800px) {
  .cmsmodul.payment .products-container .product-item-container {
    width: 30%;
  }
}
.cmsmodul.payment .products-container .product-item-container .image-container {
  display: flex;
}
.cmsmodul.payment .products-container .product-item-container .image-container img {
  max-height: 250px;
  margin: 0 auto;
  object-fit: contain;
}
.cmsmodul.payment .products-container .product-item-container .description {
  text-align: center;
}
.cmsmodul.payment .products-container .product-item-container .description .title {
  color: var(--blue);
  font-weight: 900;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  display: block;
  padding: 8px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.payment .products-container .product-item-container .description .title {
    font-size: 1.2rem;
  }
}
.cmsmodul.payment .products-container .product-item-container .description .price {
  font-weight: 900;
}
.cmsmodul.payment .products-container .product-item-container .popup-container {
  font-size: 0.9em;
  text-align: center;
  padding: 20px 8px 0 8px;
  color: #555555;
}
.cmsmodul.payment .products-container .product-item-container:hover,
.cmsmodul.payment .products-container .product-item-container:focus,
.cmsmodul.payment .products-container .product-item-container.selected {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.payment .products-container .product-item-container:hover .description .title,
.cmsmodul.payment .products-container .product-item-container:focus .description .title,
.cmsmodul.payment .products-container .product-item-container.selected .description .title {
  color: #fff;
}
.cmsmodul.payment .products-container .product-item-container:hover .popup-container,
.cmsmodul.payment .products-container .product-item-container:focus .popup-container,
.cmsmodul.payment .products-container .product-item-container.selected .popup-container {
  color: #fff;
}
.cmsmodul.payment .products-container .product-item-container.selected:before {
  background: white url(/content/css/lopocacom2/images/check.svg) no-repeat;
  content: '';
  width: 75px;
  height: 75px;
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 100px;
  border: 10px solid var(--lightblue);
  box-shadow: 0 0 12px #111;
}
[data-theme='dark'] .cmsmodul.payment .products-container .product-item-container {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.payment .result-status {
  background: #edf6fd;
  padding: 40px 20px;
  margin: 20px 0 60px 0;
  border-radius: 8px;
  text-align: center;
}
.cmsmodul.payment .result-status > p {
  padding: 6px;
}
.cmsmodul.payment .result-status .back-link {
  padding: 20px 10px;
}
.cmsmodul.payment .result-status .back-link a {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.cmsmodul.payment .result-status .back-link a:hover,
.cmsmodul.payment .result-status .back-link a:focus {
  background: var(--darkblue);
}
[data-theme='dark'] .cmsmodul.payment .result-status {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.gallery-casino {
  background: #111 url(/content/css/lopocacom2/images/bg1.jpg);
  background-size: cover;
  padding: 20px;
  border-radius: 12px;
  max-width: 1260px;
  margin: 40px auto;
}
@media screen and (min-width: 640px) {
  .gallery-casino {
    padding: 40px 20px;
  }
}
@media screen and (min-width: 1024px) {
  .gallery-casino {
    padding: 80px 40px;
  }
}
.gallery-casino:before {
  content: 'CASINO';
  display: block;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  color: #ffcd1c;
  margin: 20px 0;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
}
@media screen and (min-width: 640px) {
  .gallery-casino:before {
    font-size: 3rem;
    margin: 40px 0;
  }
}
.gallery-casino .slick-track {
  margin: 0 auto;
}
.gallery-casino .slick-track:before,
.gallery-casino .slick-track:after {
  display: none;
}
.gallery-casino .slick-track .item {
  padding: 20px 10px;
}
.gallery-casino .slick-track .item figure img {
  height: 200px;
  width: 100%;
  object-fit: cover;
  object-position: center center;
  border-radius: 12px;
  box-shadow: 0 0 8px #111;
}
.container .gallery-casino {
  margin-top: 0;
  margin-bottom: 0;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*grün: #406158
schwarz: #020203
gold: #e1b935
*/

.Adventcalendar {
  background: #e1bb36 url(/content/css/lopocacom2/images/adventcalendar/snow-bg.png) !important;
  position: relative;
  padding: 0 calc(50% - 500px);
  padding-bottom: 100px;
}
.Adventcalendar:before {
  content: '';
  display: block;
  background: #e1bb36 url(/content/css/lopocacom2/images/adventcalendar/adventcalendar-sublogo-de.png) no-repeat center center;
  background-size: contain;
  width: 100%;
  height: 340px;
  padding: 20px auto;
  border-top: 80px solid #e1bb36;
  border-bottom: 50px solid #e1bb36;
}
.Adventcalendar .list {
  justify-content: space-between;
  padding: 0 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}
.Adventcalendar .list .item {
  display: inline-block;
  width: 135px !important;
  height: 100px;
  margin-bottom: 30px;
  margin-right: 20px;
  text-decoration: none;
  cursor: not-allowed;
  position: relative;
  overflow: initial;
}
.Adventcalendar .list .item:before {
  content: attr(data-day);
  color: #e1bb36;
  font-size: 60px;
  text-align: center;
  display: block;
  width: 135px;
  line-height: 100px;
  position: absolute;
  z-index: 20;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.Adventcalendar .list .item:after {
  content: '';
  width: 135px;
  height: 100px;
  background: #406158;
  display: block;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  transform-origin: left;
  transition: all 0.5s ease-in-out;
}
.Adventcalendar .list .item .text {
  display: none;
}
.Adventcalendar .list .item figure img {
  width: 135px !important;
  height: 100px !important;
  object-fit: cover;
  object-position: center center;
}
.Adventcalendar .list .item.actual {
  cursor: pointer;
}
.Adventcalendar .list .item.actual:hover:after {
  transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-105deg);
}
.Adventcalendar .list .item.actual:hover:before {
  opacity: 0;
}
.Adventcalendar .list .item.actual:hover figure {
  display: block;
}
.Adventcalendar .list .item.actual2 {
  cursor: pointer;
}
.Adventcalendar .list .item.actual2:after {
  display: none;
}
.Adventcalendar .list .item.actual2:before {
  opacity: 1;
  text-shadow: 0 0 4px #1a1a1a;
}
.Adventcalendar .list .item.actual2 figure {
  display: block;
}
.Adventcalendar .list .item:first-child:after,
.Adventcalendar .list .item:nth-child(4):after,
.Adventcalendar .list .item:nth-child(9):after,
.Adventcalendar .list .item:nth-child(12):after,
.Adventcalendar .list .item:nth-child(14):after,
.Adventcalendar .list .item:nth-child(16):after,
.Adventcalendar .list .item:nth-child(17):after,
.Adventcalendar .list .item:nth-child(19):after,
.Adventcalendar .list .item:nth-child(22):after {
  background-color: #b0432f;
}
.Adventcalendar .list .item:nth-child(3):after,
.Adventcalendar .list .item:nth-child(6):after,
.Adventcalendar .list .item:nth-child(8):after,
.Adventcalendar .list .item:nth-child(11):after,
.Adventcalendar .list .item:nth-child(13):after,
.Adventcalendar .list .item:nth-child(16):after,
.Adventcalendar .list .item:nth-child(21):after,
.Adventcalendar .list .item:nth-child(24):after {
  background-color: #000;
}
html.en .Adventcalendar:before {
  background-image: url(/content/css/lopocacom2/images/adventcalendar/adventcalendar-sublogo-en.png);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.news-items .not-active {
  display: none;
}
.news-items .detail {
  padding: 20px 10px 50px 10px;
  max-width: 1120px;
  margin: 10px auto;
}
.news-items .detail .date {
  display: none;
}
.news-items .detail h1 {
  color: var(--blue);
  display: none;
}
.news-items .detail .back-link {
  margin: 100px 0 20px 0;
  text-align: center;
  border-top: 1px solid #edf6fd;
  padding-top: 20px;
}
.news-items .detail .back-link a {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.news-items .detail .back-link a:hover,
.news-items .detail .back-link a:focus {
  background: var(--darkblue);
}
.what-how-when-container {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  max-width: 1380px;
  margin: 0 auto;
  justify-content: space-between;
}
@media screen and (min-width: 800px) {
  .what-how-when-container {
    flex-direction: row;
  }
}
.what-how-when-container > div {
  background: var(--lightblue);
  padding: 20px;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
}
@media screen and (min-width: 800px) {
  .what-how-when-container > div {
    width: 31%;
  }
}
.what-how-when-container > div h1 {
  text-align: center;
  background: var(--blue);
  color: #fff !important;
  padding: 20px 10px;
  margin-bottom: 20px;
  display: block !important;
}
.what-how-when-container > div h1 [class^="lpc-"]:before,
.what-how-when-container > div h1 [class*=" lpc-"]:before {
  color: #fff;
}
[data-theme='dark'] .what-how-when-container div {
  color: #111 !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.news-items .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  padding: 20px;
}
@media screen and (min-width: 1300px) {
  .news-items .list {
    padding: 20px calc(50% - 600px);
  }
}
.news-items .list .item {
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 40px;
}
@media screen and (min-width: 640px) {
  .news-items .list .item {
    width: 47%;
  }
}
.news-items .list .item figure img {
  width: 100%;
  height: 260px;
  margin-bottom: 8px;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 1300px) {
  .news-items .list .item figure img {
    height: 340px;
  }
}
.news-items .list .item .text h4 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-weight: 700;
  margin-bottom: 4px;
  color: var(--blue);
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .news-items .list .item .text h4 {
    font-size: 1.4rem;
  }
}
.news-items .list .item .text .date {
  display: none;
}
/*Banner Home*/

.newsbg1.news-items {
  height: 100%;
  background: url(/content/css/lopocacom2/images/bg2.jpg) no-repeat;
  background-size: cover;
  border-radius: 12px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.newsbg1.news-items .slick-slider {
  margin-bottom: 0;
}
.newsbg1.news-items .body,
.newsbg1.news-items .triangle {
  display: none;
}
[data-theme='dark'] .news-items:not(.newsbg1) {
  background: url(/content/css/lopocacom2/images/wave-bg.png) no-repeat center center;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.newsletter-consent .content h3 {
  font-size: 3rem;
  text-transform: uppercase;
  margin: 20px 0 10px;
}
.cmsmodul.newsletter-consent .buttons {
  text-align: center;
  padding: 40px 20px;
  border-top: 1px solid #edf6fd;
  margin-top: 40px;
}
.cmsmodul.newsletter-consent .buttons a {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.newsletter-consent .buttons a:hover,
.cmsmodul.newsletter-consent .buttons a:focus {
  background: var(--darkblue);
}
[data-theme='dark'] .cmsmodul.newsletter-consent .buttons {
  border-color: #555555;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-buy-sell .buy-sell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  min-height: 100px;
}
.nuggetgame-buy-sell .buy-sell.hideme {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.nuggetgame-buy-sell .buy-sell > div {
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 640px) {
  .nuggetgame-buy-sell .buy-sell > div {
    width: 49%;
  }
}
.nuggetgame-buy-sell .buy-sell > div h5 {
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 900;
}
@media screen and (min-width: 640px) {
  .nuggetgame-buy-sell .buy-sell > div h5 {
    font-size: 1.2rem;
  }
}
.nuggetgame-buy-sell .buy-sell > div h5 span {
  display: block;
  font-weight: 400;
  color: #555555;
  text-transform: none;
  font-size: 0.9em;
  padding: 4px 0 8px 0;
}
.nuggetgame-buy-sell .buy-sell > div .items .item {
  display: flex;
  justify-content: space-between;
  border: 1px solid blue;
  border-radius: 8px;
  align-items: center;
  margin: 8px 0;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span {
  width: 50%;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span.price {
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  background: #007de1;
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
  padding: 15px 4px;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span.volume {
  font-size: 1rem;
}
.nuggetgame-buy-sell .buy-sell > div .items .item > span.volume span {
  display: block;
  padding: 2px;
}
.nuggetgame-buy-sell .buy-sell > div .items.show-all .item {
  display: flex !important;
}
.nuggetgame-buy-sell .buy-sell > div .items.show-all .show-more {
  transform: rotate(-90deg);
}
.nuggetgame-buy-sell .buy-sell > div .show-more {
  background: none;
  border: none;
  transform: rotate(90deg);
  cursor: pointer;
  font-size: 1.2rem;
  color: black;
  font-family: 'brandon';
  font-weight: 700;
}
.nuggetgame-buy-sell .buy-sell > div.sell .items .item {
  border-color: #ffcd1c;
}
.nuggetgame-buy-sell .buy-sell > div.sell .items .item .price {
  background-color: #ffcd1c;
  color: #111;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .items .item {
  border-color: rgba(255, 255, 255, 0.5) !important;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .items .item .price {
  background-color: #555555;
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .show-more {
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div .sell .items .item .price {
  background-color: #969696;
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-buy-sell > div h5 span {
  color: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-bid-placement .title-bidplacement {
  display: none;
}
@media screen and (min-width: 1024px) {
  .nuggetgame-bid-placement {
    padding-right: 40px;
    max-width: 550px;
  }
}
.nuggetgame-bid-placement .tab-cont {
  position: relative;
}
.nuggetgame-bid-placement .tab-cont.active {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 150px;
}
.nuggetgame-bid-placement .tab-cont .input-group {
  position: relative;
  width: 100%;
  margin: 15px 0;
}
@media screen and (min-width: 640px) {
  .nuggetgame-bid-placement .tab-cont .input-group {
    width: 48%;
    margin: 5px 0;
  }
}
.nuggetgame-bid-placement .tab-cont .input-group .form-control {
  padding: 25px 4px;
  border: 1px solid var(--blue);
  border-radius: 30px;
  text-align: center;
  width: 100%;
  height: 46px;
  font-weight: bold;
  font-size: 1.2rem;
}
.nuggetgame-bid-placement .tab-cont .input-group .form-control::placeholder {
  font-size: 0.9rem;
  font-weight: normal;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn {
  position: absolute;
  left: 0;
  top: 0;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn:last-child {
  left: auto;
  right: 0;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--blue);
  border: none;
  border-radius: 100px;
  color: #fff;
  font-size: 0;
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button:hover,
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button:focus {
  transform: scale(1.1);
  background: var(--darkblue);
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button:before {
  font-family: brandon;
  content: '+';
  font-size: 40px;
  display: block;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-btn button.bootstrap-touchspin-down:before {
  content: '';
  height: 3px;
  width: 18px;
  background: #fff;
}
.nuggetgame-bid-placement .tab-cont .input-group .input-group-addon.bootstrap-touchspin-prefix {
  display: none;
}
.nuggetgame-bid-placement .tab-cont .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  position: absolute;
  bottom: 54px;
  left: 50%;
  transform: translate(-50%);
  padding: 15px 58px 32px 58px;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  white-space: nowrap;
}
.nuggetgame-bid-placement .tab-cont .button:hover,
.nuggetgame-bid-placement .tab-cont .button:focus {
  background: var(--darkblue);
}
@media screen and (min-width: 640px) {
  .nuggetgame-bid-placement .tab-cont .button {
    bottom: 44px;
    padding-left: 68px;
    padding-right: 68px;
  }
}
.nuggetgame-bid-placement .tab-cont .button .totalprice {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.nuggetgame-bid-placement .tab-cont .button .totalprice b {
  font-weight: bold;
  display: block;
  margin-left: 20px;
}
.nuggetgame-bid-placement .tab-cont .button .totalprice .inc,
.nuggetgame-bid-placement .tab-cont .button .totalprice .exc {
  position: absolute;
  left: 0;
  bottom: 12px;
  width: 100%;
  display: block;
  text-align: center;
  text-transform: none;
  font-size: 0.9rem;
  font-weight: normal;
}
.nuggetgame-bid-placement .tab-cont .button .totalprice:empty:before {
  content: '. . .';
  color: #fff;
  display: block;
  position: absolute;
  bottom: 12px;
  left: 0;
  width: 100%;
  text-align: center;
}
.nuggetgame-bid-placement .tab-cont .medal {
  display: inline-block;
  background: url(/content/css/lopoca/i/nugget_medal.png) no-repeat;
  position: absolute;
  right: 8px;
  top: 15px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-00 {
  background-position: 0px 0px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-01 {
  background-position: -32px 0px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-02 {
  background-position: -64px 0px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-03 {
  background-position: 0px -32px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-04 {
  background-position: -32px -32px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-down-05 {
  background-position: -64px -32px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-00 {
  background-position: 0px -64px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-01 {
  background-position: -32px -64px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-02 {
  background-position: -64px -64px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-03 {
  background-position: 0px -96px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-04 {
  background-position: -32px -96px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .tab-cont .medal.ic-up-05 {
  background-position: -64px -96px;
  width: 32px;
  height: 32px;
}
.nuggetgame-bid-placement .finish.displayNotification {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  padding: 35px;
  line-height: 1;
  text-align: center;
  transform: translateZ(0);
  display: block;
  font-weight: 700;
  border-bottom: 6px solid #007140;
  background: #09851b;
  color: #fff;
}
.nuggetgame-bid-placement .finish.displayNotification.err {
  color: #fff;
  background: #c40303;
  border-color: #850000;
}
.nuggetgame-bid-placement .finish.displayNotification.suc {
  color: #fff;
  background: #09851b;
  border-color: #007140;
}
.nuggetgame-bid-placement .finish.displayNotification.remove {
  position: fixed;
  top: 6px;
  right: 6px;
  font-size: 1.35em;
}
.nuggetgame-bid-placement .finish.displayNotification .icon {
  display: none;
  /*TODO*/

}
html[data-theme='dark'] .nuggetgame-bid-placement .totalprice:empty:before {
  color: #111 !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Fullscreen View*/

.nuggetgame-chart {
  padding: 10px 0;
  border-radius: 8px;
  background: #fff;
}
.nuggetgame-chart .current,
.nuggetgame-chart .charttype {
  display: none;
}
.nuggetgame-chart .chartDetailed .highcharts-range-selector-buttons text {
  fill: #007de1 !important;
}
.nuggetgame-chart .chartDetailed .highcharts-range-selector-buttons .highcharts-button-pressed rect {
  fill: #edf6fd !important;
}
.nuggetgame-chart .chartDetailed .highcharts-tooltip path {
  fill: #007de1 !important;
}
.nuggetgame-chart .chartDetailed .highcharts-tooltip text {
  fill: #fff !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-chart2 {
  margin: 20px 0;
  border-radius: 8px;
  width: 100%;
  height: 300px;
  position: relative;
}
.nuggetgame-chart2 canvas {
  width: 100%;
  height: 100%;
}
.nuggetgame-chart2:not(.initialized) {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.nuggetgame-chart2 .chart-detail {
  position: absolute;
  top: -28px;
  right: 10px;
  z-index: 10;
  text-decoration: none;
  border: 1px solid transparent;
  color: #007de1;
  border-radius: 8px;
  padding: 4px;
}
.nuggetgame-chart2 .chart-detail:hover,
.nuggetgame-chart2 .chart-detail:focus {
  border-color: #b4d1e8;
}
[data-theme='dark'] .nuggetgame-chart2 .chart-detail {
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
main .nuggetgame-cp {
  font-size: 1.5rem;
  font-weight: bold;
  color: #007de1;
}
main .nuggetgame-cp .general:before {
  content: 'AKTUELL';
  color: #555555;
  font-weight: 400;
  font-size: 1rem;
}
main .nuggetgame-cp .general:after {
  content: ' <';
  font-size: 16px;
  font-family: 'brandon';
  font-weight: 900;
  vertical-align: top;
  transform: rotate(90deg);
  display: inline-block;
  color: #09851b;
}
main .nuggetgame-cp .general.trend-Lower:after {
  color: #c40303;
  transform: rotate(-90deg);
}
main .nuggetgame-cp .general b:empty {
  display: inline-block;
  width: 70px;
  height: 20px;
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
html.en main .nuggetgame-cp .general:before {
  content: 'PRICE';
}
[data-theme='dark'] main .nuggetgame-cp .general {
  color: #e1bb36;
}
[data-theme='dark'] main .nuggetgame-cp .general:before {
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.player-pot {
  position: relative;
  margin-top: 25px;
}
@media screen and (min-width: 800px) {
  .player-pot {
    float: right;
    width: 50%;
  }
}
.player-pot .playerpot {
  text-align: center;
}
.player-pot .playerpot:before {
  width: 40px;
  height: 40px;
  content: '';
  background: url(/content/css/lopocacom2/images/icon-pot.svg) no-repeat center center;
  background-size: contain;
  margin: 0 auto 8px auto;
  display: block;
}
.player-pot .playerpot .txt {
  font-weight: 900;
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .player-pot .playerpot .txt {
    font-size: 1.2rem;
  }
}
.player-pot .playerpot .info-icon {
  background: var(--blue);
  color: #fff;
  border-radius: 30px;
  font-size: 8px;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 18px;
}
.player-pot .playerpot .number {
  padding: 8px;
}
.player-pot .playerpot .tooltiptext {
  display: none;
  position: absolute;
  background: var(--blue);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #555555;
  max-width: 340px;
  line-height: 1.2;
  z-index: 9000;
}
.player-pot .playerpot .tooltiptext.active {
  display: block;
}
html[data-theme='dark'] .player-pot .playerpot:before {
  filter: brightness(0) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-portfolio {
  position: relative;
}
.nuggetgame-portfolio.loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
.nuggetgame-portfolio h5 {
  text-align: center;
  margin: 40px auto 100px auto;
  text-transform: uppercase;
  font-weight: 900;
  font-size: 1.1rem;
}
@media screen and (min-width: 640px) {
  .nuggetgame-portfolio h5 {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 1.2rem;
  }
}
.nuggetgame-portfolio .nugget-portfolio {
  padding: 20px 0;
  display: block !important;
}
.nuggetgame-portfolio .nugget-portfolio .main-details,
.nuggetgame-portfolio .nugget-portfolio .misc-details {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label {
  border-radius: 8px;
  text-align: center;
  border: 1px solid #007de1;
  padding-top: 20px;
  width: 100%;
  margin: 12px 0 30px 0;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 1200px) {
  .nuggetgame-portfolio .nugget-portfolio .main-details > label,
  .nuggetgame-portfolio .nugget-portfolio .misc-details > label {
    width: 48%;
  }
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label > span,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label > span {
  display: block;
  background: #007de1;
  color: #fff;
  white-space: nowrap;
  padding: 15px 4px 10px 4px;
  margin-top: 14px;
  font-size: 1rem;
  font-weight: normal;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media screen and (min-width: 1300px) {
  .nuggetgame-portfolio .nugget-portfolio .main-details > label > span,
  .nuggetgame-portfolio .nugget-portfolio .misc-details > label > span {
    font-size: 1.2em;
  }
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label > span br,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label > span br {
  display: none;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label > span .avgspan,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label > span .avgspan {
  display: inline-block;
  font-size: 0.7em;
  margin-left: 8px;
  vertical-align: middle;
  position: absolute;
  bottom: -24px;
  left: 0;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label.total,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.total,
.nuggetgame-portfolio .nugget-portfolio .main-details > label.last-sell,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.last-sell {
  border-color: #ffcd1c;
}
.nuggetgame-portfolio .nugget-portfolio .main-details > label.total > span,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.total > span,
.nuggetgame-portfolio .nugget-portfolio .main-details > label.last-sell > span,
.nuggetgame-portfolio .nugget-portfolio .misc-details > label.last-sell > span {
  background-color: #ffcd1c;
  color: #111;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details {
  margin-bottom: 20px;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details > label .linkbutton {
  position: absolute;
  left: 8px;
  font-size: 1rem;
  bottom: -24px;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus {
  margin: 60px auto 20px auto;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus a {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus a:hover,
.nuggetgame-portfolio .nugget-portfolio .misc-details .nugget-bonus a:focus {
  background: var(--darkblue);
  color: #fff;
}
.nuggetgame-portfolio .nugget-portfolio .rank {
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  background: url(/content/css/lopocacom2/images/icon-rank.svg) no-repeat center center;
  background-size: contain;
  padding: 20px 8px 40px 8px;
  width: 100px;
  height: 100px;
  color: #007de1;
  border-radius: 100px;
}
@media screen and (min-width: 640px) {
  .nuggetgame-portfolio .nugget-portfolio .rank {
    right: 0;
    left: auto;
    top: -46px;
    transform: none;
  }
}
.nuggetgame-portfolio .nugget-portfolio .rank .header {
  font-size: 0.9em;
  margin-bottom: 5px;
}
.nuggetgame-portfolio .nugget-portfolio .rank .position {
  font-weight: 900;
}
.nuggetgame-portfolio .nugget-portfolio .rank .trend:before {
  content: '>';
  transform: rotate(90deg);
  font-family: 'brandon';
  font-weight: 900;
  display: inline-block;
  font-size: 1.1rem;
  color: #c40303;
  position: absolute;
  bottom: 25px;
  margin-left: -4px;
}
.nuggetgame-portfolio .nugget-portfolio .rank .trend.up:before {
  transform: rotate(-90deg);
  color: #09851b;
}
.nuggetgame-portfolio .nugget-portfolio .rank:hover + .rank-info,
.nuggetgame-portfolio .nugget-portfolio .rank:focus + .rank-info {
  display: block;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info {
  display: none;
  top: 50px;
  right: 0;
  position: absolute;
  background: var(--blue);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #555555;
  max-width: 340px;
  line-height: 1.2;
  z-index: 9000;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .header {
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 6px;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .buy {
  display: none;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .my-position {
  margin-top: 12px;
  font-weight: bold;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .my-position .trend:before {
  content: '>';
  transform: rotate(90deg);
  font-family: 'brandon';
  font-weight: 900;
  font-size: 1.1rem;
  margin-left: 4px;
  margin-top: -4px;
  color: #fff;
  background: #c40303;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 25px;
  vertical-align: middle;
}
.nuggetgame-portfolio .nugget-portfolio .rank-info .my-position .trend.up:before {
  transform: rotate(-90deg);
  background: #09851b;
}
html[data-theme='dark'] .nuggetgame-portfolio .rank {
  background-image: url(/content/css/lopocacom2/images/icon-rank-white.svg);
  color: #111;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label {
  border-color: #fff;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label > span {
  background: #555555;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label > span span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label > span span {
  color: #fff;
}
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label.total > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label.total > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .main-details label.last-sell > span,
html[data-theme='dark'] .nuggetgame-portfolio .nugget-portfolio .misc-details label.last-sell > span {
  background: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.statistics {
  position: relative;
  margin-top: 25px;
}
@media screen and (min-width: 800px) {
  .statistics {
    float: left;
    width: 50%;
  }
}
.statistics .nuggets {
  text-align: center;
}
.statistics .nuggets:before {
  width: 40px;
  height: 40px;
  content: '';
  background: url(/content/css/lopocacom2/images/icon-nugget.svg) no-repeat center center;
  background-size: contain;
  margin: 0 auto 8px auto;
  display: block;
}
.statistics .nuggets .txt {
  font-weight: 900;
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}
@media screen and (min-width: 640px) {
  .statistics .nuggets .txt {
    font-size: 1.2rem;
  }
}
.statistics .nuggets .info-icon {
  background: var(--blue);
  color: #fff;
  border-radius: 30px;
  font-size: 8px;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 18px;
}
.statistics .nuggets .number {
  padding: 8px;
}
.statistics .nuggets .tooltiptext {
  display: none;
  position: absolute;
  background: var(--blue);
  color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 2px 2px 8px #555555;
  max-width: 340px;
  line-height: 1.2;
  z-index: 9000;
}
.statistics .nuggets .tooltiptext.active {
  display: block;
}
html[data-theme='dark'] .statistics .nuggets:before {
  filter: brightness(0) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nugget-ticker {
  background: var(--blue);
  color: var(--button-text);
  padding: 12px 10px 10px 10px;
  line-height: 1;
  display: flex;
  width: 100%;
  transition: all ease-in 3s;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 10;
}
@media screen and (min-width: 640px) {
  .nugget-ticker {
    padding: 14px 10px 11px 10px;
  }
}
.nugget-ticker .ticker-container {
  width: 100%;
  overflow: hidden;
}
.nugget-ticker .ticker-container ul {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation: marquee 30s linear infinite;
}
.nugget-ticker .ticker-container ul li {
  display: inline;
}
@media screen and (min-width: 640px) {
  html.scrolled400 .nugget-ticker {
    position: static;
    bottom: auto;
    left: auto;
  }
}
@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nuggetgame-transaction {
  padding: 20px !important;
}
@media screen and (min-width: 1024px) {
  .nuggetgame-transaction {
    padding: 40px !important;
  }
}
.nuggetgame-transaction h3 {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.nuggetgame-transaction .linkbutton {
  display: inline-block;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.nuggetgame-transaction .linkbutton:hover,
.nuggetgame-transaction .linkbutton:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.qualification-status {
  background: #edf6fd;
  margin: 20px auto;
  padding-top: 20px;
}
header .meta .qualification {
  height: 20px;
}
header .meta .qualification:before {
  content: "\f110";
  font-family: FontAwesome;
  font-size: 17px;
}
header .meta .close.body {
  display: none;
}
header .meta .qualification.not-qual {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_not_qualified.svg);
}
header .meta .qualification.qual {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_qualified.svg);
}
header .meta .qualification-status .period {
  font-family: 'Avenir-Light', Sans-Serif, Arial;
  color: #4b4b4b;
}
.de header .meta .qualification-status.qual.turnover progress,
.de header .meta .qualification-status.qual.joker progress {
  bottom: 68px;
}
header .meta .qualification-status .turnover .turnover-complete,
header .meta .qualification-status .turnover .turnover-remaining {
  padding-top: 18px;
}
progress {
  width: 7.7em;
}
header .qualification-status h6 {
  color: black !important;
}
.qualification-status .description .desc-info {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--lightblue2);
  margin-bottom: 12px;
}
.qualification-status .jokercards {
  display: none;
}
.qualification-status .description .jokercards {
  padding-top: 15px;
  border-top: 1px solid #777;
  clear: both;
}
header .meta .qualification-status progress {
  position: absolute;
  bottom: 81px;
  left: 44px;
}
.qualification-status .btn.buy-packages {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.qualification-status .btn.buy-packages:hover,
.qualification-status .btn.buy-packages:focus {
  background: var(--darkblue);
}
.qualification-status {
  display: none;
}
.qualification-status.loaded {
  display: block;
}
.qualification-status.loaded .icon-turnover-green,
.qualification-status.qual.joker .icon-turnover-green {
  display: none;
}
.qualification-status.qual.turnover .icon-turnover-green {
  display: inline-block;
}
.qualification-status.loaded .icon-turnover-grey,
.qualification-status.qual.joker .icon-turnover-grey {
  display: inline-block;
}
.qualification-status.qual.turnover .icon-turnover-grey {
  display: none;
}
.qualification-status.loaded .icon-notqualified {
  display: inline-block;
}
.qualification-status.qual.turnover .icon-notqualified,
.qualification-status.qual.joker .icon-notqualified {
  display: none;
}
.qualification-status.qual.turnover .icon-qualified,
.qualification-status.qual.joker .icon-qualified {
  display: inline-block;
}
.qualification-status.loaded .icon-qualified {
  display: none;
}
.qualification-status.loaded .icon-jokercard-grey,
.qualification-status.qual.turnover .icon-jokercard-grey {
  display: inline-block;
}
.qualification-status.qual.joker .icon-jokercard-grey {
  display: none;
}
.qualification-status.loaded .icon-jokercard-green,
.qualification-status.qual.turnover .icon-jokercard-green {
  display: none;
}
.qualification-status.qual.joker .icon-jokercard-green {
  display: inline-block;
}
.qualification-status.loaded .jokercard-info,
.qualification-status.qual.turnover .jokercard-info {
  display: none;
}
.qualification-status.qual.joker .jokercard-info {
  display: inline-block;
}
header .qualification-status.loaded .buy-packages {
  width: 70px;
}
.qualification-status .qualified-description .not-text {
  display: block;
  color: #EA3D3D;
}
.qualification-status.qual.turnover .qualified-description .not-text,
.qualification-status.qual.joker .qualified-description .not-text {
  display: none;
}
.qualification-status.qual.turnover .qualified-description .joker-text,
.qualification-status .qualified-description .joker-text {
  display: none;
}
.qualification-status.qual.joker .qualified-description .turnover-text,
.qualification-status .qualified-description .turnover-text {
  display: none;
}
.qualification-status.qual.turnover .qualified-description .turnover-text,
.qualification-status.qual.joker .qualified-description .joker-text {
  display: block;
  color: #63C157;
  font-size: 0.8rem;
}
.qualification-status.qual.turnover .turnover .icon-turnover-green {
  display: inline-block;
}
.qualification-status.loaded .turnover .icon-turnover-green,
.qualification-status.qual.joker .turnover .icon-turnover-green {
  display: none;
}
.qualification-status.qual.turnover .turnover .icon-turnover-blue {
  display: none;
}
.qualification-status.loaded .turnover .icon-turnover-blue,
.qualification-status.qual.joker .turnover .icon-turnover-blue {
  display: inline-block;
}
.qualification-status.qual.joker .turnover .remainingbalance,
.qualification-status.loaded .turnover .remainingbalance {
  display: inline-block;
}
.qualification-status.qual.turnover .turnover .remainingbalance {
  display: none;
}
.qualification-status.qual.turnover .turnover .green {
  display: inline-block;
}
.qualification-status.loaded .turnover .green,
.qualification-status.qual.joker .turnover .green {
  display: none;
}
.qualification-status.qual.turnover .turnover .blue {
  display: none;
}
.qualification-status.loaded .turnover .blue,
.qualification-status.qual.joker .turnover .blue {
  display: inline-block;
}
.qualification-status.qual.turnover .turnover .turnover-complete {
  display: block;
  font-size: 0.8em;
}
.qualification-status.loaded .turnover .turnover-complete,
.qualification-status.qual.joker .turnover .turnover-complete {
  display: none;
}
.qualification-status.qual.turnover .turnover .turnover-remaining {
  display: none;
  font-size: 0.8em;
}
.qualification-status.qual.joker .jokercard .icon-jokercard-green {
  display: inline-block;
}
.qualification-status .jokercard .text {
  font-size: 1rem;
}
.qualification-status.loaded .jokercard .icon-jokercard-green,
.qualification-status.qual.turnover .jokercard .icon-jokercard-green {
  display: none;
}
.qualification-status.qual.joker .jokercard .icon-jokercard-blue {
  display: none;
}
.qualification-status.loaded .jokercard .icon-jokercard-blue,
.qualification-status.qual.turnover .jokercard .icon-jokercard-blue {
  display: inline-block;
}
.qualification-status.qual.joker .jokercard .remainingjokercards {
  color: #63C157;
}
.qualification-status.loaded .jokercard .remainingjokercards,
.qualification-status.qual.turnover .jokercard .remainingjokercards {
  color: #0173C7;
}
/* Information */

header .meta .qualification-status .header.none {
  display: none;
}
header .meta .qualification-status .description.active {
  display: block;
}
.qualification-status .description .back:before {
  content: "\f0e2";
  font-family: FontAwesome;
  float: left;
  position: absolute;
  right: 5px;
  top: 5px;
}
.qualification-status {
  position: relative;
}
.qualification-status .description {
  display: none;
}
.qualification-status .description.active {
  display: block;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  padding: 40px;
  background: #edf6fd;
}
.qualification-status .description h4,
.qualification-status .description h6 {
  text-align: center;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
  font-size: 1.2rem;
}
.qualification-status .description .desc-info,
.qualification-status .description div:last-child {
  color: var(--maintext);
  text-align: center;
  font-size: 0.9rem;
  line-height: 120%;
  clear: both;
}
.qualification-status .description .products,
.qualification-status .description .plus {
  text-align: center;
}
.qualification-status .description .jokercards h6 {
  font-size: 1rem;
  margin: 12px 0 8px 0;
  line-height: 100%;
}
.qualification-status .description .jokercards .icon-jokercard-blue {
  width: 25px;
  display: inline-block !important;
  vertical-align: middle;
}
/* Within page */

#m .qualification-status {
  text-align: center;
  padding: 10px;
  height: 220px;
}
#m .qualification-status h4 {
  color: black;
  display: inline;
  margin: 12px;
}
#m .qualification-status .general {
  width: 20%;
  float: left;
  margin-left: 20%;
}
#m .qualification-status .turnover,
#m .qualification-status .jokercard {
  width: 20%;
  margin-top: 20px;
}
#m .qualification-status .turnover {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #ddd;
  padding-left: 10px;
}
#m .qualification-status .jokercard-info {
  vertical-align: 124%;
}
#m .qualification-status .qualified-description {
  padding-top: 6px;
}
#m hr {
  display: none;
}
#m .qualification-status .description {
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  left: calc(-200%);
  top: 20%;
  overflow: auto;
  /* Enable scroll if needed */
  background-color: white;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  box-shadow: 0 8px 12px #999;
}
#m .qualification-status .description.active {
  display: block;
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  height: auto;
  z-index: 100;
  max-width: 500px;
}
#m .qualification-status .description h6 {
  color: black;
}
#m .qualification-status .close.menu {
  display: none;
}
#m .qualification-status .buy-packages {
  margin-right: 21%;
  margin-left: 27%;
  margin-top: 0;
}
#m .qualification-status .close:before {
  right: 8px;
  top: 4px;
}
/* infopop */

.infopop {
  display: none;
}
.infopop.active {
  display: block;
}
/* Smartphone Menu */

nav.main .nav .qualification-status h4 {
  color: black;
}
/* Responsive */

@media screen and (max-width: 1024px) {
  header nav a .qualification-status {
    font-size: 13px;
  }
}
@media screen and (max-width: 750px) {
  #m .qualification-status .general {
    width: 100%;
    margin-left: 0%;
  }
  #m .qualification-status .turnover,
  #m .qualification-status .jokercard {
    width: 50%;
  }
  #m .qualification-status.loaded {
    display: inline-block;
    height: auto !important;
    width: 100%;
  }
  #m .qualification-status .circle {
    top: 12px;
    right: 10px;
  }
  #m .qualification-status .turnover {
    border: initial;
  }
  #m .qualification-status .description {
    left: 10%;
    top: 10%;
  }
  #m .qualification-status .description .jokercards h6 {
    width: 62%;
  }
}
@media screen and (max-width: 450px) {
  #m .qualification-status .description .products > div {
    font-size: 11px;
  }
}
/* General */

.meta .qualification-status {
  height: 314px;
  text-align: center;
  padding: 15px;
  color: black !important;
  background: white;
}
.qualification-status h4 {
  font-family: 'Avenir-Heavy', Arial;
}
.qualification-status .information {
  padding: 15px;
}
.qualification-status .circle {
  position: absolute;
  right: 23px;
  top: 15px;
}
/* Progress bar green */

.green {
  color: #63C157;
  background: #a3a3a3;
  height: 3px;
}
.green::-webkit-progress-value {
  background: #63C157;
}
.green::-moz-progress-bar {
  background: #63C157;
}
/* Progress bar blue */

.blue {
  color: #fff;
  background: #fff;
  height: 3px;
}
.blue::-webkit-progress-value {
  background: #0173C7;
}
.blue::-moz-progress-bar {
  background: #0173C7;
}
.qualification-status .jokercard-info {
  color: #63C157;
  vertical-align: 140%;
}
/*
.qualification-status .turnover, .qualification-status .jokercard {
    height: 100px;
    width: 50%;
    float: left;
    text-align: center;
}
*/

.qualification-status .turnover > div,
.qualification-status .jokercard > div {
  /*height: 30px;
    padding: 10px 0px 0px 10px;*/
  padding: 10px;
}
.qualification-status .qualified-description {
  padding: 10px;
  font-size: 16px;
}
.qualification-status .icon-turnover-grey,
.qualification-status .icon-turnover-green,
.qualification-status .icon-jokercard-grey,
.qualification-status .icon-jokercard-green {
  vertical-align: 160%;
}
.qualification-status .jokercard .icon-jokercard-green {
  vertical-align: 0%;
}
.qualification-status .icon-turnover-grey {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_turnover_grey.svg);
  display: inline-block;
}
.qualification-status .icon-turnover-blue {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_turnover_blue.svg);
  display: inline-block;
}
.qualification-status .icon-turnover-green {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_turnover_green.svg);
  display: inline-block;
}
.qualification-status .icon-jokercard-grey {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_joker_card_grey.svg);
  display: inline-block;
}
.qualification-status .icon-jokercard-blue {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_joker_card_blue.svg);
  display: inline-block;
}
.qualification-status .icon-jokercard-green {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_joker_card_green.svg);
  display: inline-block;
}
.qualification-status .icon-qualified {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_qualified.svg);
  display: inline-block;
  padding: 10px;
}
.qualification-status .icon-notqualified {
  content: url(/content/css/lopocacom2/areas-root/qualification-status/icon/icon_not_qualified.svg);
  display: inline-block;
  padding: 10px;
}
.qualification-status .remainingbalance,
.qualification-status .remainingjokercards {
  font-size: 16px;
  display: inline-block;
  vertical-align: 25%;
  padding-left: 5px;
}
.qualification-status .remainingbalance {
  color: #0173C7;
}
.qualification-status .description .products {
  float: left;
  width: 100%;
  padding-bottom: 15px;
}
.qualification-status .description .jokercards h6 {
  width: 58%;
  float: left;
  text-align: right;
  padding-right: 10px;
  color: white;
}
.qualification-status .description .jokercards .icon-jokercard-blue {
  display: block;
}
.qualification-status .description > div {
  padding: 5px;
}
.qualification-status .description .casino {
  content: url(/content/css/lopoca/register/i/icon_casino.svg);
  display: inline-block;
}
.qualification-status .description .nugget {
  content: url(/content/css/lopoca/register/i/icon_nugget.svg);
  display: inline-block;
}
.qualification-status .description .sportsbetting {
  content: url(/content/css/lopoca/register/i/icon_sportsbetting.svg);
  display: inline-block;
}
.qualification-status .close {
  cursor: pointer;
}
.qualification-status .close:before {
  content: "x";
  position: absolute;
  right: 16px;
  top: 23px;
  font-size: 20px;
  background: var(--blue);
  color: var(--button-text);
  width: 30px;
  height: 30px;
  max-height: 30px;
  box-sizing: border-box;
  border-radius: 40px;
  text-align: center;
  padding: 2px 0 4px;
  font-weight: bold;
  font-family: brandon;
}
.qualification-status .close:hover:before,
.qualification-status .close:focus:before {
  opacity: 0.7;
}
.header.qualifications-status-items {
  text-align: center;
  padding: 38px 20px;
  position: relative;
}
.header.qualifications-status-items .header-text {
  text-align: center;
}
.header.qualifications-status-items .header-text h4 {
  display: inline-block;
}
.header.qualifications-status-items .header-text .info-icon {
  font-size: 12px;
  background: white;
  color: black;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: text-top;
  margin-left: 10px;
  line-height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.header.qualifications-status-items > div {
  position: relative;
}
.header.qualifications-status-items h4 {
  text-transform: uppercase;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 8px;
}
@media screen and (min-width: 800px) {
  .header.qualifications-status-items h4 {
    font-size: 2rem;
  }
}
.header.qualifications-status-items .icon {
  display: none;
}
.header.qualifications-status-items .icon:before {
  content: 'X';
}
.header.qualifications-status-items .period {
  color: #111;
  line-height: 1.3;
}
.header.qualifications-status-items .status-row .row-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1100px;
  padding: 20px 30px;
  margin: 30px auto;
  flex-direction: column;
}
@media screen and (min-width: 1100px) {
  .header.qualifications-status-items .status-row .row-flex {
    flex-direction: row;
  }
}
/*CAN*/

html.uc-68 .qualification-status .jokercard,
html.ui-68 .qualification-status .jokercard {
  display: none;
}
[data-theme='dark'] .qualification-status {
  background: #111;
}
[data-theme='dark'] .qualification-status .period {
  color: #fff;
}
[data-theme='dark'] .qualification-status .description {
  background: #111;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.gaming-limits {
  margin-bottom: 100px;
  background: var(--lightblue);
  border-radius: 8px;
  padding: 40px;
  margin: 0 20px;
}
.cmsmodul.gaming-limits .remove-value {
  display: inline-block;
  visibility: hidden;
  font-size: 0.8rem;
  text-decoration: none;
  margin-top: 8px;
}
.cmsmodul.gaming-limits .remove-value.active {
  visibility: visible;
}
.cmsmodul.gaming-limits .done {
  display: none;
  background: #09851b;
  padding: 40px;
  color: #111;
  margin-bottom: 30px;
}
.cmsmodul.gaming-limits .done.active {
  display: block;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits .gametywrap {
    display: flex;
    justify-content: center;
  }
}
.cmsmodul.gaming-limits .gametywrap .gamety {
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits .gametywrap .gamety {
    width: 31%;
  }
}
.cmsmodul.gaming-limits .gametywrap .gamety h3 {
  margin: 0 0 8px 1px;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul {
  list-style-type: none;
  margin: 0;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li {
  position: relative;
  padding: 4px 0;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li.up input {
  border-bottom-color: #c40303;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li.down input {
  border-bottom-color: #09851b;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li span {
  position: absolute;
  font-size: 0.8em;
  left: 10px;
  top: 21px;
  color: var(--blue);
  z-index: 10;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li input {
  max-width: 240px;
  text-align: right;
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.gaming-limits .gametywrap .gamety ul li input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.gaming-limits .btn-continue {
  margin: 25px auto;
  text-align: center;
}
.cmsmodul.gaming-limits .btn-continue .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.cmsmodul.gaming-limits .btn-continue .button:hover,
.cmsmodul.gaming-limits .btn-continue .button:focus {
  background: var(--darkblue);
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits.side-by-side .gamety {
    width: 100%;
  }
  .cmsmodul.gaming-limits.side-by-side .gamety ul {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
  .cmsmodul.gaming-limits.side-by-side .gamety ul li {
    margin-right: 25px;
  }
  .cmsmodul.gaming-limits.side-by-side .gamety ul li .remove-value {
    display: block;
  }
}
.cmsmodul.gaming-limits .confirmation-dialog {
  display: none;
  position: fixed;
  z-index: 210010;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: var(--lightblue);
  padding: 40px;
  text-align: center;
  color: #111;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.gaming-limits .confirmation-dialog {
    width: 600px;
    height: auto;
    top: 30%;
    left: 50%;
    margin-left: -300px;
  }
}
.cmsmodul.gaming-limits .confirmation-dialog.active {
  display: block;
}
.cmsmodul.gaming-limits .confirmation-dialog .increase-info,
.cmsmodul.gaming-limits .confirmation-dialog .decrease-info {
  padding: 8px 0;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns {
  display: flex;
  margin-top: 20px;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a {
  width: 45%;
  margin: 2%;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a:hover,
.cmsmodul.gaming-limits .confirmation-dialog .btns a:focus {
  background: var(--darkblue);
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a.cancel {
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.gaming-limits .confirmation-dialog .btns a.cancel:hover,
.cmsmodul.gaming-limits .confirmation-dialog .btns a.cancel:focus {
  background: var(--darkblue);
  color: #fff;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.block {
  background: var(--lightblue);
  color: #111;
  padding: 40px;
  border-radius: 8px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.block {
    max-width: 900px;
    margin: 0 auto;
  }
}
.cmsmodul.block .blocked-container {
  background: #c40303;
  padding: 40px;
  margin-bottom: 20px;
  color: #fff;
  font-weight: bold;
  font-size: 1.1rem;
}
.cmsmodul.block .game {
  margin-bottom: 20px;
}
.cmsmodul.block .game select {
  display: block;
  width: 100%;
  border: none;
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  margin-left: 4px;
  padding: 8px;
  font-weight: bold;
}
.cmsmodul.block .game select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
@media screen and (min-width: 640px) {
  .cmsmodul.block .game select {
    width: auto;
    display: inline-block;
  }
}
.cmsmodul.block ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.cmsmodul.block ul li {
  padding: 8px 0;
}
.cmsmodul.block ul li input[type=radio] {
  zoom: 1.6;
  margin-right: 8px;
  vertical-align: middle;
  margin-bottom: 2px;
}
.cmsmodul.block ul li input[type=radio][disabled] + label {
  opacity: 0.7;
}
.cmsmodul.block ul li input[type=radio][disabled] + label:hover:before {
  content: 'Diese Option ist nicht möglich, da Sie in diesem Zeitraum bereits gesperrt sein.';
  display: block;
  position: absolute;
  background: #c40303;
  color: #fff;
  box-shadow: 0 0 12px #555555;
  padding: 6px 8px;
  border-radius: 8px;
  font-size: 0.9rem;
}
.cmsmodul.block .btn-confirmation {
  margin-top: 40px;
}
.cmsmodul.block .btn-confirmation a.disabled {
  opacity: 0.7;
}
.cmsmodul.block .btn-confirmation .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.cmsmodul.block .btn-confirmation .button:hover,
.cmsmodul.block .btn-confirmation .button:focus {
  background: var(--darkblue);
}
.cmsmodul.block .confirmation-dialog,
.cmsmodul.block .finish-dialog {
  display: none;
  position: fixed;
  z-index: 210010;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background: #edf6fd;
  padding: 50px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.block .confirmation-dialog,
  .cmsmodul.block .finish-dialog {
    width: 640px;
    height: auto;
    top: 30%;
    left: 50%;
    margin-left: -300px;
  }
}
.cmsmodul.block .confirmation-dialog.active,
.cmsmodul.block .finish-dialog.active {
  display: block;
}
.cmsmodul.block .confirmation-dialog .until-info,
.cmsmodul.block .finish-dialog .until-info {
  margin-top: 20px;
}
.cmsmodul.block .confirmation-dialog .until-info span,
.cmsmodul.block .finish-dialog .until-info span {
  font-weight: bold;
}
.cmsmodul.block .confirmation-dialog .btns,
.cmsmodul.block .finish-dialog .btns {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
.cmsmodul.block .confirmation-dialog .btns a,
.cmsmodul.block .finish-dialog .btns a {
  width: 45%;
  margin: 2%;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.block .confirmation-dialog .btns a:hover,
.cmsmodul.block .finish-dialog .btns a:hover,
.cmsmodul.block .confirmation-dialog .btns a:focus,
.cmsmodul.block .finish-dialog .btns a:focus {
  background: var(--darkblue);
}
.cmsmodul.block .finish-dialog {
  background: #09851b;
  padding-top: 80px;
  padding-bottom: 80px;
}
.cmsmodul.block .status.blocked {
  background: #c40303;
  padding: 40px;
  text-align: center;
}
.cmsmodul.block .status.blocked time {
  font-weight: bold;
}
html.en .cmsmodul.block ul li input[type=radio][disabled] + label:hover:before {
  content: 'This option is not possible because you are already be blocked during this period';
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
/*Overlay*/

.terms-and-condition-accept .content {
  max-width: 1200px;
  margin: 0 auto 40px auto;
  padding: 20px;
  line-height: 1.25;
}
@media screen and (min-width: 800px) {
  .terms-and-condition-accept .content {
    padding: 20px 50px;
  }
}
.terms-and-condition-accept .rw.buttons {
  position: sticky;
  bottom: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  background: var(--lightblue);
  padding: 20px;
}
.terms-and-condition-accept .rw.buttons .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.terms-and-condition-accept .rw.buttons .button:hover,
.terms-and-condition-accept .rw.buttons .button:focus {
  background: var(--darkblue);
}
/* Terms and Condition */

.terms-and-condition .details {
  padding: 40px;
}
.terms-and-condition .details ol {
  list-style-type: decimal;
  margin-left: 20px;
  counter-reset: item;
}
.terms-and-condition .details ol li {
  padding: 4px 0 0 10px;
}
.terms-and-condition .details ol > li {
  counter-increment: item;
}
.terms-and-condition .details ol ol > li {
  display: block;
}
.terms-and-condition .details ol ol > li:before {
  content: counters(item, ".") ". ";
  margin-left: -20px;
}
.terms-and-condition .display-immediately .btns {
  display: none;
}
.terms-and-condition .display-immediately .content {
  display: block;
  padding: 20px;
  line-height: 1.7;
  font-size: 18px;
}
.terms-and-condition .display-immediately .content h1 {
  text-align: center;
  margin-bottom: 40px;
}
.terms-and-condition .display-immediately .content table,
.terms-and-condition .display-immediately .content td,
.terms-and-condition .display-immediately .content th {
  border: 1px solid #fff;
  padding: 8px;
}
.terms-and-condition .item .btns .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
}
.terms-and-condition .item .btns .button:hover,
.terms-and-condition .item .btns .button:focus {
  background: var(--darkblue);
}
.terms-and-condition .item .content {
  display: none;
}
.terms-and-condition .item .content.active {
  display: block;
  padding: 20px;
  line-height: 1.7;
  font-size: 18px;
}
.terms-and-condition .item .content.active h1 {
  text-align: center;
  margin-bottom: 40px;
}
.terms-and-condition .item .content.active table,
.terms-and-condition .item .content.active td,
.terms-and-condition .item .content.active th {
  border: 1px solid #fff;
  padding: 8px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.persons-addresses {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px;
}
.cmsmodul.persons-addresses .address-item {
  background: var(--lightblue);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 40px;
  position: relative;
  color: #111;
}
@media screen and (min-width: 800px) {
  .cmsmodul.persons-addresses .address-item {
    padding: 40px;
  }
}
.cmsmodul.persons-addresses .address-item .form-group {
  padding: 8px 0;
}
.cmsmodul.persons-addresses .address-item .form-group label {
  display: block;
  margin: 12px 0 4px 0;
}
.cmsmodul.persons-addresses .address-item .form-group input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.persons-addresses .address-item .form-group input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.persons-addresses .address-item .form-group select {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.persons-addresses .address-item .form-group select::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.persons-addresses .address-item .form-group .field-validation-error {
  display: inline-block;
}
.cmsmodul.persons-addresses .address-item button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.persons-addresses .address-item button:hover,
.cmsmodul.persons-addresses .address-item button:focus {
  background: var(--darkblue);
}
.cmsmodul.persons-addresses .address-item:first-child > div:first-child {
  display: none;
}
.cmsmodul.persons-addresses .address-item.saved:before {
  background: #09851b;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 8px;
}
.cmsmodul.persons-addresses .address-item.saved:after {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  width: 160px;
  height: 160px;
  filter: brightness(1) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.password-change {
  max-width: 500px;
  margin: 0 auto;
  background: var(--lightblue);
  padding: 20px;
  border-radius: 12px;
  color: #111;
}
.cmsmodul.password-change .form-group {
  padding: 12px 0;
}
.cmsmodul.password-change .form-group label {
  display: inline-block;
  width: 180px;
  margin-bottom: 4px;
}
.cmsmodul.password-change .form-group input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.password-change .form-group input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.password-change button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.password-change button:hover,
.cmsmodul.password-change button:focus {
  background: var(--darkblue);
}
.cmsmodul.password-change .field-validation-error {
  display: inline-block;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.persons-profile-data-management {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px;
  color: #111;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent {
  background: var(--lightblue);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
  margin-bottom: 10px;
  font-weight: 700;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item {
  display: flex;
  gap: 20px;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container input,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container input::placeholder,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container button,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container button:hover,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item button:hover,
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container button:focus,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item button:focus {
  background: var(--darkblue);
}
.cmsmodul.persons-profile-data-management .container-group .form-parent .inner-container .field-validation-error,
.cmsmodul.persons-profile-data-management .container-group .form-parent .phone-item .field-validation-error {
  position: absolute;
  left: 20px;
  bottom: -24px;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent.saved:before {
  background: #09851b;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  border-radius: 8px;
}
.cmsmodul.persons-profile-data-management .container-group .form-parent.saved:after {
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat center center;
  background-size: contain;
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  filter: brightness(1) invert(1);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.profile-overview {
  max-width: 900px;
  margin: 10px auto;
  padding: 10px;
}
.profile-overview .data {
  background: var(--lightblue);
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  color: #111;
}
@media screen and (min-width: 1024px) {
  .profile-overview .data {
    padding: 40px;
  }
}
.profile-overview .data h2 {
  color: var(--blue);
}
.profile-overview .data h3 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 12px;
}
.profile-overview .data .row {
  padding: 5px 0;
}
.profile-overview .data .row span {
  display: inline-block;
  width: 170px;
}
.profile-overview .data .row a {
  color: #111;
}
.profile-overview .data .row.Yes b,
.profile-overview .data .row.Ja b {
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  width: 30px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.profile-overview .data .row.Yes b a,
.profile-overview .data .row.Ja b a {
  display: none;
}
.profile-overview .info {
  font-weight: bold;
  padding-left: 74px;
  position: relative;
  margin-bottom: 20px;
}
.profile-overview .info:before {
  content: 'i';
  font-size: 40px;
  background: #edf6fd;
  color: #007de1;
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  border-radius: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*gender-Male*/


/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.usertax-actualtaxbalance,
.usertax-payintransactions {
  max-width: 1450px;
  margin: 0 auto;
  padding: 8px 0;
}
.usertax-actualtaxbalance .sum-values,
.usertax-payintransactions .sum-values {
  font-size: 1.2em;
  margin-bottom: 8px;
}
.usertax-paytax {
  max-width: 1450px;
  margin: 40px auto;
  padding: 8px 0;
}
.usertax-paytax .amount-container {
  background: #edf6fd;
  padding: 20px;
  margin-bottom: 20px;
}
.usertax-paytax .amount-container .holder {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.usertax-paytax .amount-container .holder input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  margin-left: 8px;
}
.usertax-paytax .amount-container .holder input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
.usertax-paytax .account-container {
  border-bottom: 1px solid #edf6fd;
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.usertax-paytax .account-container:hover,
.usertax-paytax .account-container:focus {
  background: var(--darkblue);
}
.usertax-paytax .account-container .name {
  font-weight: bold;
  padding-bottom: 4px;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.kyc-upload .verification--page {
  max-width: 900px;
  margin: 0 auto;
}
.cmsmodul.kyc-upload .validation-wrapper {
  background: #c40303;
  color: #fff;
  padding: 8px;
  border-radius: 8px;
}
.cmsmodul.kyc-upload .validation-wrapper.hidden {
  display: none;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) {
  display: flex;
  flex-direction: column;
  background: var(--lightblue);
  color: #111;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 25px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .info .title {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: bold;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0 20px 0;
  width: 100%;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper.Approved {
  background: #09851b;
  color: #fff;
  padding: 8px 12px;
  border-radius: 8px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .expire {
  margin-left: 20px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .button {
  margin-left: auto;
  background: var(--lightblue);
  border-radius: 48px;
  color: var(--button2-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .button:hover,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .status-wrapper .button:focus {
  background: var(--darkblue);
  color: #fff;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper {
  background: #fff;
  padding: 12px;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper {
    padding: 25px;
  }
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content {
  line-height: 1.2;
  margin-bottom: 20px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content .title {
  font-weight: bold;
  margin-bottom: 8px;
  display: block;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content .title u {
  text-decoration: none;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul {
  margin-left: 35px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul li {
  padding: 5px 0;
  position: relative;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul li:before {
  content: "";
  position: absolute;
  display: block;
  left: -30px;
  top: 7px;
  width: 20px;
  height: 20px;
  background: url(/content/css/lopocacom2/images/check.svg) no-repeat;
  background-size: contain;
  filter: var(--filterBright);
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .content ul li:before {
  filter: none;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .choose,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .wcam {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  display: inline-block;
  margin-right: 12px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .choose:hover,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .wcam:hover,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .choose:focus,
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .wcam:focus {
  background: var(--darkblue);
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .drop {
  padding: 20px;
  margin-bottom: 8px;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload .drop input[type=file] {
  display: none;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload ul li {
  padding: 4px 0;
  display: flex;
  justify-content: space-between;
}
.cmsmodul.kyc-upload .verification--page > div:not(.validation-wrapper) .upload-wrapper .rw-upload ul li.failed {
  color: #c40303;
}
html.ondrop .cmsmodul.kyc-upload .verification--page .drop {
  background: #edf6fd;
  border: 2px dashed #b4d1e8;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.webcam-capture {
  text-align: center;
}
.webcam-capture .no-webcam-overlay {
  display: none;
}
.webcam-capture video {
  width: 100% !important;
  height: auto !important;
  max-width: 600px;
}
.webcam-capture .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  text-decoration: none !important;
  color: #fff !important;
  margin-bottom: 20px;
  display: inline-block;
}
.webcam-capture .button:hover,
.webcam-capture .button:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .account-container {
  background: var(--lightblue);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .account-container .account-type {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
}
.cmsmodul.withdraw .account-container .account-type::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .balance-container {
  background: var(--lightblue);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  color: #111;
}
.cmsmodul.withdraw .balance-container > div {
  padding: 6px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}
.cmsmodul.withdraw .balance-container > div label:first-child {
  width: 90%;
}
.cmsmodul.withdraw .balance-container > div.available-withdrawal-wrapper {
  font-weight: bold;
  white-space: nowrap;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper {
  border-top: 1px solid var(--lightblue);
  padding-top: 20px;
  margin-top: 20px;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper .holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  color: var(--blue);
  font-weight: bold;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper .holder .amount input {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  text-align: right;
  width: 120px;
}
.cmsmodul.withdraw .balance-container > div.amount-wrapper .holder .amount input::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
[data-theme='dark'] .cmsmodul.withdraw .amount-wrapper .holder {
  color: #111 !important;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}
.cmsmodul.withdraw .hideme {
  display: none;
}
.cmsmodul.withdraw .validation-wrapper .validation-message {
  margin: 10px 0 40px 0;
}
.cmsmodul.withdraw .validation-wrapper .validation-message:empty {
  display: none;
}
.cmsmodul.withdraw .validation-wrapper .validation-message label {
  display: block;
  background: #c40303;
  color: #fff;
  padding: 8px;
  border-radius: 8px;
  margin: 8px 0;
}
.cmsmodul.withdraw .validation-wrapper.success label {
  background: #09851b;
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .payments-container .payment-info-container {
  font-weight: 900;
  font-size: 2rem;
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  margin: 40px 0 20px 0;
}
@media screen and (min-width: 1024px) {
  .cmsmodul.withdraw .payments-container .payment-info-container {
    font-size: 3rem;
  }
}
.cmsmodul.withdraw .payments-container .payment-wrapper {
  display: flex;
  gap: 10px;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
  background: var(--lightblue);
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  /*only 1*/

}
@media screen and (min-width: 640px) {
  .cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
    width: calc(49% - 20px);
  }
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
    width: calc(32% - 20px);
  }
}
@media screen and (min-width: 1300px) {
  .cmsmodul.withdraw .payments-container .payment-wrapper .payment-container {
    width: 32%;
  }
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .overlay {
  display: none;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .name {
  font-weight: 700;
  color: var(--blue);
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  margin-bottom: 12px;
  padding: 0 50px;
  text-align: center;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .logo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0 20px 0;
  /*Icons see deposit.less*/

}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container .logo .placeholder {
  outline: 8px solid #fff;
  border-radius: 8px;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:hover,
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:focus {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:hover .name,
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:focus .name {
  color: #fff;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container:only-child {
  margin: 20px auto;
  width: 50%;
  max-width: 300px;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container.selected {
  background: var(--blue);
  color: #fff;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container.selected:before {
  background: white url(/content/css/lopocacom2/images/check.svg) no-repeat;
  content: '';
  width: 55px;
  height: 55px;
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 100px;
  border: 10px solid var(--lightblue);
  box-shadow: 0 0 12px #111;
}
.cmsmodul.withdraw .payments-container .payment-wrapper .payment-container.selected .name {
  color: #fff;
}
.cmsmodul.withdraw .payments-container .rw.buttons {
  padding: 20px;
}
.cmsmodul.withdraw .payments-container .rw.buttons .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}
.cmsmodul.withdraw .payments-container .rw.buttons .button:hover,
.cmsmodul.withdraw .payments-container .rw.buttons .button:focus {
  background: var(--darkblue);
}

/* breakpoints */
/*Colors*/
:root {
  --lightblue: #edf6fd;
  --lightblue2: #b4d1e8;
  --blue: #007de1;
  --darkblue: #0069bd;
  --button-text: #fff;
  --maintext: #111;
  --filterBright: none;
  --button2-text: #007de1;
}
[data-theme='dark'] {
  --lightblue: #eddc9f;
  --lightblue2: #f7ecc5;
  --blue: #e1bb36;
  --darkblue: #bb981a;
  --button-text: #111;
  --maintext: #fff;
  --filterBright: invert(1) brightness(2);
  --button2-text: #111;
}
/*fonts*/
.progressInline {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 37%, #f0f0f0 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease-in-out infinite;
}
@keyframes shimmer {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.cmsmodul.withdraw .withdrawal-request-container {
  background: #edf6fd;
  padding: 20px 20px 60px 20px;
  border-radius: 8px;
  margin: 40px auto;
}
.cmsmodul.withdraw .withdrawal-request-container h3 {
  font-family: Brandon, 'Brandon Grotesque', 'Segoe UI', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .withdrawal-request-container .fee-wrapper > div {
  padding: 8px;
  display: flex;
  justify-content: space-between;
}
.cmsmodul.withdraw .withdrawal-request-container .fee-wrapper > div:last-child {
  font-weight: bold;
  border-bottom: 1px solid #b4d1e8;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div {
  padding: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div {
    flex-wrap: nowrap;
  }
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div label {
  white-space: nowrap;
  min-width: 220px;
  text-align: left;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div input[type=text] {
  padding: 12px;
  border-radius: 4px;
  background: #fff;
  border: none;
  width: 100%;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-weight: 900;
  font-size: 1rem;
  margin-bottom: 20px;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div input[type=text]::placeholder {
  font-style: italic;
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  color: #969696;
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div input[type=text] {
    margin: 0;
  }
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  margin: -20px 0 20px 0;
  width: 100%;
}
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check:hover,
.cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check:focus {
  background: var(--darkblue);
}
@media screen and (min-width: 800px) {
  .cmsmodul.withdraw .withdrawal-request-container .param-details-container .bank-details-wrapper > div .iban-check {
    margin: 0;
    width: auto;
  }
}
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons {
  padding: 20px 0 0 0;
}
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons .button {
  background: var(--blue);
  border-radius: 48px;
  color: var(--button-text);
  padding: 12px 20px;
  border: none;
  text-align: center;
  text-decoration: none;
  font-family: 'Avenir', 'Segoe UI', 'Helvetica Neue', Arial, system-ui, sans-serif;
  font-size: 1.1rem;
  line-height: 1;
  min-width: 240px;
  display: inline-block;
}
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons .button:hover,
.cmsmodul.withdraw .withdrawal-request-container .rw.buttons .button:focus {
  background: var(--darkblue);
}