/* Minification failed. Returning unminified contents.
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(28,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(45,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-sixth'
(50,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(52,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(58,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(59,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(63,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(67,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(68,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(69,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(73,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(77,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-primary'
(82,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-40'
(86,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(92,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(101,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(105,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-40'
(109,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(111,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(112,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-title-24'
(113,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-30'
(114,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(115,26): run-time error CSS1039: Token not allowed after unary operator: '-letter-spacing-title-1'
(120,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(122,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semi-bold'
(123,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(124,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(125,21): run-time error CSS1039: Token not allowed after unary operator: '-background-color-primary'
(129,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(130,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(131,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(133,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(134,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(135,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(143,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-primary'
(189,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(212,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(214,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-26'
(220,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(222,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(223,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-20'
(224,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-28'
(239,26): run-time error CSS1039: Token not allowed after unary operator: '-letter-spacing-data-07'
(246,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(248,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(249,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(250,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(263,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-hr-levels-4'
(267,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-properties-distance-releated'
(271,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-properties-user-settings'
(275,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-activities-cooldown'
(288,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(290,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(291,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(295,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-24px'
(296,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(297,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(302,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(303,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(308,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(309,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(329,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(331,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(338,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-primary'
(343,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(344,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(345,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(367,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(368,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(373,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(375,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(376,21): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(377,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-28'
(378,26): run-time error CSS1039: Token not allowed after unary operator: '-letter-spacing-data-07'
(379,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(392,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(394,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-profile'
(405,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(406,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(407,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-title-16'
(408,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-title-22'
(425,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(427,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-profile'
(432,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(433,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(434,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(453,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(454,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(456,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(459,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(461,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(462,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(463,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-16'
(473,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(474,29): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-20'
(479,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-power-zones-1'
(483,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(484,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(486,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(495,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(508,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(532,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(544,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(545,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(547,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(559,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(563,29): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-20'
(573,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-hr-levels-2'
(577,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-hr-levels-4'
(581,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(583,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semi-bold'
(584,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(585,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(586,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(590,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-primary'
(604,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(605,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(606,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(607,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-title-16'
(608,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-title-22'
(613,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(614,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(615,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(616,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(617,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(621,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(622,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(623,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(624,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(632,28): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-25'
(636,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(638,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(660,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(662,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(663,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(671,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(673,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(674,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(675,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(685,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-eighth'
(686,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(687,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-primary-and-accent-100'
(688,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(690,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(691,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(692,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(693,26): run-time error CSS1039: Token not allowed after unary operator: '-letter-spacing-data-02'
(703,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-eighth'
(704,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-primary-and-accent-100'
(708,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-eighth'
(709,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(710,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-primary-and-accent-100'
(711,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(713,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(714,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(715,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(716,26): run-time error CSS1039: Token not allowed after unary operator: '-letter-spacing-data-02'
(723,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-eighth'
(724,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(725,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(726,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(727,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(728,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(729,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-16'
(735,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(735,62): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(739,33): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(739,58): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(747,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(749,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(750,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(754,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(755,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(756,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(757,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-16'
(765,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(769,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(773,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(777,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(781,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(786,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(790,24): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(794,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(795,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semi-bold'
(796,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(797,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(801,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(802,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(803,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(804,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(805,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(819,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(820,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(832,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-activities-workut'
(838,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(839,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(841,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(846,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(847,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(849,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(859,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(861,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(862,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(863,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(867,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-booked-slot'
(874,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-semi-bold'
(875,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(876,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(880,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(882,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(883,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(884,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(886,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(890,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(898,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(899,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(904,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(908,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(912,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(913,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(914,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(926,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(928,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(929,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(930,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(931,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(944,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(945,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(953,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-bold'
(954,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(955,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(956,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(961,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(962,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(963,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(964,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(980,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(984,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-messages-confirm'
(988,22): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(992,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-messages-alert'
(996,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-messages-warning'
(1000,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fifth'
(1026,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-extra-condensed-font'
(1028,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(1029,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-20'
(1030,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(1031,26): run-time error CSS1039: Token not allowed after unary operator: '-letter-spacing-title-1'
(1032,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1040,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(1049,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1051,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(1052,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1053,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(1054,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1065,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1067,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1068,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(1069,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(1070,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(1075,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(1076,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(1080,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-system-excercise-settings'
(1089,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-booked-slot'
(1099,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1101,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1102,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1103,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(1104,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(1108,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(1109,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1111,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-4px'
(1113,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-30'
(1117,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(1134,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-messages-alert'
(1141,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1146,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-primary'
(1173,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1175,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1176,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1177,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(1184,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-extra-condensed-font'
(1186,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(1187,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-20'
(1188,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(1189,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1194,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1198,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1199,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1200,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-16'
(1201,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(1218,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1221,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1222,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1223,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-16'
(1224,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-70'
(1237,25): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1251,24): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(1252,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(1253,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1267,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(1271,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(1275,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-40'
(1279,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(1287,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(1307,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1308,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1309,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-16'
(1310,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(1311,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(1315,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1328,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(1332,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-80'
(1374,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(1375,29): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(1376,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1380,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(1385,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1393,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-primary'
(1403,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1407,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(1409,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(1422,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(1423,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-eighth'
(1468,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(1469,24): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(1470,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(1471,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1472,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1473,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1474,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(1475,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(1479,21): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1480,27): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1481,27): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1482,25): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(1483,27): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(1491,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1495,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-black'
(1496,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-24'
(1504,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(1527,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1561,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-secondary'
(1565,28): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(1570,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-tertiary'
(1574,16): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-extra-condensed-font'
(1575,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-12'
(1577,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-16px'
(1578,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-14'
(1582,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-badge-vice-city'
(1586,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-badge-haikus'
(1590,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-badge-metopolis'
(1594,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(1598,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1602,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(1603,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1604,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(1608,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(1614,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(1615,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1616,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-22'
(1621,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(1622,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-background-100'
(1627,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-eighth'
(1628,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-primary-and-accent-100'
(1632,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-sixth'
(1633,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-primary-and-accent-100'
(1641,17): run-time error CSS1039: Token not allowed after unary operator: '-accent-color'
(1645,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-fourth'
(1646,25): run-time error CSS1039: Token not allowed after unary operator: '-border-radius-8px'
(1658,23): run-time error CSS1039: Token not allowed after unary operator: '-acumin-pro-font'
(1659,21): run-time error CSS1039: Token not allowed after unary operator: '-font-size-data-14'
(1660,23): run-time error CSS1039: Token not allowed after unary operator: '-line-height-data-20'
(1661,23): run-time error CSS1039: Token not allowed after unary operator: '-font-weight-normal'
(1668,22): run-time error CSS1039: Token not allowed after unary operator: '-background-color-messages-alert'
 */
@import url('./myWellnessTheme/common.css');
@import url('./myWellnessTheme/AcuminFont.css');

:root {
    /* COLORS */
    --background-color-primary: #0D0D0D;
    --background-color-secondary: #1B1B1B;
    --background-color-tertiary: #2C2C2C;
    --background-color-fourth: #7D7D7D;
    --background-color-fifth: #B6B6B6;
    --background-color-sixth: #EDEDED;
    --background-color-seventh: #F6F6F6;
    --background-color-eighth: #FFFFFF;
    --primary-color: #FFFFFF;
    --accent-color: #FFE01E;
    --text-color-on-background-100: rgba(255, 255, 255, 1);
    --text-color-on-background-80: rgba(255, 255, 255, 0.8);
    --text-color-on-background-70: rgba(255, 255, 255, 0.7);
    --text-color-on-background-60: rgba(255, 255, 255, 0.6);
    --text-color-on-background-40: rgba(255, 255, 255, 0.4);
    --text-color-on-background-25: rgba(255, 255, 255, 0.25);
    --text-color-on-background-10: rgba(255, 255, 255, 0.1);
    --text-color-on-primary-and-accent-100: rgba(13, 13, 13, 1);
    --text-color-on-primary-and-accent-80: rgba(13, 13, 13, 0.8);
    --text-color-on-primary-and-accent-70: rgba(13, 13, 13, 0.7);
    --text-color-on-primary-and-accent-60: rgba(13, 13, 13, 0.6);
    --text-color-on-primary-and-accent-40: rgba(13, 13, 13, 0.4);
    --text-color-on-primary-and-accent-20: rgba(13, 13, 13, 0.2);
    --text-color-on-primary-and-accent-10: rgba(13, 13, 13, 0.1);
    --state-on-primary-35: rgba(13, 13, 13, 0.35);
    --state-on-primary-15: rgba(13, 13, 13, 0.15);
    --state-on-background-selected-25: rgba(255, 255, 255, 0.25);
    --state-on-background-hover-15: rgba(255, 255, 255, 0.15);
    /* CUSTOM */
    --background-color-profile: #E4B043;
}

/* CUSTOM SCROLLBAR */

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--background-color-sixth);
}


::-webkit-scrollbar-thumb {
    background-color: var(--background-color-fourth);
    border-radius: 20px;
    border: 3px solid var(--background-color-fourth);
}

/* GLOBAL */

body, h1, h2, h3, h4, h5, h6 {
    font-family: var(--acumin-pro-font);
    font-size: var(--font-size-data-14);
}

.bootstrap-switch.bootstrap-switch-wrapper.bootstrap-switch-off.bootstrap-switch-disabled.bootstrap-switch-id-persona-autenticazione-enabled-checkbox.bootstrap-switch-animate {
    border-radius: var(--border-radius-8px) !important;
}

input, select, div.select2-container, a.select2-choice, textarea, .form-control.uneditable-input.input-fixed {
    border-radius: var(--border-radius-8px) !important;
    background-color: var(--background-color-fourth) !important;
    color: var(--text-color-on-background-100) !important;
}

    input::placeholder {
        color: var(--text-color-on-background-100) !important;
    }

.page-header.navbar.navbar-fixed-top {
    background-color: var(--background-color-primary);
}

.page-footer-inner {
    text-align: center;
    color: var(--text-color-on-background-40);
}

.textOnDarkBG {
    color: var(--text-color-on-background-100);
}

/* PAGE TITLE */

.page-header {
    background-color: var(--background-color-secondary);
}

.page-breadcrumb > li > i.fa-home {
    display: none;
}

/* Set last breadcrumb element to accent color*/
.page-bar > ul > li:last-child > span {
    color: var(--accent-color);
}

.dropdown.dropdown-extended.dropdown-notification > a {
    color: var(--text-color-on-background-40);
}

.page-title {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-title-24) !important;
    line-height: var(--line-height-data-30);
    color: var(--text-color-on-background-100);
    letter-spacing: var(--letter-spacing-title-1);
    margin-bottom: 10px !important;
}

    .page-title > small {
        font-family: var(--acumin-pro-font);
        font-style: normal;
        font-weight: var(--font-weight-semi-bold);
        font-size: var(--font-size-data-12);
        line-height: var(--line-height-data-20);
        color: var(--background-color-primary);
    }

.page-bar {
    background-color: var(--background-color-secondary);
    color: var(--text-color-on-background-70);
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-12);
    line-height: var(--line-height-data-20);
}

    .page-bar > ul > li > i {
        display: none;
    }

body, .page-content {
    background-color: var(--background-color-primary);
}

/* HOME */

.row.home-dashboard, .col-md-12 > .shopping-activities-wrapper > .row {
    display: grid;
    grid-template-columns: repeat(2, 40%);
    margin-bottom: 30px;
    row-gap: 16px;
    column-gap: 16px;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .row.home-dashboard > div, .row > .activity-shopping-grid {
        justify-self: center;
        padding: 0px !important;
        width: 160px;
        height: 160px;
    }

    .dashboard-stat {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 768px) {
    .row.home-dashboard > div, .row > .activity-shopping-grid {
        width: auto;
    }

        .row.home-dashboard > div, .row > .activity-shopping-grid > .dashboard-stat {
            flex-direction: column;
        }
}

/* fix grid problem */

.page-content > .row > .col-md-12 > .home-dashboard::before, .page-content > .row > .col-md-12 > .home-dashboard::after {
    display: none;
}

.dashboard-stat {
    border-radius: var(--border-radius-16px) !important;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    padding: 16px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .row.home-dashboard > .col-sm-3 {
        width: 100% !important;
    }
}

.dashboard-stat > .visual {
    width: 100%;
    height: 100%;
    padding-left: unset;
    display: flex;
    justify-content: flex-end;
}

    .dashboard-stat > .visual > i {
        color: var(--text-color-on-background-80) !important;
        opacity: unset !important;
        font-size: var(--font-size-data-26);
        margin-left: unset;
        line-height: unset;
    }

.dashboard-stat > .details > .number {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-data-20);
    line-height: var(--line-height-data-28);
    padding-top: unset;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

/* Home and shopping */

.dashboard-stat .details {
    right: unset;
    display: flex;
    align-items: flex-start;
    letter-spacing: var(--letter-spacing-data-07);
    flex-direction: column;
    text-align: start;
    width: 100%;
}

    .dashboard-stat .details > .desc {
        font-family: var(--acumin-pro-font);
        font-style: normal;
        font-weight: var(--font-weight-normal);
        font-size: var(--font-size-data-14);
        line-height: var(--line-height-data-22);
        text-align: start;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }

.dashboard-stat > .more {
    display: none;
}

.dashboard-stat.yellow {
    background: var(--background-color-hr-levels-4);
}

.dashboard-stat.blue-madison {
    background: var(--background-color-properties-distance-releated);
}

.dashboard-stat.green-meadow {
    background: var(--background-color-properties-user-settings);
}

.dashboard-stat.purple-plum {
    background: var(--background-color-activities-cooldown);
}

/* PROFILE */

.tabbable-line > .tab-content {
    border-top: hidden;
}

.tabbable-line > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 8px;
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-size: var(--font-size-data-14);
    line-height: var(--line-height-data-22);
}

.tabbable-line > .nav-tabs > li {
    border-radius: var(--border-radius-24px) !important;
    background-color: var(--background-color-tertiary);
    color: var(--text-color-on-background-70);
    margin-right: 0px;
}

    .tabbable-line > .nav-tabs > li.active {
        background-color: var(--background-color-fourth);
        color: var(--text-color-on-background-100);
        border-bottom: none;
    }

    .tabbable-line > .nav-tabs > li:hover {
        background-color: var(--background-color-fourth);
        color: var(--text-color-on-background-100);
        border-bottom: none;
    }

    .tabbable-line > .nav-tabs > li.active > a {
        color: inherit;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: none;
}

.nav > li > a {
    padding: 8px 12px;
    top: -1px;
}

/* OVERVIEW */

.account-detail-container {
    border-radius: var(--border-radius-16px) !important;
    border: 0px !important;
    background-color: var(--background-color-secondary) !important;
    display: flex;
    gap: 5px;
    margin-bottom: 25px;
}

#tabsProfilo > .tab-content {
    background-color: var(--background-color-primary);
}

.profile-info-data-box {
    padding: 10px;
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-8px) !important;
    color: var(--text-color-on-background-100);
}

.static-info {
    display: grid;
    grid-template-columns: 3fr 1fr;
    align-items: center;
}


.static-info::before {
    display: none;
}

.static-info > .value {
    justify-self: start;
}

.avatar-container {
    display: flex;
    margin: 0px 15px 0px 15px;
    padding: 10px;
    background-color: var(--background-color-secondary);
    border-radius: var(--border-radius-8px) !important;
    max-width: 100%;
}

.user-profile-name {
    font-family: var(--acumin-pro-font) !important;
    font-style: normal;
    font-weight: var(--font-weight-black) !important;
    font-size: var(--line-height-data-20) !important;
    line-height: var(--line-height-data-28) !important;
    letter-spacing: var(--letter-spacing-data-07);
    color: var(--text-color-on-background-100) !important;
    margin-top: 0px;
    margin-bottom: 0px;
}

.profile-info {
    padding-left: 0px;
    display: flex;
    align-items: center;
}

.profile-avatar {
    border-radius: 100% !important;
    border: 2px solid var(--accent-color);
    width: 80px;
    background: var(--background-color-profile);
}

/* access portlet also for friends view*/
div > div.col-md-3 > div > div.portlet-body > div > div {
    padding: 10px;
}

div > div.col-md-3 > div > div.portlet-title {
    display: flex;
    justify-content: center;
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-title-16);
    line-height: var(--line-height-title-22);
}

#tabsProfilo > .tab-content {
    margin-top: 30px;
}

/* PROFILE INFOS */

div > div.col-md-2 {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
}

div > div.col-md-2 > img {
    border-radius: 100% !important;
    border: 2px solid var(--accent-color);
    width: 150px;
    background: var(--background-color-profile);
}

#tabsProfilo-tab-1 > div > div.col-md-12 {
    padding: 15px;
    background-color: var(--background-color-secondary);
    border-radius: var(--border-radius-8px) !important;
    color: var(--text-color-on-background-100);
}

#tabsProfilo-tab-1 > .row {
    margin-left: 0px;
    margin-right: 0px;
}

div > div.col-md-10 > .static-info {
    margin: 15px;
}

/* ACCOUNT & PRIVACY */

ul.ver-inline-menu.tabbable.margin-bottom-10 > li {
    margin-bottom: 7.5px;
}

    ul.ver-inline-menu.tabbable.margin-bottom-10 > li > a {
        background-color: var(--background-color-secondary);
        color: var(--text-color-on-background-80);
        border: unset !important;
        border-radius: var(--border-radius-8px) !important;
        display: flex;
        align-items: center;
        font-family: var(--acumin-pro-font);
        font-style: normal;
        font-weight: var(--font-weight-black);
        font-size: var(--font-size-data-14);
        line-height: var(--line-height-data-16);
    }

        ul.ver-inline-menu.tabbable.margin-bottom-10 > li > a > i {
            margin: 15.5px;
            height: 50px;
            width: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: var(--border-radius-8px) !important;
            font-size: var(--font-size-data-20);
            margin: 7.5px;
        }

.ver-inline-menu li.active a, .ver-inline-menu li.active i {
    background: var(--background-color-power-zones-1);
}

#tab-personal-info, #tab-change-pwd, #tab-language, #tab-voip-sms-service, #tab-testo-privacy, #tab-privacy {
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-16px) !important;
    padding: 15px;
    color: var(--text-color-on-background-100) !important;
}

    #tab-personal-info > form > .margin-top-10, #tab-change-pwd > div > form > .margin-top-10, #tab-language > form > .margin-top-10 > .submit-btn, #tab-voip-sms-service > form > .margin-top-10 > .submit-btn, #tab-testo-privacy > form > .margin-top-10, #tab-privacy > div > form > .submit-btn {
        display: flex;
        justify-content: space-between;
    }

tab-testo-privacy {
    color: var(--text-color-on-background-100);
}

#tab-privacy > div > form > div:nth-child(10) {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

/* DOCUMENTS */

#gsTable_tblCloudDocuments_wrapper {
    color: var(--text-color-on-background-100);
}

/* APPONTEMENT */

.white-shadow {
    display: none !important;
}

.impegni-date-fiter {
    display: flex;
    align-items: center;
    gap: 5px;
}

.impegni-filter-button {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.date-filter-impegni {
    display: flex;
    justify-content: space-between;
    color: var(--text-color-on-background-100);
}

/* use left align because there are not action buttons */

#tabsProfilo-tab-6 > #infinite-wrapper > #event-repository > div {
    justify-content: flex-start;
}

/* ACCESS */

.feeds > li {
    background-color: var(--background-color-tertiary);
    color: var(--text-color-on-background-80);
    border: unset !important;
    border-radius: var(--border-radius-8px) !important;
    display: flex;
    align-items: center;
}

    .feeds > li > .col1 > .cont > .cont-col1 > .label {
        margin: 15.5px;
        height: 101px;
        width: 101px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--border-radius-8px) !important;
    }

        .feeds > li > .col1 > .cont > .cont-col1 > .label > i {
            font-size: var(--font-size-data-20);
        }

    .feeds > li > .col2 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

.label-success {
    background: var(--background-color-hr-levels-2) !important;
}

.label-important {
    background: var(--background-color-hr-levels-4) !important;
}

#tabsProfilo-tab-7 > div > div.col-md-7 > p {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-data-12);
    line-height: var(--line-height-data-20);
    color: var(--text-color-on-background-100);
}

#tabsProfilo-tab-7 > div > div.col-sm-12.accessi > .portlet {
    background-color: var(--background-color-primary) !important;
    padding-left: unset;
    padding-right: unset;
}

.feeds li .col2 > .date {
    font-style: normal;
    color: inherit;
}

/* SOCIAL */

.portlet-title, .portlet > .portlet-title > .caption {
    background-color: unset !important;
    color: var(--text-color-on-background-100) !important;
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-title-16);
    line-height: var(--line-height-title-22);
}

.portlet-body {
    background-color: unset !important;
    color: var(--text-color-on-background-100) !important;
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-14);
    line-height: var(--line-height-data-20);
}

.portlet-title-outside-container {
    color: var(--text-color-on-background-80) !important;
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-data-14);
    text-transform: uppercase;
    padding: 10px 5px 20px 30px;
}

.portlet > .portlet-body > hr {
    border: none;
    height: 0.3px;
    background-color: var(--text-color-on-background-25);
}

.portlet {
    border-radius: var(--border-radius-16px) !important;
    border: 0px !important;
    background-color: var(--background-color-secondary) !important;
    padding: 20px;
}

.portlet > .portlet-title > .caption > i {
    display: none !important;
}

.portlet > .portlet-title > .caption > a {
    text-decoration: none !important;
}

.portlet.bordered, .portlet.light.bordered {
    border: 0px !important;
}

.portlet > .portlet-title {
    border-bottom: none !important;
    display: flex;
}

.panel.panel-default, .panel-heading {
    background-color: var(--background-color-tertiary) !important;
    border: none;
    border-radius: var(--border-radius-8px) !important;
    color: var(--text-color-on-background-70) !important;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: unset;
}

.panel.panel-heading, .panel.panel-body {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-16);
    line-height: var(--line-height-data-24);
}

.btnAccetta,
.btnRifiuta,
#btnBackToTable,
.btn-success,
a.btn:not(.dataTable_ActionButton),
a.btn:active,
#btnPagaOra {
    background-color: var(--background-color-eighth);
    border-radius: var(--border-radius-8px) !important;
    color: var(--text-color-on-primary-and-accent-100);
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-data-14);
    line-height: var(--line-height-data-20);
    letter-spacing: var(--letter-spacing-data-02);
    text-align: center;
    text-transform: uppercase;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.btn:hover {
    background-color: var(--background-color-eighth) !important;
    color: var(--text-color-on-primary-and-accent-100) !important;
}

button.btn {
    background-color: var(--background-color-eighth) !important;
    border-radius: var(--border-radius-8px) !important;
    color: var(--text-color-on-primary-and-accent-100) !important;
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-data-14);
    line-height: var(--line-height-data-20);
    letter-spacing: var(--letter-spacing-data-02);
    text-align: center;
    text-transform: uppercase;
}


.paginate_button {
    background-color: var(--background-color-eighth) !important;
    border-radius: var(--border-radius-8px) !important;
    color: var(--text-color-on-background-100) !important;
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-data-12);
    line-height: var(--line-height-data-16);
    text-align: center;
    text-transform: uppercase;
}

    .paginate_button.previous > a, .fc-prev-button, #boxEventi > div.portlet-title > ul > li:nth-child(1) > a {
        border-radius: var(--border-radius-8px) 0px 0px var(--border-radius-8px) !important;
    }

    .paginate_button.next > a, .fc-next-button, #boxEventi > div.portlet-title > ul > li:nth-child(2) > a {
        border-radius: 0px var(--border-radius-8px) var(--border-radius-8px) 0px !important;
    }

.btn > i {
    display: none !important;
}

.table-responsive {
    border-radius: var(--border-radius-8px) !important;
    border: unset !important;
    background-color: var(--background-color-tertiary);
    color: var(--text-color-on-background-100) !important;
}

table {
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-14) !important;
    line-height: var(--line-height-data-16) !important;
}

    table > tbody > tr > td {
        vertical-align: middle !important;
    }

.table-responsive > a {
    color: var(--accent-color) !important;
}

tr.odd {
    background-color: var(--background-color-fourth) !important;
}

tr.even {
    background-color: var(--background-color-tertiary) !important;
}

tr > td > a {
    color: var(--accent-color) !important;
}

#calEventi, #boxEventi-tab-1 {
    border-radius: var(--border-radius-8px) !important;
    padding: 10px;
}

.portlet.calendar .fc-widget-header {
    background-color: var(--background-color-fourth)
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
    border-color: var(--background-color-fourth);
}

.portlet.box.purple-plum > .portlet-body > .panel-group.accordion > .panel.panel-default > div.panel-heading > h4 > a {
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-data-14) !important;
    line-height: var(--line-height-data-22);
}

.portlet.box.purple-plum > .portlet-body > .panel-group.accordion > .panel.panel-default > .panel-collapse.in > .panel-body {
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-12) !important;
    line-height: var(--line-height-data-24);
    line-height: var(--line-height-data-24);
}

a.accordion-toggle:hover {
    color: inherit;
}

.index-inviti-invito-buttons {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
}

#boxEventi-tab-0, #boxEventi-tab-1 {
    background-color: var(--background-color-tertiary);
    border-radius: var(--border-radius-8px) !important;
}

/* SHOPPING */

/* first element is a pseudo element which takes the first position in the grid */

.col-md-12 > .shopping-activities-wrapper > .row:before {
    position: absolute;
}

.activity-shopping-grid > .dashboard-stat.green-meadow {
    background: var(--background-color-activities-workut);
}

/* Important */

.alert, .day-schedule-empty {
    background-color: var(--background-color-tertiary);
    color: var(--text-color-on-background-80);
    border: unset !important;
    border-radius: var(--border-radius-8px) !important;
    text-align: center;
}

.list-group-item, .event-main-block {
    background-color: var(--background-color-tertiary) !important;
    color: var(--text-color-on-background-100) !important;
    border: none !important;
    border-radius: var(--border-radius-8px) !important;
    padding: 16px;
    margin-top: 16px;
}

body > div.page-container > div.page-content-wrapper > div > div.row > div > form > div > a {
    margin-bottom: 16px;
}

div.event-info-schedule {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-size: var(--font-size-data-14);
    line-height: var(--line-height-data-22);
    color: var(--text-color-on-background-70);
}

.list-group-item:hover:not(div) {
    background: var(--background-color-booked-slot);
    background-color: unset !important;
    border: 2px solid #64E9D3 !important;
}

#selectperson > .select-person-header {
    text-align: center;
    font-weight: var(--font-weight-semi-bold);
    font-size: var(--font-size-data-16);
    line-height: var(--line-height-data-22);
}

.list-group-item > .row > .list-group-item-heading, .list-group-item > .row > .col-md-2 {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-black) !important;
    font-size: var(--font-size-data-16);
    line-height: var(--line-height-data-24);
    text-transform: uppercase;
    color: var(--text-color-on-background-100) !important;
}

#lbl-corsi-selezionati, #lbl-corsi-da-selezionare {
    color: var(--accent-color);
}

th, tr {
    text-align: center !important;
}

.courses-selection.table {
    background-color: var(--background-color-tertiary);
    color: var(--text-color-on-background-100);
}

.table-scrollable {
    border: none !important;
    border-radius: var(--border-radius-16px) !important;
}

.courses-selection.table > tbody > tr:nth-of-type(odd) {
    background-color: var(--background-color-tertiary);
}

.course-box {
    background-color: var(--background-color-fourth) !important;
    border-radius: var(--border-radius-8px) !important;
    color: var(--accent-color) !important;
}

.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: none !important;
}

.col-xs-12.text-right.margin-top-10 {
    text-align: left;
}

.list-group-item > .row > p {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-14);
    line-height: var(--line-height-data-22);
    color: var(--text-color-on-background-70);
}

    .list-group-item > .row > p:nth-child(4) {
        display: none;
    }

/* MODAL */
.modal-scrollable {
    top: 225px;
}

.modal {
    border-radius: var(--border-radius-16px) !important;
    background-color: var(--background-color-tertiary);
    border: none !important;
}

.modal-header {
    border-bottom: none !important;
    text-align: center;
    font-style: normal;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-data-16);
    line-height: var(--line-height-data-24);
    color: var(--text-color-on-background-100);
}

.modal-body {
    font-style: normal;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-16);
    line-height: var(--line-height-data-24);
    color: var(--text-color-on-background-70) !important;
}

.modal-footer {
    border-top: none !important;
    display: flex;
    justify-content: center;
}

/* APPOINTMENT */

.event-slot, .event-main-block.row {
    text-align: unset !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--border-radius-8px) !important;
}

#event-repository > div > div.event-buttons.col-md-4.col-sm-12 > div > .green-jungle.btn-join.collapse.btn {
    background: var(--background-color-messages-confirm) !important;
}

#event-repository > div > div.event-buttons.col-md-4.col-sm-12 > div > .blue.btn-invite.btn {
    background: var(--accent-color) !important;
}

#event-repository > div > div.event-buttons.col-md-4.col-sm-12 > div > .red-flamingo.btn-delete.btn {
    background: var(--background-color-messages-alert) !important;
}

#event-repository > div > div.event-buttons.col-md-4.col-sm-12 > div > .red-flamingo.btn-delete-waitlist.collapse.btn {
    background: var(--background-color-messages-warning) !important;
}

#event-repository > div > div.event-buttons.col-md-4.col-sm-12 > div > .yellow-gold.btn-absence.collapse.btn {
    background: var(--background-color-fifth) !important;
}

/* set appointments label to use all space */
#event-repository > div > div.event-info:not(.event-info-profile-section), #event-repository > div > div.event-buttons {
    width: 50%;
}

/* align action buttons to the end */

#event-repository > div > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
}

#event-repository > div > div.event-buttons.col-md-4.col-sm-12 > div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.event-slot > .slot-icon {
    display: none;
}

.slot-time, .event-slot > div > div > .slot-notes.slot-notes-before, .day-schedule-slots > div > div:nth-child(3) > .slot-notes.slot-notes-before {
    font-family: var(--acumin-pro-extra-condensed-font);
    font-style: normal;
    font-weight: var(--font-weight-black);
    font-size: var(--font-size-data-20) !important;
    line-height: var(--line-height-data-20);
    letter-spacing: var(--letter-spacing-title-1);
    color: var(--text-color-on-background-100);
}

body > div.page-container > div.page-content-wrapper > div > div.row > div > form > div > a:nth-child(1) > div > p:nth-child(2) {
    display: none;
}

.slot-time > .time-duration {
    color: var(--text-color-on-background-70);
}

.event-info > div > .slot-time {
    margin-top: 8px;
    margin-bottom: 8px;
}

.event-slot > div > .slot-description, .event-info > div > div.event-info-description {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-black) !important;
    font-size: var(--font-size-data-16) !important;
    line-height: var(--line-height-data-24);
    color: var(--text-color-on-background-100);
    margin-top: 8px;
    margin-bottom: 6px;
}

.event-info > div {
    margin-top: 8px;
    margin-bottom: 8px;
}

    .event-slot > div > .slot-description2, .event-slot > div > .slot-description3, .event-info > div.event-info-notes {
        font-family: var(--acumin-pro-font);
        font-style: normal !important;
        font-weight: var(--font-weight-normal);
        font-size: var(--font-size-data-12);
        line-height: var(--line-height-data-20);
        color: var(--text-color-on-background-70);
    }


.slot-disabled {
    background: var(--background-color-fourth) !important;
    border: 2px solid var(--background-color-tertiary) !important;
}

.slot-available {
    background: var(--background-color-system-excercise-settings) !important;
    border: 2px solid #1478AE !important;
}

.event-slot.slot-available > div:nth-child(2) {
    padding-bottom: 5px;
}

.event-slot.slot-booked {
    background: var(--background-color-booked-slot) !important;
    border: 2px solid #64E9D3 !important;
}

    .event-slot.slot-booked > div:nth-child(2) > .slot-time-slot-notes-before-wrapper, .event-slot.slot-disabled > div:nth-child(2) > .slot-time-slot-notes-before-wrapper {
        display: flex;
        justify-content: space-between;
    }

.day-schedule-label {
    font-family: var(--acumin-pro-font);
    font-style: normal;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-16);
    line-height: var(--line-height-data-24);
    color: var(--text-color-on-background-70);
}

.btn-move-date, #btn-goto-date {
    background-color: var(--background-color-tertiary) !important;
    color: var(--text-color-on-background-100) !important;
    border: none !important;
    border-radius: var(--border-radius-4px) !important;
    height: 40px;
    line-height: var(--line-height-data-30);
}

#btn-goto-date {
    color: var(--accent-color) !important;
}

.booking-wrapper > .red.btn {
    margin-top: 15px;
}

.class-booking-confirm-action-button {
    display: flex;
    justify-content: space-between;
}

#event-repository > .alert.alert-info {
    margin-top: 30px;
}

.alert-date-range {
    background-color: var(--background-color-messages-alert) !important;
    color: white;
    font-size: large;
    margin-top: 1rem;
}

.event-date-filter {
    color: var(--text-color-on-background-100);
}

div.day-schedule-slots > div > div > div.panel-collapse > div {
    padding: 10px;
    background-color: var(--background-color-primary);
}

#booking-calendar > nav {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    #booking-calendar > nav > ul:nth-child(1) > li:nth-child(-n + 3) {
        margin-left: 4px;
        margin-right: 4px;
    }

    #booking-calendar > nav > ul:nth-child(1) > li:nth-child(4) {
        margin: 16px;
    }

    #booking-calendar > nav > ul:nth-child(2) {
        margin-top: 16px !important;
    }

#booking-confirm-container > div > div > div {
    background-color: inherit !important;
}

    #booking-confirm-container > div > div > div > div.row > h4:nth-child(1) {
        font-family: var(--acumin-pro-font);
        font-style: normal;
        font-weight: var(--font-weight-normal);
        font-size: var(--font-size-data-16);
        color: var(--text-color-on-background-70);
    }

    /* Price and date formatting when making new booking. Used also in shopping*/
    #booking-confirm-container > div > div > div > div.row > h4:nth-child(2),
    div.page-container > div.page-content-wrapper > div > div.row > div > div > a > div > h4,
    #booking-confirm-container > div > div > div > div.row > h4:nth-child(5) {
        font-family: var(--acumin-pro-extra-condensed-font);
        font-style: normal;
        font-weight: var(--font-weight-black) !important;
        font-size: var(--font-size-data-20) !important;
        line-height: var(--line-height-data-20);
        color: var(--text-color-on-background-100);
        text-align: unset !important;
    }

    #booking-confirm-container > div > div > div > div.row > h4:nth-child(4) {
        font-size: var(--font-size-data-16);
        padding-top: 0px;
        margin: 0px;
        font-style: normal;
        font-family: var(--acumin-pro-font);
        font-size: var(--font-size-data-16);
        line-height: var(--line-height-data-16) !important;
        color: var(--text-color-on-background-70);
    }

    #booking-confirm-container > div > div > div > div.row > h3 {
        margin-top: 10px;
        margin-bottom: 0px;
    }

/* remove style from service resource labels */

#serviceResourcesContainer {
    margin-top: 10px;
}

    #serviceResourcesContainer > .list-group-item {
        background-color: inherit !important;
        padding: 0px !important;
        font-size: var(--font-size-data-16) !important;
        margin: 0px;
        font-style: normal;
        font-family: var(--acumin-pro-font);
        font-size: var(--font-size-data-16);
        line-height: var(--line-height-data-16) !important;
        color: var(--text-color-on-background-70) !important;
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

        #serviceResourcesContainer > .list-group-item > .resourceBox > h4 {
            margin: 0px;
        }

        #serviceResourcesContainer > .list-group-item:hover {
            background: unset;
            border: unset !important;
            color: var(--text-color-on-background-100) !important;
        }

.navigation-btn {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.btn + .btn {
    margin: 0px !important;
}

#btnBackToTable, .back-button, #srModal_g_confirm_dialog > div.modal-footer.navigation-btn > button:nth-child(2) {
    border-color: var(--background-color-tertiary);
    background-color: var(--background-color-tertiary) !important;
    color: var(--text-color-on-background-100) !important;
}

.pager {
    margin: 0px !important;
}

#day-schedule-container {
    margin-bottom: 20px;
}

/* Formatting appointments calendar */

.datepicker table {
    font-size: var(--font-size-data-12) !important;
}

    .datepicker table th {
        color: var(--text-color-on-background-80);
    }

    .datepicker table tr td.old, .datepicker table tr td.new {
        color: var(--text-color-on-background-40);
    }

    .datepicker table td {
        color: var(--text-color-on-background-80);
    }

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: none;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-right.datepicker-orient-top > div.datepicker-days > table > tbody > tr > td.active.day {
    color: var(--accent-color)
}

#booking-confirm-container > div:nth-child(1) > div > div > hr {
    display: none;
}

#row-buttons > div {
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
}

    #row-buttons > div > button.green-jungle.btn-confirm-courses.btn, #srModal_g_confirm_dialog > div.modal-footer.navigation-btn > button {
        height: 56px;
    }

/* CART */

#frmPay > h3 {
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-16);
    line-height: var(--line-height-data-24);
    color: var(--accent-color);
}

    #frmPay > h3 > strong {
        font-weight: var(--font-weight-normal);
    }

#gsTable_tblCarrello {
    text-align: left;
}

    #gsTable_tblCarrello > th, tr {
        text-align: left !important;
        overflow-wrap: break-word;
    }

    #gsTable_tblCarrello > tbody > tr > td:nth-child(3), #spnTotale {
        font-weight: var(--font-weight-black);
    }

    #gsTable_tblCarrello > tbody > tr > td:nth-child(1) {
        color: var(--text-color-on-background-80);
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
    }

.table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
    white-space: inherit;
}

/* FRIENDS */

#gsTable_tblListaAmici_wrapper {
    margin-top: 30px;
}

.well {
    background-color: inherit;
}

.amici-action-buttons {
    display: grid;
    grid-template-columns: repeat(2, 45%);
    justify-items: start;
    gap: 10px;
}

/* FRIEND */

div.page-container > div.page-content-wrapper > div > div.row > div > div > div.col-md-10 {
    margin: 30px 15px 30px 15px;
}

/* LOGIN */

body.login {
    margin-top: 160px !important;
}

    body.login > .content {
        background-color: var(--background-color-tertiary) !important;
        border-radius: var(--border-radius-16px) !important;
        color: var(--text-color-on-background-100) !important;
    }

.login-additional-links {
    background-color: var(--background-color-fourth) !important;
    margin-top: 15px !important;
}

.login .content h3, .login .content label, .login .content p, .login .content .rememberme, .login .content .login-additional-links p a, .login .copyright {
    color: var(--text-color-on-background-100) !important;
}

.backstretch {
    display: none;
}

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

@media (max-width: 440px) {
    .content {
        max-width: 90%;
    }
}

.login .content h4 {
    color: var(--text-color-on-background-100) !important;
}

#selectperson > div > a {
    background-color: var(--background-color-fourth) !important;
    padding: 16px;
    border-radius: var(--border-radius-8px) !important;
}

    #selectperson > div > a > div > p {
        display: none;
    }

    #selectperson > div > a > div > h3 {
        margin-bottom: 0px;
    }
/* QR CODE */
.qr-code-box {
    border: 2px;
    border-radius: var(--border-radius-16px) !important;
    background-color: var(--background-color-eighth);
    padding: 20px;
}

/* DROPDOWN MENU */

@media (max-width: 767px) {
    #header_inbox_bar > ul, #header_notification_bar > ul {
        margin-right: -56px;
    }

        #header_notification_bar > ul.dropdown-menu:after {
            margin-right: 41px;
        }

        #header_notification_bar > ul.dropdown-menu:before {
            margin-right: 41px;
        }

        #header_inbox_bar > ul.dropdown-menu:after {
            margin-right: 45px;
        }

        #header_inbox_bar > ul.dropdown-menu:before {
            margin-right: 45px;
        }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
        right: 27px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
        right: 26px;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu:before {
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu {
        max-width: 310px;
        width: 310px;
    }
}

.dropdown-menu {
    background-color: var(--background-color-tertiary) !important;
    border-color: var(--background-color-fourth) !important;
    border-radius: var(--border-radius-8px) !important;
    color: var(--text-color-on-background-100) !important;
    font-family: var(--acumin-pro-font);
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-data-12);
    line-height: var(--line-height-data-20);
}

    .dropdown-menu li > a, #header_notification_bar > ul > li > h3 > span {
        color: var(--text-color-on-background-100) !important;
        font-family: var(--acumin-pro-font);
        font-weight: var(--font-weight-normal) !important;
        font-size: var(--font-size-data-12) !important;
        line-height: var(--line-height-data-20) !important;
    }

    .dropdown-menu > .divider {
        display: none;
    }

a.dropdown-toggle {
    color: var(--text-color-on-background-100);
}

.cart-button {
    font-weight: var(--font-weight-black);
    line-height: var(--line-height-data-24);
}

#header_inbox_bar > ul > li:nth-child(2) > div > ul > li > a > span > span {
    background: none !important;
}

#header_notification_bar > a > i.icon-basket-loaded {
    color: var(--accent-color);
}

.nav > li > a:focus, .nav > li > a:hover, .dropdown-menu li > a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: unset !important;
}

#header_notification_bar > ul > li:nth-child(2) > div > ul > li > a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}

    #header_notification_bar > ul > li:nth-child(2) > div > ul > li > a > span.details {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 80%;
    }

/* MENU */

.page-sidebar-menu > li > a, .page-sidebar-menu > li > ul > li > a {
    color: var(--text-color-on-background-100);
}

.page-header.navbar .menu-toggler {
    background-image: url(../../img/sidebar_toggler_icon_default.png);
}

.page-bar .page-breadcrumb > li > span {
    color: inherit;
}

/* LOADING */


.blockUI.blockOverlay {
    background-color: unset !important;
}

/* PURCHASE STATUS */

#gsTable_tblStatoAcquisti > tbody > tr > td.ActionButtons > .dataTable_ActionButtonsWrapper > .btn {
    width: auto;
    height: auto;
    margin: 0px;
}

#gsTable_tblStatoAcquisti > tbody > tr > td.ActionButtons > .dataTable_ActionButtonsWrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
}

#gsTable_tblStatoAcquisti > tbody > tr.odd {
    background-color: var(--background-color-secondary) !important;
}

#gsTable_tblStatoAcquisti > tbody > tr > td.ActionButtons > div > a.btn.btn-action.btn-xs.green-jungle {
    background-color: var(--accent-color) !important;
}

/* set rows with darker background for action buttons*/
#gsTable_tblStatoAcquisti > tbody > tr.even {
    background-color: var(--background-color-tertiary) !important;
}

.badge.badge-default {
    font: var(--acumin-pro-extra-condensed-font);
    font-size: var(--font-size-data-12) !important;
    display: inline;
    border-radius: var(--border-radius-16px) !important;
    line-height: var(--line-height-data-14);
}

.badge.bg-blue {
    background: var(--background-color-badge-vice-city) !important;
}

.badge.bg-red-thunderbird {
    background: var(--background-color-badge-haikus) !important;
}

.badge.bg-yellow-crusta {
    background: var(--background-color-badge-metopolis) !important;
}

.fc-unthemed .fc-today {
    background-color: var(--background-color-fourth);
}

.scroll-to-top > i {
    color: var(--text-color-on-background-100);
}

div.fc-toolbar > div.fc-left > h2 {
    font-size: var(--font-size-data-14) !important;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-data-22);
}

.fc-button.fc-state-default {
    border-radius: var(--border-radius-8px) !important;
}

/* event calendars (home and social) */

.fc-button.fc-state-default, #boxEventi > div.portlet-title > ul > li:nth-child(1) > a {
    font-size: var(--font-size-data-14);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-data-22);
    margin-left: 2px !important;
}

.fc-today-button.fc-button.fc-state-default.fc-state-disabled {
    background-color: var(--background-color-fourth) !important;
    color: var(--text-color-on-background-100) !important;
    border: unset !important;
}

.fc-button.fc-state-default.fc-state-active {
    background-color: var(--background-color-eighth) !important;
    color: var(--text-color-on-primary-and-accent-100) !important;
}

.fc-button.fc-state-default.fc-state-hover {
    background-color: var(--background-color-sixth) !important;
    color: var(--text-color-on-primary-and-accent-100) !important;
}

.dataTables_length > label > select {
    margin-left: 4px;
}

.portlet.calendar .fc-event .fc-time {
    color: var(--accent-color) !important;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.lezione {
    background-color: var(--background-color-fourth);
    border-radius: var(--border-radius-8px) !important;
    display: flex;
    justify-content: center;
}

#courses-form > div.table-scrollable.courses-table-scroll-window {
    margin-bottom: 20px !important;
}

/* All tables */

.dataTables_info {
    font-family: var(--acumin-pro-font);
    font-size: var(--font-size-data-14);
    line-height: var(--line-height-data-20);
    font-weight: var(--font-weight-normal);
}


/* JAVASCRIPT DISABLED */

noscript > div.alert.alert-info {
    background: var(--background-color-messages-alert);
}