/* Minification failed. Returning unminified contents.
(108,26): run-time error CSS1039: Token not allowed after unary operator: '-spinner-path'
(218,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(219,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(252,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(263,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(264,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(266,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(270,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(273,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(274,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 '-'
(283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,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 '-'
(293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(295,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(297,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(299,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(300,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(301,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(302,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(304,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(305,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(306,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(308,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(309,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(310,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(311,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(312,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(313,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(314,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(315,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(316,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(317,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(318,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(400,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(417,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(422,31): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(424,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(454,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(594,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(658,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(687,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(870,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(882,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(887,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(893,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(901,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(953,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(961,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1035,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1043,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1049,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1153,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1222,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1270,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1278,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1319,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1340,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(1406,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1486,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1535,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1538,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1589,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1597,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1616,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1623,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1644,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1687,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1704,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1921,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1926,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(2038,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(2267,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2282,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2297,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2313,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2328,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2343,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2358,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2373,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2388,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2403,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2418,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2433,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2448,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2463,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2478,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2493,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2508,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2523,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2538,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2562,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(2563,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(2564,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(2569,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(2580,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2595,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2610,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2626,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2641,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2656,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2671,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2686,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2701,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2716,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2731,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2746,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2761,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2776,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2791,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2806,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2821,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2836,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2851,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2903,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(2966,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(3062,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3081,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3100,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3120,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3139,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3158,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3177,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3196,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3215,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3234,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3253,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3272,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3291,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3310,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3329,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3348,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3367,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3386,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3405,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3433,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(3434,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(3435,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(3444,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(3459,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3478,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3497,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3517,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3536,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3555,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3574,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3593,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3612,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3631,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3650,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3669,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3688,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3707,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3726,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3745,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3764,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3783,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3802,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3858,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(3924,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3937,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3950,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3964,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3977,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3990,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4003,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4016,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4029,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4042,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4055,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4068,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4081,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4094,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4107,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4120,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4133,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4146,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4159,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4181,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(4182,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(4183,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(4186,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(4195,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4208,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4221,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4235,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4248,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4261,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4274,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4287,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4300,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4313,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4326,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4339,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4352,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4365,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4378,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4391,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4404,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4417,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4430,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4488,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(4904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4925,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 '-'
(4934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4935,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 '-'
(4944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5107,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(5108,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(5128,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5142,26): run-time error CSS1039: Token not allowed after unary operator: '-login-background'
(5163,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(5172,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(5194,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5208,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5220,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5226,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5229,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5234,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5257,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5264,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5276,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5282,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5283,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(5287,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(5385,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5391,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5437,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5445,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5446,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5447,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5467,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-false-path'
(5471,26): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(5472,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5475,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-path'
(5481,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5489,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5512,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5518,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5519,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(5523,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(5561,20): run-time error CSS1039: Token not allowed after unary operator: '-success-path'
(5571,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5577,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5596,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5605,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5607,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5610,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5615,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5633,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5634,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5645,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(5653,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(5670,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(5683,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5702,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5708,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5720,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5726,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5729,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5732,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(6015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6035,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6036,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6037,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6203,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(6256,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(6329,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(6333,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(7252,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(7924,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(7925,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8054,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(8127,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(8174,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(8175,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(8198,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(8203,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8205,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-color-active'
(8215,24): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(8231,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(8245,26): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(8250,32): run-time error CSS1039: Token not allowed after unary operator: '-icon-color-active'
(8258,32): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(8263,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8271,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8939,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9075,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9319,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9328,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9341,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9371,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9379,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9388,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9431,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9447,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9488,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9503,24): run-time error CSS1039: Token not allowed after unary operator: '-calendar-down-arrow'
(9508,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9522,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(9531,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9544,28): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(9545,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(9546,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(9558,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9613,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9637,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9645,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9776,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9813,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10123,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10131,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(10563,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(10642,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(10643,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(10648,28): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(10752,33): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(10757,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(11507,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(12414,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background-translucent'
(12424,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12431,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(12435,23): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(12443,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12491,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(12493,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(12505,34): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(12510,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12513,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12521,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12525,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(12539,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(12549,30): run-time error CSS1039: Token not allowed after unary operator: '-dots-color-active'
(12554,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(12555,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(12562,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(12563,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(12574,34): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(12579,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12591,34): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(12596,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12617,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(12636,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(12850,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13097,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13240,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13745,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13809,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13942,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(14165,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(14550,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(16182,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(16186,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(16192,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(16226,24): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(16227,22): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(16228,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(16819,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(16826,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(17186,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(17991,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18179,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18358,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(18372,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(18384,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(18396,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(18403,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(18498,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(18510,24): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(18513,34): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(18545,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(18648,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18750,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(18787,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18892,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18998,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(19020,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19110,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(19133,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19142,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19176,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(19214,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(19220,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19271,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19278,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19279,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(19520,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19645,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(19653,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19787,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19805,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19898,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(20012,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(20074,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20102,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20106,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(20128,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20235,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20552,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20955,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20997,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21001,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21010,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21046,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21051,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21064,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21182,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21267,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21276,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21330,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21458,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21600,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21646,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21796,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22103,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22168,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22581,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22645,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22780,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22841,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22851,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22948,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23022,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23112,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23176,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23264,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23270,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23405,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23421,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23504,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23588,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23694,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23731,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23796,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23827,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(23832,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23835,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-color-active'
(23852,22): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(23931,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24037,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24045,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24078,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(24141,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(24146,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(24188,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(24211,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24224,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(24230,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24303,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(24340,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(24412,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(24492,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(24531,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(24588,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24634,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25016,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25338,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25358,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25363,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25411,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25413,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25472,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(25514,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25592,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25623,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(25629,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25654,29): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(25674,29): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(25675,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(25678,42): run-time error CSS1039: Token not allowed after unary operator: '-info-secondary-button-background-hover'
(25686,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25698,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25710,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25723,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25735,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25747,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25759,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25771,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25783,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25795,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25807,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25819,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25831,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25843,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25855,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25867,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25879,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25891,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25903,42): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25915,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25920,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25930,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25935,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25945,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25950,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25960,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25965,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25975,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25980,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25990,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(25995,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26005,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26010,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26020,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26025,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26035,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26040,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26050,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26055,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26065,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26070,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26080,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26085,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26095,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26100,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26110,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26115,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26125,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26130,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26140,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26145,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26155,38): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26160,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26166,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26172,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(26195,30): run-time error CSS1039: Token not allowed after unary operator: '-ips-skeniraj'
(26202,30): run-time error CSS1039: Token not allowed after unary operator: '-ips-pokazi'
(26236,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(26238,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26283,36): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(26292,36): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(26303,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(26310,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26318,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(26321,36): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(26322,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(26325,30): run-time error CSS1039: Token not allowed after unary operator: '-stepper-done-path'
(26334,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(26364,24): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(26369,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(26382,32): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26388,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(26407,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(26439,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(26441,38): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(26444,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26449,33): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(26464,40): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(26465,29): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26480,29): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(26498,36): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(26502,31): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(26516,35): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26548,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(26549,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26598,38): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(26600,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26618,34): run-time error CSS1039: Token not allowed after unary operator: '-radio-false-path'
(26639,38): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(26640,38): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(26642,34): run-time error CSS1039: Token not allowed after unary operator: '-radio-path'
(26648,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26653,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26667,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(26677,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26682,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26691,29): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(26694,31): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(26699,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26734,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(26735,34): run-time error CSS1039: Token not allowed after unary operator: '-info-button-background'
(26751,36): run-time error CSS1039: Token not allowed after unary operator: '-info-button-background-hover'
(26759,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26764,36): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(26768,36): run-time error CSS1039: Token not allowed after unary operator: '-divider-color'
(26800,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26812,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26824,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26837,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26849,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26861,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26873,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26885,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26897,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26909,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26921,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26933,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26945,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26957,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26969,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26981,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(26993,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27005,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27017,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27038,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(27039,23): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27040,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(27042,36): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(27050,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27062,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27074,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27087,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27099,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27111,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27123,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27135,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27147,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27159,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27171,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27183,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27195,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27207,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27219,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27231,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27243,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27255,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27267,36): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27289,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(27317,30): run-time error CSS1039: Token not allowed after unary operator: '-dots-color'
(27327,32): run-time error CSS1039: Token not allowed after unary operator: '-dots-color-active'
(27418,32): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(27419,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27426,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(27427,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(27438,34): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27443,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27455,34): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27460,34): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27589,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27615,19): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27619,21): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(27650,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27690,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27702,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27714,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27727,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27739,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27751,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27763,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27775,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27787,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27799,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27811,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27823,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27835,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27847,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27859,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27871,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27883,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27895,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27907,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27928,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(27929,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27930,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(27933,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(27941,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27953,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27965,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27978,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27990,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28002,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28014,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28026,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28038,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28050,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28062,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28074,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28086,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28098,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28110,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28122,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28134,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28146,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28158,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28179,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(28180,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(28181,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(28184,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(28192,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28204,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28216,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28229,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28241,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28253,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28265,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28277,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28289,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28301,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28313,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28325,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28337,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28349,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28361,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28373,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28385,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28397,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28409,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28442,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28454,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28466,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28479,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28491,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28503,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28515,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28527,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28539,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28551,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28563,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28575,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28587,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28599,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28611,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28623,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28635,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28647,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28659,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(28679,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(28738,24): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29039,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29054,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29062,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29112,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29123,28): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29130,25): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29152,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29231,32): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29345,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29347,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(29450,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29451,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29452,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29453,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29454,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29456,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29457,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29458,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29459,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29460,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29461,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29462,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29463,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29465,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29466,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29467,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29468,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29469,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29470,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29471,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29472,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29473,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29474,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29475,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29476,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29477,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29479,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29480,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29481,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29482,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29483,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29484,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29486,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29487,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29488,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29489,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29490,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29491,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29493,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29494,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29495,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29497,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29498,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29502,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29503,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29504,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29505,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29506,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29507,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29509,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29510,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29511,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29512,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29513,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29514,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29515,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29516,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29517,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29518,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29521,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29522,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29523,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29524,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29525,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29526,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29527,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29528,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29529,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29530,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29531,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29532,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29533,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29534,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29535,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29536,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29538,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29539,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29540,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29542,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29543,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29545,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29546,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29547,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29548,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29549,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(29550,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30055,22): run-time error CSS1039: Token not allowed after unary operator: '-dots-color'
(30065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30089,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30091,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30093,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30094,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30097,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30098,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30099,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30100,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30102,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30103,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30104,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30105,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30107,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30109,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30122,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30124,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30125,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30126,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30130,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30131,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30132,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30134,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30135,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30136,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30137,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30138,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30139,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30140,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30141,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30142,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30143,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30145,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30146,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30148,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30149,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30152,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30153,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30155,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30156,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30158,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30159,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30160,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30162,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30163,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30164,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30165,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30232,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30237,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30246,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30317,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30320,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30340,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30343,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30344,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30350,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30351,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30357,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30358,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30364,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30365,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30371,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30372,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30378,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30379,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30403,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(30404,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30405,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(30414,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(30417,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30518,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30522,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30541,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30555,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30569,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30583,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30597,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30611,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30625,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30639,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30653,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30667,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30681,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30695,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30709,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30723,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30737,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30751,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30765,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30779,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30793,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30807,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30821,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30840,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30853,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30860,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(30866,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30872,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30929,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(30932,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30937,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30951,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-avatar'
(30965,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30970,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30988,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30993,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(31009,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-avatar'
(31023,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31028,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31059,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31066,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31089,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31090,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31111,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(31113,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(31116,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31121,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(31136,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(31137,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31145,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(31155,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(31158,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(31166,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31167,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31175,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(31178,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(31203,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31220,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31236,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(31243,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31244,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31249,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31250,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31259,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31264,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31274,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31279,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31289,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31294,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31304,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31309,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31316,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31342,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31363,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(31406,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31419,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31432,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31446,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31459,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31472,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31485,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31498,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31511,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31524,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31537,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31550,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31563,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31576,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31589,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31602,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31615,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31628,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31641,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31663,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(31664,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31665,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31669,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(31678,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31691,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31704,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31718,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31731,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31744,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31757,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31770,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31783,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31796,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31809,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31822,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31835,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31848,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31861,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31874,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31887,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31900,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31913,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31935,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(31936,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31937,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31941,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(31950,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31963,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31976,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31990,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32003,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32016,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32029,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32042,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32055,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32068,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32081,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32094,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32107,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32120,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32133,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32146,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32159,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32172,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32185,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32221,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32234,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32247,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32261,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32274,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32287,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32300,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32313,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32326,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32339,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32352,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32365,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32378,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32391,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32404,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32417,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32430,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32443,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32456,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32467,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32469,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(32474,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32482,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(32493,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32502,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32531,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(32545,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(32547,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(32550,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32555,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(32570,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(32571,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32583,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(32620,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(32637,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32649,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32653,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(32674,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32706,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(32708,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(32711,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32716,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(32731,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(32732,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32740,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(32781,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(32798,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32810,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32814,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(32835,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32860,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(32862,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(32865,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32870,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(32886,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(32887,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32898,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32906,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(32966,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(32981,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(33003,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33009,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(33023,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33029,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(33038,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(33041,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(33052,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33059,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(33061,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33085,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(33097,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33102,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33108,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33129,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33137,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(33150,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(33153,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(33157,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(33161,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33162,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33167,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33183,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(33188,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33201,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(33206,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33216,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33236,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33243,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33253,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33260,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33270,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33277,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33287,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33294,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33301,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-avatar'
(33364,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33365,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33386,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(33388,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(33391,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33396,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(33411,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(33412,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33420,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(33430,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(33433,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(33441,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33442,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33471,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(33474,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(33553,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33566,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33579,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33593,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33606,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33619,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33632,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33645,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33658,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33671,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33684,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33697,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33710,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33723,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33736,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33749,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33762,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33775,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33788,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33810,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(33811,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33812,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(33815,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(33824,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33837,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33850,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33864,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33877,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33890,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33903,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33916,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33929,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33942,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33955,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33968,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33981,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33994,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34007,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34020,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34033,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34046,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34059,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34088,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34105,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34121,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(34128,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34129,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34134,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34135,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34144,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34149,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34159,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34164,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34174,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34179,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34189,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34194,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34198,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(34231,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(34232,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34248,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(34258,20): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill'
(34259,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill-font'
(34268,20): run-time error CSS1039: Token not allowed after unary operator: '-success-pill'
(34269,15): run-time error CSS1039: Token not allowed after unary operator: '-success-pill-font'
(34279,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(34281,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34292,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(34306,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34316,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34386,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(34399,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34400,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34405,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34406,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34415,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34420,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34430,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34435,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34445,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34450,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34460,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34465,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34482,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34485,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34562,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34580,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34581,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34598,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(34618,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(34627,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(34646,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(34649,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(34655,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(34662,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(34668,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34739,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34761,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(34789,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(34790,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(34796,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(34800,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(34822,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(34907,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34920,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34933,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34946,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34959,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34972,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34985,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(34998,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35011,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35017,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35028,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35037,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35052,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35080,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35083,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35086,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35097,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35113,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35126,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35139,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35152,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35165,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35178,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35191,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35204,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35217,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35230,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35243,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35256,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35269,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35282,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35295,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35308,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35321,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35334,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35351,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35352,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(35362,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35367,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35376,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35381,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35421,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35438,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35450,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35454,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35475,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35507,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35509,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(35512,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35517,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35532,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35533,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35545,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35556,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35558,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(35561,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35566,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35583,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35584,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35599,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35640,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35657,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35669,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35673,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35694,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35718,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35720,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(35723,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35728,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35746,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35747,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35758,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35766,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35823,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(35835,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35857,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35863,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35877,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35883,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35893,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35896,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35916,20): run-time error CSS1039: Token not allowed after unary operator: '-no-result-path'
(35922,20): run-time error CSS1039: Token not allowed after unary operator: '-digital-signature'
(35928,20): run-time error CSS1039: Token not allowed after unary operator: '-info-big'
(35934,20): run-time error CSS1039: Token not allowed after unary operator: '-package-path'
(35942,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35948,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35967,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(35968,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(35971,26): run-time error CSS1039: Token not allowed after unary operator: '-info-secondary-button-background-hover'
(35980,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35993,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36006,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36020,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36033,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36046,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36059,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36072,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36085,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36098,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36111,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36124,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36137,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36150,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36163,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36176,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36189,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36202,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36215,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36242,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(36243,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36244,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(36247,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(36256,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36269,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36282,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36296,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36309,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36322,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36335,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36348,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36361,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36374,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36387,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36400,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36413,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36426,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36439,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36452,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36465,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36478,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36491,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36527,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36540,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36553,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36567,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36580,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36593,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36606,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36619,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36632,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36645,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36658,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36671,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36684,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36697,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36710,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36723,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36736,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36749,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36762,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36791,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(36792,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(36801,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36806,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(36809,26): run-time error CSS1039: Token not allowed after unary operator: '-info-button-background-hover'
(36818,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36831,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36844,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36858,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36871,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36884,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36897,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36910,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36923,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36936,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36949,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36962,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36975,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36988,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37001,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37014,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37027,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37040,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37053,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37076,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37080,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(37089,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37102,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37115,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37129,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37142,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37155,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37168,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37181,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37194,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37207,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37220,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37233,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37246,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37259,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37272,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37285,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37298,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37311,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37324,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37412,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37419,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37449,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(37455,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37469,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37474,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37480,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37489,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37505,26): run-time error CSS1039: Token not allowed after unary operator: '-warning-yellow'
(37506,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37521,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37526,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37543,20): run-time error CSS1039: Token not allowed after unary operator: '-success-path'
(37553,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37559,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37591,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37592,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(37596,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(37687,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-background'
(37705,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37720,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(37738,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37748,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37761,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37774,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37787,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37800,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37813,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37826,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37839,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37846,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(37851,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37854,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37858,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37870,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37889,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(37893,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37908,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37914,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37924,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37931,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(37940,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37943,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37955,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37985,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(38002,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38014,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38018,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(38039,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38066,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(38068,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(38071,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38076,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38091,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(38092,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38117,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38131,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38170,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38175,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38191,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38196,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38230,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(38231,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(38236,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(38247,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38255,33): run-time error CSS1039: Token not allowed after unary operator: '-divider-color'
(38297,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38301,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38304,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(38331,20): run-time error CSS1039: Token not allowed after unary operator: '-login-background'
(38382,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38395,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38408,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38422,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38435,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38448,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38461,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38474,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38487,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38500,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38513,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38526,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38539,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38552,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38565,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38578,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38591,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38604,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38617,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38639,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(38640,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38641,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38646,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(38655,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38668,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38681,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38695,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38708,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38721,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38734,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38747,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38760,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38773,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38786,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38799,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38812,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38825,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38838,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38851,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38864,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38877,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38890,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38899,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38918,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38923,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38927,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38933,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(38940,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(38942,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38954,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(38961,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38968,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(38980,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39010,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39011,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39012,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39025,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39030,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39039,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39044,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(39059,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39065,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39117,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39129,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39133,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39154,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39167,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39180,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39192,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39196,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39217,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39251,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39266,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39270,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(39303,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(39304,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39305,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39309,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(39318,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39331,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39344,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39358,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39371,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39384,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39397,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39410,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39423,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39436,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39449,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39462,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39475,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39488,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39501,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39514,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39527,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39540,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39553,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39561,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(39586,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39587,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39597,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39602,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39609,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39619,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39624,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(39627,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(39636,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39641,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(39690,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39705,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39710,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39716,30): run-time error CSS1039: Token not allowed after unary operator: '-divider-color'
(39761,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39766,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39776,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39781,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39791,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39796,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39827,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39828,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39846,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39850,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39869,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39882,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39895,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39908,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39915,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39927,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39938,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(39942,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39946,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(39970,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(39971,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(39980,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39985,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(39988,26): run-time error CSS1039: Token not allowed after unary operator: '-info-secondary-button-background-hover'
(39997,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40010,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40023,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40037,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40050,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40063,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40076,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40089,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40102,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40115,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40128,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40141,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40154,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40167,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40180,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40193,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40206,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40219,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40232,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40245,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40250,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40257,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40283,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(40293,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(40306,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40314,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40323,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(40327,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40328,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(40332,20): run-time error CSS1039: Token not allowed after unary operator: '-stepper-done-path'
(40342,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40350,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(40351,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(40352,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40372,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-false-path'
(40396,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40407,26): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(40408,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40411,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-path'
(40422,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40458,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(40463,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40466,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(40467,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40485,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40486,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(40500,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(40513,20): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(40514,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40517,20): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(40518,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40525,20): run-time error CSS1039: Token not allowed after unary operator: '-warning-yellow'
(40526,15): run-time error CSS1039: Token not allowed after unary operator: '-warning-yellow-font'
(40529,20): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill'
(40530,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill-font'
(40533,20): run-time error CSS1039: Token not allowed after unary operator: '-success-pill'
(40534,15): run-time error CSS1039: Token not allowed after unary operator: '-success-pill-font'
(40538,50): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(40538,71): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40543,37): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(40553,37): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(40564,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40568,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40572,22): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(40576,22): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(40584,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(40585,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(40593,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(40594,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(40609,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40614,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40630,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40635,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40646,20): run-time error CSS1039: Token not allowed after unary operator: '-dots-color'
(40653,20): run-time error CSS1039: Token not allowed after unary operator: '-dots-color-active'
(40672,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(40677,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
 */
body {
  font-family: Arial;
  font-size: 12px;
  background: #efefef;
}

ul.s-portal-languageSelector {
  position: fixed;
  top: 5px;
  right: 24px;
}

ul.s-portal-languageSelector > li {
  list-style: none;
}

ul.s-portal-languageSelector > li.s-portal-language {
  float: left;
  cursor: pointer;
  width: 24px;
  height: 24px;
  background-image: url(images/icons24.png);
  display: block;
  padding: 0px;
  margin-left: 2px;
}

ul.s-portal-languageSelector > li.s-portal-language > span {
  display: none;
}

ul.s-portal-languageSelector > li.s-portal-language[data-culture=sr-Latn-CS] {
  background-position: -48px 0;
}

ul.s-portal-languageSelector > li.s-portal-language[data-culture=sr-Latn-CS].active {
  background-position: 0 0;
}

ul.s-portal-languageSelector > li.s-portal-language[data-culture=en-US] {
  background-position: -72px 0;
}

ul.s-portal-languageSelector > li.s-portal-language[data-culture=en-US].active {
  background-position: -24px 0;
}

.s-overlay-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.s-overlay {
  background-color: #2B2D34;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.s-widget .s-overlay, .ui-dialog .s-overlay {
  background-color: #000;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.s-overlay-message {
  width: 48px;
  height: 48px;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  z-index: 101;
}

.s-overlay-message > .spinner {
  width: 48px;
  height: 48px;
  background-image: url("images/uds/spinner-uds-dark.svg") !important;
  background-repeat: no-repeat;
  background-size: 48px !important;
  background-position: center;
  animation: spinner-animation linear 1s infinite;
  margin: auto;
}

@keyframes spinner-animation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.s-widget .s-overlay-message, .ui-dialog .s-overlay-message {
  top: 50%;
  left: 50%;
}
.s-widget .s-overlay-message > .spinner, .ui-dialog .s-overlay-message > .spinner {
  display: block;
  width: 48px;
  height: 48px;
  background-image: var(--spinner-path) !important;
  background-repeat: no-repeat;
  background-size: 48px !important;
  background-position: center;
  animation: spinner-animation linear 1s infinite;
}

.s-overlay-message > .text {
  text-align: center;
  color: white;
}

.s-overlay-message.notext {
  margin-left: -24px;
  margin-top: -24px;
}

.s-overlay-message.notext > .text {
  display: none;
}

.s-overlay-message.notext > .spinner {
  margin-left: 0;
}

.s-message {
  background-size: 30px 30px;
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.05) 50%, rgba(255, 255, 255, 0.05) 75%, transparent 75%, transparent);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.4);
  animation: animate-bg 5s linear infinite;
  position: fixed;
  width: 100%;
  padding: 10px;
  top: -30px;
  left: 0;
  height: 30px;
  z-index: 200;
  color: #fff;
  border: 1px solid;
}

.s-message.info {
  background-color: #4ea5cd;
  border-color: #3b8eb5;
}

.s-message.error {
  background-color: #de4343;
  border-color: #c43d3d;
}

.s-message.warning {
  background-color: #eaaf51;
  border-color: #d99a36;
}

.s-message.success {
  background-color: #61b832;
  border-color: #55a12c;
}

@keyframes animate-bg {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -60px 0;
  }
}
.toolbar {
  background-color: #efefef;
  border: 1px solid #ddd;
  padding: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 0.9em;
}

.tableTitle {
  background-color: #efefef;
  border: solid 1px #e8e8e8;
  padding: 5px;
  font-weight: bold;
  margin: 1px 0 1px 0;
}

.tableHeader {
  justify-content: space-between;
  padding: 20px 24px;
  background: #f8f8f8;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: #2b2d33;
}
.tableHeader .totals-1 {
  float: left;
}
.tableHeader .totals-2 {
  float: right;
}
.tableHeader:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}

:root {
  --uds-base-background: #fff;
  --uds-background: #f8f6f2;
  --uds-font-color: #2B2D34;
  --uds-font-color-inverted: #F9F9F9;
  --uds-border-color: #e7e6e0;
  --uds-secondary-font-color: #55575D;
  --uds-secondary-font-color-inverted: #D5D5D6;
  --uds-blue-font-color: #0F7095;
  --uds-blue-font-color-inverted: #BFE9F8;
  --uds-hover-color: #E2F4FC;
  --choice-selected: #E2F4FC;
  --uds-secondary-button-background: #fff;
  --uds-secondary-button-hover-background: #e5e5e6;
  --border-bottom: #e7e6e0;
  --top-nav-icon-color: #808185;
  --icon-color-active: #0F7095;
  --spinner-path: url("images/uds/spinner-uds.svg");
  --checkbox-path: url("images/uds/checkbox.svg");
  --checkbox-false-path: url("images/uds/checkbox_false.svg");
  --radio-path: url("images/uds/radio.svg");
  --radio-false-path: url("images/uds/radio-false.svg");
  --stepper-done-path: url("images/uds/stepper-done.svg");
  --success-path: url("images/uds/success-large.svg");
  --package-path: url("images/uds/package.svg");
  --no-result-path: url("images/uds/no-result.svg");
  --login-background: url("images/login/login-new-light.jpg");
  --calendar-down-arrow: url("images/uds/menu-down.svg");
  --info-big: url("images/uds/info-big.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlock.svg");
  --ips-skeniraj: url("images/uds/ipsSkeniraj.svg");
  --ips-pokazi: url("images/uds/ipsPokazi.svg");
  --action-color: #118DB8;
  --action-color-hover: #1481a8;
  --dots-color: #dad7cd;
  --dots-color-active: #2b2d34;
  --divider-color: #e7e6e0;
  --input-border-color: #e2dfd6;
  --info-button-background: #118DB8;
  --info-button-background-hover: #2e9bc1;
  --info-secondary-button-background-hover: #c9e3ef;
  --info-box: #E2F4FC;
  --warning-yellow: #ffeec7;
  --warning-yellow-font: #bb5802;
  --success-pill: #d3eac5;
  --danger-pill: #FDE3E3;
  --success-pill-font: #32701b;
  --danger-pill-font: #b42121;
  --shadow-avatar: #f0ede7;
  --switch-background: #e6e6e7;
}

.dark-mode {
  --uds-base-background: #35373c;
  --uds-background: #2B2D34;
  --uds-font-color: #F9F9F9;
  --uds-font-color-inverted: #2B2D34;
  --uds-border-color: #55575D;
  --uds-secondary-font-color: #D5D5D6;
  --uds-secondary-font-color-inverted: #55575D;
  --uds-blue-font-color: #BFE9F8;
  --uds-blue-font-color-inverted: #0F7095;
  --uds-hover-color: #0F7095;
  --choice-selected: #665c00;
  --uds-secondary-button-background: #35373c;
  --uds-secondary-button-hover-background: #41434a;
  --border-bottom: #4a4d53;
  --top-nav-icon-color: #aaabae;
  --icon-color-active: #E2F4FC;
  --spinner-path: url("images/uds/spinner-uds-dark.svg");
  --checkbox-path: url("images/uds/checkbox_dark.svg");
  --checkbox-false-path: url("images/uds/checkbox_false_dark.svg");
  --radio-path: url("images/uds/radio-dark.svg");
  --radio-false-path: url("images/uds/radio-false-dark.svg");
  --stepper-done-path: url("images/uds/stepper-done-dark.svg");
  --success-path: url("images/uds/success-large-dark.svg");
  --package-path: url("images/uds/package-dark.svg");
  --no-result-path: url("images/uds/no-result-dark.svg");
  --login-background: url("images/login/login-dark.jpeg");
  --calendar-down-arrow: url("images/uds/menu-down-dark.svg");
  --info-big: url("images/uds/info-big-dark.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlockDark.svg");
  --ips-skeniraj: url("images/uds/ipsSkenirajDark.svg");
  --ips-pokazi: url("images/uds/ipsPokaziDark.svg");
  --action-color: #FEE600;
  --action-color-hover: #e4cf06;
  --dots-color: #4b4d54;
  --dots-color-active: #f9f9f9;
  --divider-color: #4b4d54;
  --input-border-color: #43454d;
  --info-button-background: #47c5e9;
  --info-button-background-hover: #43b2d3;
  --info-secondary-button-background-hover: #266f8a;
  --info-box: #115f7b;
  --warning-yellow: #7a370b;
  --warning-yellow-font: #ffde85;
  --success-pill: #2c591b;
  --danger-pill: #732929;
  --success-pill-font: #b6e19d;
  --danger-pill-font: #fccccc;
  --shadow-avatar: #44464d;
  --switch-background: #404248;
}

/*#region fonts*/
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Roman.eot");
  src: url("fonts/Futura-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Roman.woff") format("woff"), url("fonts/Futura-Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Dem.eot");
  src: url("fonts/Futura-Dem.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Dem.woff") format("woff"), url("fonts/Futura-Dem.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Bold.eot");
  src: url("fonts/Futura-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Bold.woff") format("woff"), url("fonts/Futura-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-ExtraBold.eot");
  src: url("fonts/Futura-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-ExtraBold.woff") format("woff"), url("fonts/Futura-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Regular.ttf");
  src: url("fonts/Amalia-Regular.woff") format("woff"), url("fonts/Amalia-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Medium.ttf");
  src: url("fonts/Amalia-Medium.woff") format("woff"), url("fonts/Amalia-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Bold.ttf");
  src: url("fonts/Amalia-Bold.woff") format("woff"), url("fonts/Amalia-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Black.ttf");
  src: url("fonts/Amalia-Black.woff") format("woff"), url("fonts/Amalia-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*#endregion fonts*/
html[dir=rtl] .s-widget.float,
html[dir=rtl] .s-widget-zone {
  float: right;
}

.s-page-host:not(.login) {
  padding: 20px 20px 0 20px;
  box-sizing: border-box;
}

.s-page-host {
  margin: 0 auto;
}
.s-page-host > .s-page-content {
  margin-top: 5px;
  margin-bottom: 5px;
  min-height: 400px;
}

/*#region s-widget*/
.s-widget {
  border-radius: 0;
  margin: 0 0 20px 0;
  background: var(--uds-base-background);
  background-repeat: no-repeat;
  background-position: 24px 13px;
}
.s-widget .s-overlay {
  opacity: 0.1;
  filter: Alpha(Opacity=10);
  display: block;
}
.s-widget.float {
  float: left;
}

.s-widget-header {
  border: 0;
  line-height: 20px;
  cursor: default;
  color: var(--uds-font-color);
  border-radius: 0;
  padding-left: 24px;
  position: relative;
  padding: 16px 24px 15px;
  border-left: 6px solid var(--uds-font-color);
  zoom: 1;
  background: var(--uds-base-background);
}
.s-widget-header.draggable {
  cursor: move;
}
.s-widget-header.nodrag {
  cursor: default;
}
.s-widget-header.nochrome {
  display: none;
}

.s-widget-placeholder {
  border: 1px dashed #ccc;
}

.s-widget-loading {
  display: none;
  width: 16px;
  height: 16px;
  background: url("images/segment-material-preloader-1.gif") no-repeat;
}

.s-widget-button {
  cursor: pointer;
  width: 16px;
}

.s-widget-title {
  font-size: 14px;
  color: var(--uds-font-color);
  margin-bottom: 0;
  font-weight: 700;
  /*line-height: 45px;*/
  text-transform: uppercase;
  /*border-left: 6px solid var(--uds-font-color);
  padding-left: 50px;*/
}

.s-widget-body-header {
  font-size: 0.9em;
  font-weight: bold;
  padding: 6px;
  border-bottom: 1px solid #ccc;
}

.s-widget-body {
  border: 0;
  min-height: 65px;
  border-top: 2px solid #ebeced;
}

.s-widget.maximized .s-widget-body {
  min-height: 100px;
}

.s-widget-zone {
  float: left;
  margin: 0 auto;
  min-height: 100px;
  box-sizing: border-box;
}

.s-widget-drop-placeholder {
  background-color: #dedede;
  border: 1px dashed #ccc;
  margin: 10px 5px 5px 5px;
  min-height: 20px;
}

.s-widget-body-error-summary {
  background-color: #FFE6E6;
  color: #C41414;
  border-bottom: 1px solid #C41414;
}
.s-widget-body-error-summary ul {
  margin: 0;
  padding: 5px 5px 5px 30px;
  font-size: 0.85em;
}

.s-widget-tooltip {
  display: none;
  width: 300px;
  height: 150px;
  overflow: auto;
  font-size: 11px;
  padding: 10px;
  border: 2px solid #bbb;
  background-color: #fff;
  color: #333;
  z-index: 1000;
}

/*#endregion login_header*/
/*#region portal_icons*/
.s-icon {
  width: 16px;
  height: 16px;
  display: block;
  padding: 0px;
}

.s-icon-expand {
  background-position: 0 0;
}

.s-icon-back {
  background-position: 0 -16px;
}

.s-icon-collapse {
  background-position: -16px 0;
}

.s-icon-maximize {
  background-position: -32px 0;
}

.s-icon-minimize {
  background-position: -48px 0;
}

.s-icon-help {
  background-position: -64px 0;
}

.s-icon-remove {
  background-position: -80px 0;
}

/*#endregion portal_icons*/
/*#region responsive*/
@media only screen and (min-width: 1201px) {
  .s-widget-zone.lg-right {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 721px) {
  .s-widget-zone.md-100 {
    width: 100% !important;
  }
  .s-widget-zone.md-50 {
    width: 50% !important;
  }
  .s-widget-zone.md-right {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 720px) {
  .s-widget-zone {
    width: 100% !important;
    padding: 0px !important;
  }
  .s-widget-zone.sign-wrapper {
    position: relative;
    top: unset;
    right: unset;
    padding: 72px 0 0 0 !important;
    height: auto;
  }
  .s-widget-zone.LoginBackgroundZone, .s-widget-zone.SupportZone {
    display: none;
  }
  .s-widget-zone .LoginCorporateV3 {
    overflow-y: visible;
    height: auto;
  }
  .s-widget-zone .LoginCorporateV3 .bottomInfo {
    bottom: -48px;
    border-bottom: solid 1px var(--border-bottom);
    flex-direction: column;
    gap: 16px;
    align-items: center;
    position: relative;
  }
  .s-widget-zone .LoginCorporateV3 .bottomInfo a {
    width: 100%;
  }
}
/*#endregion responsive*/
/*CARDS*/
.CardBalancePreviewCorporateV2 .box_body ul li, .CardBalancePreviewCorporateV3 .box_body ul li {
  cursor: pointer;
  border-bottom: 2px solid #f8f8f8;
  box-shadow: 0 4px 4px transparent;
  -webkit-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
}
.CardBalancePreviewCorporateV2 .box_body ul li.no_card, .CardBalancePreviewCorporateV3 .box_body ul li.no_card {
  border-bottom: none;
  cursor: context-menu;
}
.CardBalancePreviewCorporateV2 .box_body ul li.no_card:hover, .CardBalancePreviewCorporateV3 .box_body ul li.no_card:hover {
  box-shadow: none;
  transition: none;
}
.CardBalancePreviewCorporateV2 .box_body ul li .normal-list_item__inner, .CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner {
  border-left: 6px solid transparent;
  display: block;
  padding: 20px 20px 20px 24px;
  zoom: 1;
  position: relative;
  -webkit-transition: background 0.6s ease, border 0.6s ease;
  transition: background 0.6s ease, border 0.6s ease;
}
.CardBalancePreviewCorporateV2 .box_body ul li .normal-list_item__inner .part-icon, .CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-icon {
  position: absolute;
  top: 17px;
  left: 20px;
}
.CardBalancePreviewCorporateV2 .box_body ul li .normal-list_item__inner .part-icon .icon, .CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-icon .icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #fee600;
  border: 1px solid #cacaca;
  margin-right: 16px;
  margin-top: 4px;
  background-image: url(images/icons/cards_y.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.CardBalancePreviewCorporateV2 .box_body ul li .normal-list_item__inner .part-content, .CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-content {
  padding: 0 40px 0 50px;
}
.CardBalancePreviewCorporateV2 .box_body ul li .normal-list_item__inner .part-content .big-text, .CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-content .big-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--uds-font-color);
  text-transform: lowercase;
}
.CardBalancePreviewCorporateV2 .box_body ul li .normal-list_item__inner .part-content .big-text:first-line, .CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-content .big-text:first-line {
  text-transform: capitalize;
}
.CardBalancePreviewCorporateV2 .box_body ul li .normal-list_item__inner .part-content .small-text, .CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-content .small-text {
  font-size: 14px;
  line-height: 20px;
  color: #808185;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper {
  display: block;
  background: #e9eaea;
  width: 100%;
  height: 35px;
  text-align: center;
  padding-bottom: 15px;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  color: #0093ff;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  border: none;
  background: var(--uds-base-background);
  cursor: pointer;
  font-family: amalia, sans-serif;
  background-color: white;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more span, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more span {
  text-decoration: none;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more .arrow-bottom-1, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more .arrow-bottom-1 {
  display: inline-block;
  width: 10px;
  height: 8px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 10px;
  position: relative;
  top: -2px;
  margin-left: 10px;
  float: none;
  background-color: white;
  background-image: url(images/icons/arrow-bottom-7.png);
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more .less, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more .less {
  display: none;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more.active .more, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more.active .more {
  display: none;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more.active .less, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more.active .less {
  display: inline-block;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more.active .arrow-bottom-1 {
  transform: rotate(180deg);
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more.hidden, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more.hidden {
  display: none;
}
.CardBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .CardBalancePreviewCorporateV3 .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1 {
  background-position-y: 2px;
  transition: 0.3s ease, -webkit-transform 0.3s ease;
}

.CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner {
  padding: 25px 20px 25px 24px;
}
.CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-icon {
  top: 22px;
  left: 20px;
}
.CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-content {
  padding: 0 40px 0 50px;
}
.CardBalancePreviewCorporateV3 .box_body ul li .normal-list_item__inner .part-content .big-text {
  line-height: 35px;
}

.CardBalanceCorporateV3 .s-widget-body.ui-corner-bl.ui-corner-br, .SupplementaryCardsListCorporateV3 .s-widget-body.ui-corner-bl.ui-corner-br, .CardBalanceCorporateV2 .s-widget-body.ui-corner-bl.ui-corner-br, .SupplementaryCardsListCorporateV2 .s-widget-body.ui-corner-bl.ui-corner-br {
  overflow-x: hidden;
  overflow-y: hidden;
}

.box_body {
  position: relative;
}
.box_body .show-more-wrapper {
  display: block;
  background: #e9eaea;
  width: 100%;
  height: 35px;
  text-align: center;
  padding-bottom: 15px;
}
.box_body .show-more-wrapper .show-more {
  display: inline-block;
  background: #e9eaea;
  position: relative;
  /*width: 100%;*/
  text-align: center;
  color: #0093ff;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}
.box_body .show-more-wrapper .show-more span {
  text-decoration: none;
}
.box_body .show-more-wrapper .show-more .arrow-bottom-1 {
  display: inline-block;
  width: 10px;
  height: 8px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 10px;
  position: relative;
  top: -2px;
  margin-left: 10px;
  float: none;
  background-color: #e9eaea;
  background-image: url(images/icons/arrow-bottom-7.png);
}
.box_body .show-more-wrapper .show-more .less {
  display: none;
}
.box_body .show-more-wrapper .show-more .more {
  display: inline-block;
}
.box_body .show-more-wrapper .show-more.active .arrow-bottom-1 {
  transform: rotate(0deg);
}
.box_body .show-more-wrapper .show-more.active .more {
  display: none;
}
.box_body .show-more-wrapper .show-more.active .less {
  display: inline-block;
}
.box_body .show-more-wrapper .show-more.hidden {
  display: none;
}
.box_body .show-more-wrapper .show-more:hover .arrow-bottom-1 {
  background-position-y: 2px;
  transition: 0.3s ease, -webkit-transform 0.3s ease;
}
.box_body .normal-table-overscroll {
  overflow-x: auto;
  border-top: 1px solid #fff;
}
.box_body .normal-table-overscroll table {
  position: relative;
  width: 100%;
  min-width: 1170px;
  margin-bottom: 24px;
  border-spacing: inherit;
}
.box_body .normal-table-overscroll table thead {
  background: #e9eaea;
}
.box_body .normal-table-overscroll table thead tr th {
  white-space: nowrap;
  padding: 13px;
  font-size: 11px;
  line-height: 20px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  text-align: left;
  font-family: amalia, sans-serif;
}
.box_body .normal-table-overscroll table thead tr th:first-child {
  padding-left: 71px;
}
.box_body .normal-table-overscroll table tbody tr {
  cursor: pointer;
  box-shadow: 0 4px 4px transparent;
  -webkit-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
}
.box_body .normal-table-overscroll table tbody tr td {
  padding: 21px 20px 21px 14px;
}
.box_body .normal-table-overscroll table tbody tr td p {
  padding-left: 10px;
}
.box_body .normal-table-overscroll table tbody tr td:first-child {
  border-left: 6px solid transparent;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.box_body .normal-table-overscroll table tbody tr td .cell-user-letter {
  width: 32px;
  height: 32px;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border: 1px solid #cacaca;
  border-radius: 50%;
  overflow: hidden;
  color: var(--uds-font-color);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
}
.box_body .normal-table-overscroll table tbody tr td .cell-date-description {
  position: relative;
  float: left;
}
.box_body .normal-table-overscroll table tbody tr td .cell-date-description .description {
  font-size: 14px;
  line-height: 18px;
  color: var(--uds-font-color);
}
.box_body .normal-table-overscroll table tbody tr td .cell-date-description .date {
  font-size: 12px;
  line-height: 18px;
  color: var(--uds-secondary-font-color);
  float: left;
}
.box_body .normal-table-overscroll table tbody tr td .account-num, .box_body .normal-table-overscroll table tbody tr td .card-num, .box_body .normal-table-overscroll table tbody tr td .transaction-info {
  font-size: 14px;
  line-height: 18px;
  color: var(--uds-font-color);
  text-transform: uppercase;
}
.box_body .normal-table-overscroll table tbody tr td .amount {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: var(--uds-font-color);
  float: right;
}
.box_body .normal-table-overscroll table tbody tr td .amount.up {
  color: #40921E;
}
.box_body .normal-table-overscroll table tbody tr td .amount.down:before {
  content: "-";
  position: relative;
}
.box_body .normal-table-overscroll table tbody tr:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
}
.box_body .normal-table-overscroll table tbody tr:hover td:first-child {
  border-left: 6px solid #fee600;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}

.box_body__header {
  padding: 24px;
  padding-bottom: 0;
  position: relative;
}
.box_body__header .part-icon {
  position: absolute;
  top: 32px;
  left: 20px;
}
.box_body__header .part-icon .icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #fee600;
  border: 1px solid #cacaca;
  margin-right: 16px;
  margin-top: 4px;
  background-image: url(images/icons/cards_y.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.box_body__header .part-info {
  padding-left: 50px;
}
.box_body__header .part-info .big-text {
  font-weight: 700;
  color: var(--uds-font-color);
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.025em;
  margin-bottom: 0;
}
.box_body__header .part-info .small-text {
  font-size: 14px;
  color: var(--uds-font-color);
}

.separator {
  width: calc(100% - 48px);
  margin: 0 auto;
  height: 1px;
  background: #d5d5d6;
  margin-top: 22px;
  display: block;
}

.AccountTurnoverCorporateV2 .box_body__filter .bottom-wrap .bottom-wrap_left.type-2 {
  padding-top: 0px;
}
.AccountTurnoverCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select-1.focusin {
  border-color: transparent !important;
}
.AccountTurnoverCorporateV2 .box_body .gvAccountTurnoverPreview .cell-date-description {
  width: 80%;
}

.CardTurnoverCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select-1.focusin, .CardTurnoverCorporateV3 .box_body__filter .top-wrap .input-wrap.input-select-1.focusin {
  border-color: transparent !important;
}

.box_body__filter {
  padding: 24px;
  padding-bottom: 0;
}
.box_body__filter.top {
  background: #feffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #feffff), color-stop(30%, #faf8ff));
  background: linear-gradient(180deg, #feffff 30%, #faf8ff);
}
.box_body__filter.bottom {
  background: #faf8ff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #faf8ff), color-stop(30%, #e9eaea));
  background: linear-gradient(180deg, #faf8ff 30%, #e9eaea);
}
.box_body__filter .top-wrap {
  position: relative;
  display: block;
}
.box_body__filter .top-wrap .top-wrap_left {
  position: relative;
  float: left;
  width: -webkit-calc(100% - 420px);
  width: calc(100% - 460px);
}
.box_body__filter .top-wrap .top-wrap_right {
  position: relative;
  float: left;
  width: 420px;
  padding-left: 20px;
}
.box_body__filter .top-wrap .top-wrap_right .amount-info-list {
  margin-top: 6px;
  position: relative;
  width: 100%;
  zoom: 1;
  display: grid;
}
.box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount {
  position: relative;
  width: 100%;
  zoom: 1;
}
.box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount p {
  margin-bottom: 5px;
}
.box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount .info-1 {
  float: left;
  font-size: 15px;
  color: var(--uds-font-color);
  line-height: 20px;
}
.box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount .info-2 {
  float: right;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--uds-font-color);
}
.box_body__filter .top-wrap .input-wrap {
  padding: 5px 10px 5px;
  margin-right: 16px;
  margin-top: 16px;
  background: var(--uds-base-background);
  min-height: 40px;
  border: 1px solid #d1d1d1;
  transition: border 0.3s ease;
}
.box_body__filter .top-wrap .input-wrap.input-select-1.turnover {
  width: 100px;
}
.box_body__filter .top-wrap .input-wrap.input-select-1.turnover:before {
  display: none;
}
.box_body__filter .top-wrap .input-wrap.input-calendar {
  padding: 9px 10px 5px 10px;
  width: 130px;
  float: left;
  position: relative;
}
.box_body__filter .top-wrap .input-wrap.input-calendar span {
  position: relative;
}
.box_body__filter .top-wrap .input-wrap.input-calendar .icon-calendar {
  width: 21px;
  height: 23px;
  position: absolute;
  display: block;
  background-size: cover;
  background-repeat: no-repeat;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-image: url(images/icons/calendar.png);
}
.box_body__filter .top-wrap .input-wrap.input-calendar:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.box_body__filter .top-wrap .input-wrap.input-value {
  width: 110px;
  float: left;
  position: relative;
}
.box_body__filter .top-wrap .input-wrap.input-value input {
  width: 100% !important;
  padding-top: 4px;
}
.box_body__filter .top-wrap .input-wrap.input-value span {
  position: relative;
}
.box_body__filter .top-wrap .input-wrap.input-value:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.box_body__filter .top-wrap .input-wrap .box_input {
  min-height: 24px;
  font-family: amalia, sans-serif;
  letter-spacing: 0.5px;
  color: #000;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  padding-left: 3px;
  font-size: 14px;
  line-height: 22px;
  vertical-align: top;
}
.box_body__filter .top-wrap .input-wrap.input-select-1 {
  width: 160px;
  float: left;
  position: relative;
}
.box_body__filter .top-wrap .input-wrap.input-select-1:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.box_body__filter .top-wrap .input-wrap.input-select-1.focusin {
  border-color: #494f5a;
  box-shadow: inset 0 0 0 2px;
}
.box_body__filter .top-wrap .input-wrap.input-select-1 span {
  position: relative;
}
.box_body__filter .top-wrap .input-wrap.input-select-1 select {
  width: 100%;
  line-height: 22px;
  font-family: amalia, sans-serif;
  font-size: 15px;
  color: #000;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  letter-spacing: 0;
  cursor: pointer;
  background-repeat: no-repeat;
  background: var(--uds-base-background);
}
.box_body__filter .top-wrap .input-wrap.input-select-1:before {
  content: "";
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
  border: solid transparent;
  right: 0;
  background-image: url(images/icons/arrow-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.box_body__filter .top-wrap .btn-3 {
  width: 60px;
  display: inline-block;
  margin-top: 16px;
  border: none;
  height: 40px;
  background: #fee600;
  padding: 8px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background-image: url(images/icons/ico_filterrefresh.png);
  background-repeat: no-repeat;
  background-position: center;
}
.box_body__filter .top-wrap:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.box_body__filter .bottom-wrap {
  position: relative;
  zoom: 1;
  margin-top: 24px;
}
.box_body__filter .bottom-wrap .bottom-wrap_left.type-2 {
  padding-top: 19px;
  padding-bottom: 30px;
  display: inline-block;
}
.box_body__filter .bottom-wrap .bottom-wrap_left .part-file-type-btns {
  float: none;
  margin-top: 16px;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.box_body__filter .bottom-wrap .bottom-wrap_left .part-file-type-btns .btn-4 {
  position: relative;
  width: 29px;
  height: 21px;
  display: inline-block;
  color: #000;
  font-size: 15px;
  line-height: 20px;
  border: 1px solid #cacaca;
  background: var(--uds-base-background);
  padding-left: 40px;
  padding: 11px 18px 10px 40px;
  cursor: pointer;
  margin-right: 15px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.box_body__filter .bottom-wrap .bottom-wrap_left .part-file-type-btns .btn-4:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-image: url(images/icons/ico_download.png);
  background-repeat: no-repeat;
  background-position: center;
}
.box_body__filter .bottom-wrap .bottom-wrap_left .part-file-type-btns .btn-4:hover {
  background: #f8f8f8;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.box_body__filter .bottom-wrap .bottom-wrap_left .part-file-type-btns.show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.box_body__filter .bottom-wrap .bottom-wrap_left .show {
  display: block !important;
}
.box_body__filter .bottom-wrap .bottom-wrap_right {
  float: right;
  max-width: 372px;
  width: 100%;
}
.box_body__filter .bottom-wrap .bottom-wrap_right .amount-info-list {
  position: relative;
  width: 100%;
}
.box_body__filter .bottom-wrap .bottom-wrap_right .amount-info-list .single-amount {
  position: relative;
  width: 100%;
}
.box_body__filter .bottom-wrap .bottom-wrap_right .amount-info-list .single-amount .info-1 {
  float: left;
  font-size: 15px;
  color: var(--uds-font-color);
  line-height: 20px;
}
.box_body__filter .bottom-wrap .bottom-wrap_right .amount-info-list .single-amount .info-2 {
  float: right;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--uds-font-color);
}
.box_body__filter .bottom-wrap .bottom-wrap_right .amount-info-list .single-amount p {
  margin-bottom: 5px;
}
.box_body__filter .bottom-wrap .bottom-wrap_right .amount-info-list .single-amount:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.box_body__filter .bottom-wrap .bottom-wrap_right .amount-info-list:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.box_body__filter .bottom-wrap:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}

.CardTurnoverCorporateV2 .bottom-wrap, .CardTurnoverCorporateV3 .bottom-wrap {
  margin-top: 0px;
}
.CardTurnoverCorporateV2 .bottom-wrap .bottom-wrap_left.type-2, .CardTurnoverCorporateV3 .bottom-wrap .bottom-wrap_left.type-2 {
  padding-top: 0px;
}

.AccountBalancePreviewCorporateV2 .s-widget-body.ui-corner-bl.ui-corner-br, .CardBalanceCorporateV2 .s-widget-body.ui-corner-bl.ui-corner-br, .SupplementaryCardsListCorporateV3 .s-widget-body.ui-corner-bl.ui-corner-br, .CardBalanceCorporateV3 .s-widget-body.ui-corner-bl.ui-corner-br, .SupplementaryCardsListCorporateV2 .s-widget-body.ui-corner-bl.ui-corner-br, .AnnouncementsCorporate .s-widget-body.ui-corner-bl.ui-corner-br, .Credit .s-widget-body.ui-corner-bl.ui-corner-br, .CreditPreview .s-widget-body.ui-corner-bl.ui-corner-br {
  overflow-x: hidden;
  overflow-y: hidden;
}
.AccountBalancePreviewCorporateV2 .box_body, .CardBalanceCorporateV2 .box_body, .SupplementaryCardsListCorporateV3 .box_body, .CardBalanceCorporateV3 .box_body, .SupplementaryCardsListCorporateV2 .box_body, .AnnouncementsCorporate .box_body, .Credit .box_body, .CreditPreview .box_body {
  position: relative;
  width: 100%;
  background: var(--uds-base-background);
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list, .CardBalanceCorporateV2 .box_body .normal-list, .SupplementaryCardsListCorporateV3 .box_body .normal-list, .CardBalanceCorporateV3 .box_body .normal-list, .SupplementaryCardsListCorporateV2 .box_body .normal-list, .AnnouncementsCorporate .box_body .normal-list, .Credit .box_body .normal-list, .CreditPreview .box_body .normal-list {
  position: relative;
  width: 100%;
  z-index: 1;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item, .CardBalanceCorporateV2 .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item, .SupplementaryCardsListCorporateV3 .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item, .CardBalanceCorporateV3 .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item, .SupplementaryCardsListCorporateV2 .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item, .AnnouncementsCorporate .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item, .Credit .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item, .CreditPreview .box_body .normal-list.hover-shadow .box .box_body .normal-list.hover-shadow .normal-list_item {
  box-shadow: 0 4px 4px transparent;
  -webkit-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item, .AnnouncementsCorporate .box_body .normal-list .normal-list_item, .Credit .box_body .normal-list .normal-list_item, .CreditPreview .box_body .normal-list .normal-list_item {
  zoom: 1;
  box-shadow: 0 4px 4px transparent;
  -webkit-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
  cursor: pointer;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item.current .normal-list_item__inner, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item.current .normal-list_item__inner, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item.current .normal-list_item__inner, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item.current .normal-list_item__inner, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item.current .normal-list_item__inner, .AnnouncementsCorporate .box_body .normal-list .normal-list_item.current .normal-list_item__inner, .Credit .box_body .normal-list .normal-list_item.current .normal-list_item__inner, .CreditPreview .box_body .normal-list .normal-list_item.current .normal-list_item__inner {
  border-left: 6px solid #fee600;
  background: var(--choice-selected);
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item:hover, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item:hover, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item:hover, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item:hover, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item:hover, .AnnouncementsCorporate .box_body .normal-list .normal-list_item:hover, .Credit .box_body .normal-list .normal-list_item:hover, .CreditPreview .box_body .normal-list .normal-list_item:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item:hover .normal-list_item__inner, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item:hover .normal-list_item__inner, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item:hover .normal-list_item__inner, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item:hover .normal-list_item__inner, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item:hover .normal-list_item__inner, .AnnouncementsCorporate .box_body .normal-list .normal-list_item:hover .normal-list_item__inner, .Credit .box_body .normal-list .normal-list_item:hover .normal-list_item__inner, .CreditPreview .box_body .normal-list .normal-list_item:hover .normal-list_item__inner {
  border-left: 6px solid #fee600;
  -webkit-transition: background 0.3s ease, border 0.3s ease;
  transition: background 0.3s ease, border 0.3s ease;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner {
  border-left: 6px solid transparent;
  display: block;
  padding: 20px 20px 20px 24px;
  zoom: 1;
  position: relative;
  -webkit-transition: background 0.6s ease, border 0.6s ease;
  transition: background 0.6s ease, border 0.6s ease;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon {
  position: absolute;
  top: 20px;
  left: 20px;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #fee600;
  border: 1px solid #cacaca;
  margin-right: 16px;
  margin-top: 4px;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.connected-account {
  background-image: url(images/icons/accounts_y.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.additional-cards {
  background-image: url(images/icons/cards_y.png);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-icon .icon.account {
  background-image: url(images/icons/ico_raiffeisen.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content {
  position: relative;
  padding: 0 40px 0 50px;
  float: left;
  overflow: hidden;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--uds-font-color);
  text-transform: lowercase;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency {
  text-transform: uppercase;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter {
  text-transform: capitalize;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name {
  text-transform: lowercase;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line {
  text-transform: capitalize;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription {
  width: 41%;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text {
  font-size: 14px;
  line-height: 20px;
  color: #808185;
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .AnnouncementsCorporate .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .Credit .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .CreditPreview .box_body .normal-list .normal-list_item .normal-list_item__inner:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.AccountBalancePreviewCorporateV2 .box_body .normal-list .normal-list_item:after, .CardBalanceCorporateV2 .box_body .normal-list .normal-list_item:after, .SupplementaryCardsListCorporateV3 .box_body .normal-list .normal-list_item:after, .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item:after, .SupplementaryCardsListCorporateV2 .box_body .normal-list .normal-list_item:after, .AnnouncementsCorporate .box_body .normal-list .normal-list_item:after, .Credit .box_body .normal-list .normal-list_item:after, .CreditPreview .box_body .normal-list .normal-list_item:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-left, .CardBalanceCorporateV2 .box_body .part-float-left, .SupplementaryCardsListCorporateV3 .box_body .part-float-left, .CardBalanceCorporateV3 .box_body .part-float-left, .SupplementaryCardsListCorporateV2 .box_body .part-float-left, .AnnouncementsCorporate .box_body .part-float-left, .Credit .box_body .part-float-left, .CreditPreview .box_body .part-float-left {
  float: left;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-left:after, .CardBalanceCorporateV2 .box_body .part-float-left:after, .SupplementaryCardsListCorporateV3 .box_body .part-float-left:after, .CardBalanceCorporateV3 .box_body .part-float-left:after, .SupplementaryCardsListCorporateV2 .box_body .part-float-left:after, .AnnouncementsCorporate .box_body .part-float-left:after, .Credit .box_body .part-float-left:after, .CreditPreview .box_body .part-float-left:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right, .CardBalanceCorporateV2 .box_body .part-float-right, .SupplementaryCardsListCorporateV3 .box_body .part-float-right, .CardBalanceCorporateV3 .box_body .part-float-right, .SupplementaryCardsListCorporateV2 .box_body .part-float-right, .AnnouncementsCorporate .box_body .part-float-right, .Credit .box_body .part-float-right, .CreditPreview .box_body .part-float-right {
  float: right;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-content.founds, .CardBalanceCorporateV2 .box_body .part-float-right .part-content.founds, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-content.founds, .CardBalanceCorporateV3 .box_body .part-float-right .part-content.founds, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-content.founds, .AnnouncementsCorporate .box_body .part-float-right .part-content.founds, .Credit .box_body .part-float-right .part-content.founds, .CreditPreview .box_body .part-float-right .part-content.founds {
  position: relative;
  float: left;
  overflow: hidden;
  padding: 0;
  padding-right: 20px;
  text-align: right;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-content.founds:after, .CardBalanceCorporateV2 .box_body .part-float-right .part-content.founds:after, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-content.founds:after, .CardBalanceCorporateV3 .box_body .part-float-right .part-content.founds:after, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-content.founds:after, .AnnouncementsCorporate .box_body .part-float-right .part-content.founds:after, .Credit .box_body .part-float-right .part-content.founds:after, .CreditPreview .box_body .part-float-right .part-content.founds:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns, .Credit .box_body .part-float-right .part-action-btns, .CreditPreview .box_body .part-float-right .part-action-btns {
  float: left;
  overflow: hidden;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2, .Credit .box_body .part-float-right .part-action-btns .btn-2, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2 {
  max-width: 133px;
  display: inline-block;
  text-align: center;
  background: var(--uds-font-color);
  color: #fff;
  text-transform: uppercase;
  padding: 11px 30px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  margin-right: 18px;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2:last-child, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2:last-child, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2:last-child, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2:last-child, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2:last-child, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2:last-child, .Credit .box_body .part-float-right .part-action-btns .btn-2:last-child, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2:last-child {
  margin-right: 0px;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2.color-1, .Credit .box_body .part-float-right .part-action-btns .btn-2.color-1, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2.color-1 {
  background: transparent;
  border: 1px solid #000;
  color: #000;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled, .Credit .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled {
  background: #f8f8f8;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover, .Credit .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2.color-1.disabled:hover {
  background: #f8f8f8;
  -webkit-transition: none;
  transition: none;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1:hover, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1:hover, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1:hover, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-1:hover, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-1:hover, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2.color-1:hover, .Credit .box_body .part-float-right .part-action-btns .btn-2.color-1:hover, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2.color-1:hover {
  background: #f8f8f8;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-2, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-2, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-2, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-2, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-2, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2.color-2, .Credit .box_body .part-float-right .part-action-btns .btn-2.color-2, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2.color-2 {
  background: #fee600;
  border: 2px solid transparent;
  color: #000;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-2:hover, .CardBalanceCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-2:hover, .SupplementaryCardsListCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-2:hover, .CardBalanceCorporateV3 .box_body .part-float-right .part-action-btns .btn-2.color-2:hover, .SupplementaryCardsListCorporateV2 .box_body .part-float-right .part-action-btns .btn-2.color-2:hover, .AnnouncementsCorporate .box_body .part-float-right .part-action-btns .btn-2.color-2:hover, .Credit .box_body .part-float-right .part-action-btns .btn-2.color-2:hover, .CreditPreview .box_body .part-float-right .part-action-btns .btn-2.color-2:hover {
  background: #fed500;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.AccountBalancePreviewCorporateV2 .box_body .part-float-right:after, .CardBalanceCorporateV2 .box_body .part-float-right:after, .SupplementaryCardsListCorporateV3 .box_body .part-float-right:after, .CardBalanceCorporateV3 .box_body .part-float-right:after, .SupplementaryCardsListCorporateV2 .box_body .part-float-right:after, .AnnouncementsCorporate .box_body .part-float-right:after, .Credit .box_body .part-float-right:after, .CreditPreview .box_body .part-float-right:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.AccountBalancePreviewCorporateV2 .box_body .show-more-wrapper, .CardBalanceCorporateV2 .box_body .show-more-wrapper, .SupplementaryCardsListCorporateV3 .box_body .show-more-wrapper, .CardBalanceCorporateV3 .box_body .show-more-wrapper, .SupplementaryCardsListCorporateV2 .box_body .show-more-wrapper, .AnnouncementsCorporate .box_body .show-more-wrapper, .Credit .box_body .show-more-wrapper, .CreditPreview .box_body .show-more-wrapper {
  background: var(--uds-base-background);
}
.AccountBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more, .CardBalanceCorporateV2 .box_body .show-more-wrapper .show-more, .SupplementaryCardsListCorporateV3 .box_body .show-more-wrapper .show-more, .CardBalanceCorporateV3 .box_body .show-more-wrapper .show-more, .SupplementaryCardsListCorporateV2 .box_body .show-more-wrapper .show-more, .AnnouncementsCorporate .box_body .show-more-wrapper .show-more, .Credit .box_body .show-more-wrapper .show-more, .CreditPreview .box_body .show-more-wrapper .show-more {
  background: var(--uds-base-background);
}
.AccountBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more .arrow-bottom-1, .CardBalanceCorporateV2 .box_body .show-more-wrapper .show-more .arrow-bottom-1, .SupplementaryCardsListCorporateV3 .box_body .show-more-wrapper .show-more .arrow-bottom-1, .CardBalanceCorporateV3 .box_body .show-more-wrapper .show-more .arrow-bottom-1, .SupplementaryCardsListCorporateV2 .box_body .show-more-wrapper .show-more .arrow-bottom-1, .AnnouncementsCorporate .box_body .show-more-wrapper .show-more .arrow-bottom-1, .Credit .box_body .show-more-wrapper .show-more .arrow-bottom-1, .CreditPreview .box_body .show-more-wrapper .show-more .arrow-bottom-1 {
  display: inline-block;
  width: 10px;
  height: 8px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 10px;
  position: relative;
  top: -2px;
  margin-left: 10px;
  float: none;
  background-color: #fff;
  background-image: url(images/icons/arrow-bottom-7.png);
}
.AccountBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .CardBalanceCorporateV2 .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .SupplementaryCardsListCorporateV3 .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .CardBalanceCorporateV3 .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .SupplementaryCardsListCorporateV2 .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .AnnouncementsCorporate .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .Credit .box_body .show-more-wrapper .show-more.active .arrow-bottom-1, .CreditPreview .box_body .show-more-wrapper .show-more.active .arrow-bottom-1 {
  transform: rotate(180deg);
}
.AccountBalancePreviewCorporateV2 .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .CardBalanceCorporateV2 .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .SupplementaryCardsListCorporateV3 .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .CardBalanceCorporateV3 .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .SupplementaryCardsListCorporateV2 .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .AnnouncementsCorporate .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .Credit .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1, .CreditPreview .box_body .show-more-wrapper .show-more:hover .arrow-bottom-1 {
  background-position-y: 2px;
  transition: 0.3s ease, -webkit-transform 0.3s ease;
}

.CreditPreview .normal-table .box_body__header .part-icon {
  position: absolute;
  top: 17px;
  left: 20px;
}
.CreditPreview .normal-table .box_body__header .part-icon .icon {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #fee600;
  border: 1px solid #cacaca;
  margin-right: 16px;
  margin-top: 4px;
  background-image: url(images/icons/loans-2-active.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/*SIDE MODAL*/
.ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 24px !important;
  line-height: 35px;
  letter-spacing: -0.025em;
  color: var(--uds-font-color);
  margin-bottom: 0;
}
.ui-dialog.right-dialog .modal-body .modal-body-title-2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.025em;
  color: var(--uds-font-color);
  padding-bottom: 5px;
  margin-bottom: 0;
  background-color: #f8f8f8;
  text-transform: lowercase;
  margin-top: 36px;
}
.ui-dialog.right-dialog .modal-body .modal-body-title-2:first-letter {
  text-transform: capitalize;
}
.ui-dialog.right-dialog .modal-body .modal-body-title-2.supplementary-card-title-2 {
  text-transform: lowercase;
}
.ui-dialog.right-dialog .modal-body .modal-body-title-2.supplementary-card-title-2:first-line {
  text-transform: capitalize;
}
.ui-dialog.right-dialog .modal-body .modal-body-title-3 {
  font-size: 14px;
  line-height: 20px;
  color: var(--uds-font-color);
  margin-bottom: 33px;
  background-color: #f8f8f8;
}
.ui-dialog.right-dialog .modal-body .modal-body-list {
  position: relative;
  zoom: 1;
  background: var(--uds-base-background);
  /*margin-bottom: 36px;*/
}
.ui-dialog.right-dialog .modal-body .modal-body-list li {
  overflow: hidden;
  border-bottom: 2px solid #f8f8f8;
  padding: 21px 24px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-1 {
  font-size: 15px;
  color: #808185;
  float: left;
  overflow: hidden;
  margin-bottom: 0;
  padding-right: 20px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-1.swift, .ui-dialog.right-dialog .modal-body .modal-body-list li .info-1.bankCountry {
  max-width: 35%;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-2 {
  font-size: 15px;
  color: var(--uds-font-color);
  float: right;
  font-weight: 700;
  /*    overflow: hidden;*/
  margin-bottom: 0;
  max-width: 250px;
  text-align: right;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-2.status-active {
  text-transform: capitalize;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-2.pay {
  float: none;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-2.color-1 {
  color: #35b37e;
  text-transform: capitalize;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-2.supplementary-cards-user-name {
  text-transform: lowercase;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-2.supplementary-cards-user-name:first-line {
  text-transform: capitalize;
}
.ui-dialog.right-dialog .modal-body .modal-body-list li .info-wrap {
  float: right;
}
.ui-dialog.right-dialog .modal-body .modal-body-list:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options {
  margin-top: 15px;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li {
  position: relative;
  zoom: 1;
  background: var(--uds-base-background);
  margin-bottom: 2px;
  border-left: 6px solid transparent;
  box-shadow: 0 4px 4px transparent;
  -webkit-transition: box-shadow 0.4s ease, border 0.4s ease;
  transition: box-shadow 0.4s ease, border 0.4s ease;
  cursor: pointer;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a {
  display: block;
  overflow: hidden;
  padding: 29px 50px 31px 72px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .options-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: var(--uds-font-color);
  margin-bottom: 0;
  display: inline-block;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .size {
  width: 100px;
  display: inline-block;
  line-height: 22px;
  font-size: 15px;
  color: #808185;
  margin-bottom: 0;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.report {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.report .file {
  background: url(images/icons/file.png) no-repeat 50% 50%;
  background-size: 60%;
  display: block;
  height: 20px;
  margin-top: 5px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.report .download {
  background: url(images/icons/download.png) no-repeat 50% 50%;
  background-size: 60%;
  display: block;
  height: 20px;
  margin-top: 5px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.report .repeat {
  background: url(images/icons/repeat.png) no-repeat 50% 50%;
  background-size: 60%;
  display: block;
  height: 20px;
  margin-top: 5px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.report .close {
  background: url(images/icons/ic_odbaci_fakturu.png) no-repeat 50% 50%;
  background-size: 60%;
  display: block;
  height: 20px;
  margin-top: 5px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.report .accept {
  background: url(images/icons/ic_odobri_fakturu.png) no-repeat 50% 50%;
  background-size: 60%;
  display: block;
  height: 20px;
  margin-top: 5px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.report .paid {
  background: url(images/icons/ic_plati.png) no-repeat 50% 50%;
  background-size: 60%;
  display: block;
  height: 20px;
  margin-top: 5px;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.block {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(images/icons/ico_blokirajkarticu.png);
  background-repeat: no-repeat;
  background-position: center;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.print {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(images/icons/ico_stampaj.png);
  background-repeat: no-repeat;
  background-position: center;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.delete {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(images/icons/ico_obrisi.png);
  background-repeat: no-repeat;
  background-position: center;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.date {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(images/icons/ico_datum.png);
  background-repeat: no-repeat;
  background-position: center;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.upload {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(images/icons/upload.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% 70%;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-left.file {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url(images/icons/file.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% 70%;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a .icon.icon-right {
  background-image: url(images/icons/arrow-top-2.png);
  background-repeat: no-repeat;
  display: inline-block;
  top: 50%;
  -webkit-transform: scale(0.7) rotate(90deg) translateX(-10px);
  transform: scale(0.7) rotate(90deg) translateX(-10px);
  width: 24px;
  height: 24px;
  right: 5%;
  position: absolute;
  background-position: left;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li a:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li:hover {
  border-left: 6px solid #fee600;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: box-shadow 0.4s ease, border 0.4s ease;
  transition: box-shadow 0.4s ease, border 0.4s ease;
}
.ui-dialog.right-dialog .modal-body .modal-body-list-options li:hover .icon.icon-right {
  background-position-y: -2px;
  transition: 0.3s ease, -webkit-transform 0.3s ease;
}

.box.transaction-traffic .show-more {
  background: #e9eaea;
}

.Html .s-widget-body {
  overflow: visible;
}
.Html .s-widget-header {
  padding-top: 10px;
}
.Html .box.promo .box_body {
  display: flex;
  zoom: 1;
}
.Html .box.promo .box_body .promo-content {
  padding: 40px;
  zoom: 1;
  float: left;
  max-width: 300px;
  position: relative;
  width: 100%;
}
.Html .box.promo .box_body .promo-content h3 {
  font-weight: 700;
  font-size: 30px;
  letter-spacing: -0.025em;
  line-height: 35px;
  margin-bottom: 16px;
  color: var(--uds-font-color);
}
.Html .box.promo .box_body .promo-content .promo-subtitle {
  font-size: 15px;
  line-height: 20px;
  color: var(--uds-font-color);
  margin-bottom: 54px;
}
.Html .box.promo .box_body .promo-content .btn-3 {
  width: 24px;
  height: 24px;
  background: #fee600;
  padding: 8px;
  display: block;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.Html .box.promo .box_body .promo-content .btn-3 .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  background-image: url(images/icons/back-1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  transform: rotate(180deg);
}
.Html .box.promo .box_body .promo-content .btn-3:hover {
  background: #fed500;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.Html .box.promo .box_body .promo-content .btn-3:hover .icon {
  transform: translateX(25%) rotate(180deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.Html .box.promo .box_body .promo-content:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.Html .box.promo .box_body .promo-img {
  position: relative;
  zoom: 1;
  width: -webkit-calc(100% - 300px);
  width: calc(100% - 300px);
  float: right;
  margin-top: -50px;
}
.Html .box.promo .box_body .promo-img .img-promo {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: auto;
  right: -0.5%;
  bottom: 0;
  object-fit: cover;
  background-image: url(images/promo-img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.Html .box.promo .box_body .promo-img:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.Html .box.promo .box_body:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}

.DomesticPredefinedUsersCorporateV2,
.ForeignPredefinedUsersCorporateV2, .no-yes-dialog, .ForeignOrdersReviewCorporateV2, .CurrencyExchangeCorporateV2,
.FXManagedOrdersOverviewCorporateV2, .OutflowsCorporateV2, .UploadDocumentReviewCorporateV2, .DownloadDocumentCorporate, .LoanRequestsList {
  padding: 0;
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter,
.ForeignPredefinedUsersCorporateV2 .box_body__filter, .no-yes-dialog .box_body__filter, .ForeignOrdersReviewCorporateV2 .box_body__filter, .CurrencyExchangeCorporateV2 .box_body__filter,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter, .OutflowsCorporateV2 .box_body__filter, .UploadDocumentReviewCorporateV2 .box_body__filter, .DownloadDocumentCorporate .box_body__filter, .LoanRequestsList .box_body__filter {
  background: #feffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #feffff), color-stop(30%, #e9eaea));
  background: linear-gradient(180deg, #feffff 30%, #e9eaea);
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3,
.ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3, .no-yes-dialog .box_body__filter.payments-filter-3, .ForeignOrdersReviewCorporateV2 .box_body__filter.payments-filter-3, .CurrencyExchangeCorporateV2 .box_body__filter.payments-filter-3,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter.payments-filter-3, .OutflowsCorporateV2 .box_body__filter.payments-filter-3, .UploadDocumentReviewCorporateV2 .box_body__filter.payments-filter-3, .DownloadDocumentCorporate .box_body__filter.payments-filter-3, .LoanRequestsList .box_body__filter.payments-filter-3 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .input-wrap,
.ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .input-wrap, .no-yes-dialog .box_body__filter.payments-filter-3 .input-wrap, .ForeignOrdersReviewCorporateV2 .box_body__filter.payments-filter-3 .input-wrap, .CurrencyExchangeCorporateV2 .box_body__filter.payments-filter-3 .input-wrap,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter.payments-filter-3 .input-wrap, .OutflowsCorporateV2 .box_body__filter.payments-filter-3 .input-wrap, .UploadDocumentReviewCorporateV2 .box_body__filter.payments-filter-3 .input-wrap, .DownloadDocumentCorporate .box_body__filter.payments-filter-3 .input-wrap, .LoanRequestsList .box_body__filter.payments-filter-3 .input-wrap {
  width: 300px;
  float: left;
  margin-top: 0;
  padding: 5px 10px 5px;
  margin-right: 16px;
  background: var(--uds-base-background);
  min-height: 40px;
  position: relative;
  border: 1px solid #d1d1d1;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1,
.ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1, .no-yes-dialog .box_body__filter.payments-filter-3 .btn-1, .ForeignOrdersReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1, .CurrencyExchangeCorporateV2 .box_body__filter.payments-filter-3 .btn-1,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1, .OutflowsCorporateV2 .box_body__filter.payments-filter-3 .btn-1, .UploadDocumentReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1, .DownloadDocumentCorporate .box_body__filter.payments-filter-3 .btn-1, .LoanRequestsList .box_body__filter.payments-filter-3 .btn-1 {
  width: auto;
  float: right;
  line-height: 24px;
  padding: 8px 15px;
  background-color: #fee600;
  color: #000;
  border: none;
  font-family: amalia, sans-serif;
  font-size: 14px;
  font-weight: 700;
  margin-right: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  text-transform: uppercase;
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:hover,
.ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:hover, .no-yes-dialog .box_body__filter.payments-filter-3 .btn-1:hover, .ForeignOrdersReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1:hover, .CurrencyExchangeCorporateV2 .box_body__filter.payments-filter-3 .btn-1:hover,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1:hover, .OutflowsCorporateV2 .box_body__filter.payments-filter-3 .btn-1:hover, .UploadDocumentReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1:hover, .DownloadDocumentCorporate .box_body__filter.payments-filter-3 .btn-1:hover, .LoanRequestsList .box_body__filter.payments-filter-3 .btn-1:hover {
  background-color: #fed500;
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before,
.ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .no-yes-dialog .box_body__filter.payments-filter-3 .btn-1:before, .ForeignOrdersReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .CurrencyExchangeCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .OutflowsCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .UploadDocumentReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .DownloadDocumentCorporate .box_body__filter.payments-filter-3 .btn-1:before, .LoanRequestsList .box_body__filter.payments-filter-3 .btn-1:before {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  left: 12px;
  background-image: url(images/icons/ico_novi_primalac.png);
  background-repeat: no-repeat;
  background-position: center;
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1 > span > span,
.ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1 > span > span, .no-yes-dialog .box_body__filter.payments-filter-3 .btn-1 > span > span, .ForeignOrdersReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1 > span > span, .CurrencyExchangeCorporateV2 .box_body__filter.payments-filter-3 .btn-1 > span > span,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1 > span > span, .OutflowsCorporateV2 .box_body__filter.payments-filter-3 .btn-1 > span > span, .UploadDocumentReviewCorporateV2 .box_body__filter.payments-filter-3 .btn-1 > span > span, .DownloadDocumentCorporate .box_body__filter.payments-filter-3 .btn-1 > span > span, .LoanRequestsList .box_body__filter.payments-filter-3 .btn-1 > span > span {
  margin-left: 10px;
}
.DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3:after,
.ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3:after, .no-yes-dialog .box_body__filter.payments-filter-3:after, .ForeignOrdersReviewCorporateV2 .box_body__filter.payments-filter-3:after, .CurrencyExchangeCorporateV2 .box_body__filter.payments-filter-3:after,
.FXManagedOrdersOverviewCorporateV2 .box_body__filter.payments-filter-3:after, .OutflowsCorporateV2 .box_body__filter.payments-filter-3:after, .UploadDocumentReviewCorporateV2 .box_body__filter.payments-filter-3:after, .DownloadDocumentCorporate .box_body__filter.payments-filter-3:after, .LoanRequestsList .box_body__filter.payments-filter-3:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.DomesticPredefinedUsersCorporateV2 .top-wrap,
.ForeignPredefinedUsersCorporateV2 .top-wrap, .no-yes-dialog .top-wrap, .ForeignOrdersReviewCorporateV2 .top-wrap, .CurrencyExchangeCorporateV2 .top-wrap,
.FXManagedOrdersOverviewCorporateV2 .top-wrap, .OutflowsCorporateV2 .top-wrap, .UploadDocumentReviewCorporateV2 .top-wrap, .DownloadDocumentCorporate .top-wrap, .LoanRequestsList .top-wrap {
  padding-bottom: 30px;
}
.DomesticPredefinedUsersCorporateV2 .top-wrap .input-select,
.ForeignPredefinedUsersCorporateV2 .top-wrap .input-select, .no-yes-dialog .top-wrap .input-select, .ForeignOrdersReviewCorporateV2 .top-wrap .input-select, .CurrencyExchangeCorporateV2 .top-wrap .input-select,
.FXManagedOrdersOverviewCorporateV2 .top-wrap .input-select, .OutflowsCorporateV2 .top-wrap .input-select, .UploadDocumentReviewCorporateV2 .top-wrap .input-select, .DownloadDocumentCorporate .top-wrap .input-select, .LoanRequestsList .top-wrap .input-select {
  width: 260px;
  float: left;
  /*
  &:before {
      content: '';
      top: 50%;
      display: block;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      border-top-color: #000;
      position: absolute;
      border-width: .35em .35em 0;
      margin: 0;
      border: solid transparent;
      right: 0;
      background-image: url(images/icons/arrow-down.png);
      background-size: contain;
      background-repeat: no-repeat;
      width: 20px;
      height: 20px;
      pointer-events: none;
  }*/
}
.DomesticPredefinedUsersCorporateV2 .top-wrap .input-select .select-1,
.ForeignPredefinedUsersCorporateV2 .top-wrap .input-select .select-1, .no-yes-dialog .top-wrap .input-select .select-1, .ForeignOrdersReviewCorporateV2 .top-wrap .input-select .select-1, .CurrencyExchangeCorporateV2 .top-wrap .input-select .select-1,
.FXManagedOrdersOverviewCorporateV2 .top-wrap .input-select .select-1, .OutflowsCorporateV2 .top-wrap .input-select .select-1, .UploadDocumentReviewCorporateV2 .top-wrap .input-select .select-1, .DownloadDocumentCorporate .top-wrap .input-select .select-1, .LoanRequestsList .top-wrap .input-select .select-1 {
  -webkit-appearance: none;
}
.DomesticPredefinedUsersCorporateV2 .top-wrap .input-select:after,
.ForeignPredefinedUsersCorporateV2 .top-wrap .input-select:after, .no-yes-dialog .top-wrap .input-select:after, .ForeignOrdersReviewCorporateV2 .top-wrap .input-select:after, .CurrencyExchangeCorporateV2 .top-wrap .input-select:after,
.FXManagedOrdersOverviewCorporateV2 .top-wrap .input-select:after, .OutflowsCorporateV2 .top-wrap .input-select:after, .UploadDocumentReviewCorporateV2 .top-wrap .input-select:after, .DownloadDocumentCorporate .top-wrap .input-select:after, .LoanRequestsList .top-wrap .input-select:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: ".";
}
.DomesticPredefinedUsersCorporateV2 .top-wrap .input-calendar,
.ForeignPredefinedUsersCorporateV2 .top-wrap .input-calendar, .no-yes-dialog .top-wrap .input-calendar, .ForeignOrdersReviewCorporateV2 .top-wrap .input-calendar, .CurrencyExchangeCorporateV2 .top-wrap .input-calendar,
.FXManagedOrdersOverviewCorporateV2 .top-wrap .input-calendar, .OutflowsCorporateV2 .top-wrap .input-calendar, .UploadDocumentReviewCorporateV2 .top-wrap .input-calendar, .DownloadDocumentCorporate .top-wrap .input-calendar, .LoanRequestsList .top-wrap .input-calendar {
  width: 130px;
  padding: 10px 10px 5px 10px !important;
}
.DomesticPredefinedUsersCorporateV2 .top-wrap .input-calendar input,
.ForeignPredefinedUsersCorporateV2 .top-wrap .input-calendar input, .no-yes-dialog .top-wrap .input-calendar input, .ForeignOrdersReviewCorporateV2 .top-wrap .input-calendar input, .CurrencyExchangeCorporateV2 .top-wrap .input-calendar input,
.FXManagedOrdersOverviewCorporateV2 .top-wrap .input-calendar input, .OutflowsCorporateV2 .top-wrap .input-calendar input, .UploadDocumentReviewCorporateV2 .top-wrap .input-calendar input, .DownloadDocumentCorporate .top-wrap .input-calendar input, .LoanRequestsList .top-wrap .input-calendar input {
  width: 100%;
  line-height: 22px;
  min-height: 24px;
  font-family: amalia, sans-serif;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #000;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  padding-left: 3px;
}
.DomesticPredefinedUsersCorporateV2 .top-wrap .input-calendar img,
.ForeignPredefinedUsersCorporateV2 .top-wrap .input-calendar img, .no-yes-dialog .top-wrap .input-calendar img, .ForeignOrdersReviewCorporateV2 .top-wrap .input-calendar img, .CurrencyExchangeCorporateV2 .top-wrap .input-calendar img,
.FXManagedOrdersOverviewCorporateV2 .top-wrap .input-calendar img, .OutflowsCorporateV2 .top-wrap .input-calendar img, .UploadDocumentReviewCorporateV2 .top-wrap .input-calendar img, .DownloadDocumentCorporate .top-wrap .input-calendar img, .LoanRequestsList .top-wrap .input-calendar img {
  width: 18px;
  height: 20px;
  position: absolute;
  display: block;
  top: 12px;
  right: 10px;
  cursor: pointer;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child, .no-yes-dialog .box_body .normal-table-overscroll table thead tr th:first-child, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child, .OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child, .DownloadDocumentCorporate .box_body .normal-table-overscroll table thead tr th:first-child, .LoanRequestsList .box_body .normal-table-overscroll table thead tr th:first-child {
  padding-left: 20px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap {
  position: relative;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  width: 90%;
  animation: action-btns-animation 0.2s ease forwards;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(images/icons/ico_ponovinalog.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(images/icons/ico_download.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: #FEE600 !important;
  color: #2B2D34 !important;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover {
  background-color: #e1cc03 !important;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr:hover .table-cta, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr:hover .table-cta, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr:hover .table-cta {
  display: flex;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .status-pill,
.ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .status-pill, .no-yes-dialog .box_body .normal-table-overscroll table tbody tr:hover .status-pill, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .status-pill, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .status-pill,
.FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .status-pill, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .status-pill, .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .status-pill, .DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr:hover .status-pill, .LoanRequestsList .box_body .normal-table-overscroll table tbody tr:hover .status-pill {
  visibility: hidden;
}
@keyframes action-btns-animation {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.no-yes-dialog.tokenSignDialog .popup-content, .no-yes-dialog.AuthPasswordDialog .popup-content, .no-yes-dialog.qrDialog .popup-content, .no-yes-dialog.commissionDialogSB .popup-content {
  overflow-y: hidden;
}
.no-yes-dialog.tokenSignDialog .inner-margin-4, .no-yes-dialog.AuthPasswordDialog .inner-margin-4, .no-yes-dialog.qrDialog .inner-margin-4, .no-yes-dialog.commissionDialogSB .inner-margin-4 {
  margin-bottom: 0px !important;
}
.no-yes-dialog.tokenSignDialog .group.tokenFirst, .no-yes-dialog.tokenSignDialog .group.tokenSecond, .no-yes-dialog.AuthPasswordDialog .group.tokenFirst, .no-yes-dialog.AuthPasswordDialog .group.tokenSecond, .no-yes-dialog.qrDialog .group.tokenFirst, .no-yes-dialog.qrDialog .group.tokenSecond, .no-yes-dialog.commissionDialogSB .group.tokenFirst, .no-yes-dialog.commissionDialogSB .group.tokenSecond {
  margin-bottom: 20px;
}
.no-yes-dialog.tokenSignDialog .group.input-wrap, .no-yes-dialog.AuthPasswordDialog .group.input-wrap, .no-yes-dialog.qrDialog .group.input-wrap, .no-yes-dialog.commissionDialogSB .group.input-wrap {
  margin-bottom: 20px;
}
.no-yes-dialog.tokenSignDialog .ui-dialog-buttonpane, .no-yes-dialog.AuthPasswordDialog .ui-dialog-buttonpane, .no-yes-dialog.qrDialog .ui-dialog-buttonpane, .no-yes-dialog.commissionDialogSB .ui-dialog-buttonpane {
  margin-bottom: 15px;
}
.no-yes-dialog.tokenSignDialog .ui-dialog-buttonpane button, .no-yes-dialog.AuthPasswordDialog .ui-dialog-buttonpane button, .no-yes-dialog.qrDialog .ui-dialog-buttonpane button, .no-yes-dialog.commissionDialogSB .ui-dialog-buttonpane button {
  width: 46% !important;
  margin: 0 !important;
  padding: 15px 15px !important;
}
.no-yes-dialog.tokenSignDialog .ui-dialog-buttonpane button:nth-child(1), .no-yes-dialog.AuthPasswordDialog .ui-dialog-buttonpane button:nth-child(1), .no-yes-dialog.qrDialog .ui-dialog-buttonpane button:nth-child(1), .no-yes-dialog.commissionDialogSB .ui-dialog-buttonpane button:nth-child(1) {
  margin-left: 3% !important;
  margin-right: 4% !important;
}
.no-yes-dialog .box_body__filter {
  background: var(--uds-base-background);
}
.no-yes-dialog .input-wrap.input-calendar.dateTo {
  float: right;
}
.no-yes-dialog .input-wrap.input-calendar {
  width: 130px !important;
}
.no-yes-dialog .bold {
  font-weight: 700;
  font-size: 16px;
}
.no-yes-dialog .right {
  float: right;
  font-size: 16px;
}

.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.disable-popup, .ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.disable-popup {
  padding: 11px 18px 10px 40px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child, .ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child {
  padding-left: 71px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(2), .ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(2) {
  padding-left: 24px;
}
.DomesticPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(3), .ForeignPredefinedUsersCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(3) {
  text-align: right;
  padding-right: 32px;
}
.DomesticPredefinedUsersCorporateV2 table, .ForeignPredefinedUsersCorporateV2 table {
  border-spacing: inherit;
}

.DownloadDocumentCorporate .box_body .normal-table-overscroll table thead tr th:first-child,
.ConfirmationsList .box_body .normal-table-overscroll table thead tr th:first-child,
.eInvoices .box_body .normal-table-overscroll table thead tr th:first-child,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child {
  padding-left: 20px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap {
  position: relative;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--choice-selected);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  width: 90%;
  animation: action-btns-animation 0.2s ease forwards;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .repeat:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(images/icons/ico_ponovinalog.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta .submit:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(images/icons/ico_download.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: #FEE600 !important;
  color: #2B2D34 !important;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary:hover {
  background-color: #e1cc03 !important;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.primary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary:hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.eInvoices .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button.secondary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.DownloadDocumentCorporate .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.eInvoices .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover .table-cta {
  display: flex;
}
@keyframes action-btns-animation {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.ForeignOrderReportCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select.middle, .CurrencyExchangeCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select.middle, .FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select.middle, .OutflowsCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select.middle {
  width: 150px;
}
.ForeignOrderReportCorporateV2 .box_body__filter .top-wrap .btn-3, .CurrencyExchangeCorporateV2 .box_body__filter .top-wrap .btn-3, .FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .btn-3, .OutflowsCorporateV2 .box_body__filter .top-wrap .btn-3 {
  float: left;
  margin-right: 15px;
}
.ForeignOrderReportCorporateV2 .box_body__filter .top-wrap .btn-3:hover, .CurrencyExchangeCorporateV2 .box_body__filter .top-wrap .btn-3:hover, .FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .btn-3:hover, .OutflowsCorporateV2 .box_body__filter .top-wrap .btn-3:hover {
  background-color: #fed500;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.ForeignOrderReportCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show, .CurrencyExchangeCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show, .FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show, .OutflowsCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show {
  float: left;
  position: relative;
  bottom: unset;
  margin-top: 16px;
  right: unset;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .status, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .status, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .status, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .status {
  float: none;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap {
  position: relative;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--choice-selected);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  opacity: 0;
  width: 90%;
  animation: action-btns-animation 0.2s ease forwards;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .repeat:before, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .repeat:before, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .repeat:before, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .repeat:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(images/icons/ico_ponovinalog.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .submit:before, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .submit:before, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .submit:before, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta .submit:before {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(images/icons/ico_download.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: #FEE600 !important;
  color: #2B2D34 !important;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary:hover, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary:hover, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary:hover, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary:hover {
  background-color: #e1cc03 !important;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.download:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.download:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.download:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.cancel:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.cancel:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.cancel:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.send:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.send:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.send:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.save:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.save:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.save:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.print:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.print:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.print:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.signature:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.signature:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.signature:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.delete:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.delete:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.delete:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.calendar:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.calendar:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.calendar:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.upload:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.upload:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.upload:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unarchive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unarchive:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unarchive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.more-info:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.more-info:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.more-info:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.retry:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.retry:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.retry:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.copy:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.copy:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.copy:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add-new:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add-new:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add-new:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.edit:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.edit:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.edit:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.archive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.archive:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.archive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unsee:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unsee:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unsee:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.filter:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.filter:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.filter:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.primary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary:hover, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary:hover, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary:hover, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary:hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.download:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.download:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.download:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.cancel:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.cancel:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.cancel:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.send:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.send:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.send:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.save:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.save:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.save:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.print:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.print:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.print:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.signature:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.signature:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.signature:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.delete:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.delete:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.delete:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.calendar:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.calendar:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.calendar:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.upload:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.upload:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.upload:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unarchive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unarchive:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unarchive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.more-info:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.more-info:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.more-info:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.retry:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.retry:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.retry:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.copy:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.copy:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.copy:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add-new:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add-new:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add-new:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.edit:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.edit:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.edit:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.archive:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.archive:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.archive:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unsee:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unsee:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unsee:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.filter:after, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.filter:after, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.filter:after, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td .table-cta-wrap .table-cta button.secondary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td:hover .table-cta, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr td:hover .table-cta, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:hover .table-cta, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td:hover .table-cta {
  display: flex;
}
@keyframes action-btns-animation {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(5) .status, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(5) .status, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(5) .status, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(5) .status {
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}
.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(6) .amount, .CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(6) .amount, .FXManagedOrdersOverviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(6) .amount, .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(6) .amount {
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(6) > p, .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr:hover td:nth-child(7) > p {
  opacity: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll .list-item table tbody tr {
  cursor: default;
}
.CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll .list-item table tbody tr .currency-flag {
  width: 28px;
  height: 21px;
  background-size: 28px 21px;
}
.CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll .list-item table tbody tr .cell-date-currency .currency {
  text-transform: uppercase;
  color: var(--uds-font-color);
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
}
.CurrencyExchangeCorporateV2 .box_body .normal-table-overscroll .list-item table tbody tr td:nth-child(2) {
  display: flex;
  gap: 6px;
  align-items: center;
}

.FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .input-calendar {
  width: 130px;
}
.FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .input-calendar label span {
  width: 75px;
  bottom: -webkit-calc(100% - 1px);
  bottom: calc(100% - 1px);
}
.FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .input-calendar input {
  font-size: 14px !important;
}
.FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .width-2 {
  width: 148px;
}
.FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .width-2 label {
  font-size: 15px !important;
}
.FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .width-2 select {
  font-size: 14px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td {
  line-height: 15px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td:nth-child(2) {
  width: 175px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td:nth-child(3) div {
  top: 7px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td:nth-child(6) div {
  top: 7px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td:nth-child(9) {
  display: block;
  width: 110px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td:nth-child(9) div {
  margin-left: 22px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td:nth-child(7) div {
  margin-left: 15px;
}
.FXManagedOrdersOverviewCorporateV2 table thead tr td:nth-child(5) div {
  top: 7px;
}
.FXManagedOrdersOverviewCorporateV2 table tbody tr td:nth-child(9) {
  text-align: right;
}

.UploadDocumentCorporateV2 .input-wrap.focusin {
  box-shadow: inset 0 0 0 1px #000;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .statements-label {
  color: #7b7b7b;
}
.UploadDocumentCorporateV2 .input-wrap.input-select span {
  position: relative;
  bottom: unset;
  left: 0px;
  padding: 0;
  letter-spacing: 0;
  background: transparent;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select {
  padding-left: 4px;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-selected:before {
  content: "";
  display: block;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  padding: 0 1.5em 0 0.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-selected:before {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-selected span {
  color: black;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .select .dk-selected {
  border: none;
  padding: 0;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .select .dk-selected:before {
  content: "";
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
  border: solid transparent;
  right: 0;
  background-image: url(images/icons/arrow-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select-options {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  list-style: none;
  margin: 0;
  max-height: 10.5em;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select-options li:hover {
  background: #f8f8f8;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select-options.focusin {
  border-color: #494f5a;
  border-top: none;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-right: 2px solid;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: -1px;
  right: 0;
  top: 45px;
  width: calc(100% - 2px);
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select .dk-select-options.active {
  display: block !important;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select-options {
  top: 100%;
  left: -11px;
  right: -11px;
  border-radius: 0;
  margin-top: -5px;
  position: absolute;
  background-color: white;
  border: 2px solid #CCCCCC;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select-options .dk-option {
  padding: 10px 14px;
  color: #000;
  background: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select-options .dk-option span {
  color: black;
}
.UploadDocumentCorporateV2 .input-wrap.input-select .dk-select-options .dk-option-selected {
  color: #000;
  background: #f8f8f8;
}

.part-calendar .ui-datepicker-trigger {
  position: absolute;
  top: 10px;
  right: 10px;
}

.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .statements-label, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .statements-label {
  color: #7b7b7b;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap span, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap span {
  position: relative;
  bottom: unset;
  left: 0px;
  padding: 0;
  letter-spacing: 0;
  background: transparent;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select {
  padding-left: 4px;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected:before, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected:before {
  content: "";
  display: block;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  padding: 0 1.5em 0 0.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected:before, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected:before {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected span, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-selected span {
  color: black;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .select .dk-selected, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .select .dk-selected {
  border: none;
  padding: 0;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .select .dk-selected:before, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .select .dk-selected:before {
  content: "";
  top: 50%;
  display: block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0;
  border: solid transparent;
  right: 0;
  background-image: url(images/icons/arrow-down.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  list-style: none;
  margin: 0;
  max-height: 10.5em;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options li:hover, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options li:hover {
  background: #f8f8f8;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options.focusin, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options.focusin {
  border-color: #494f5a;
  border-top: none;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-right: 2px solid;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select .dk-select-options, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select .dk-select-options.active, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select .dk-select-options.active {
  display: block !important;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options {
  top: 100%;
  left: -11px;
  right: -11px;
  border-radius: 0;
  margin-top: -5px;
  position: absolute;
  max-height: 80px;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options .dk-option, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options .dk-option {
  padding: 10px 14px;
  color: #000;
  background: transparent;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options .dk-option span, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options .dk-option span {
  color: black;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options .dk-option-selected, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-select .input-wrap .dk-select-options .dk-option-selected {
  color: #000;
  background: #f8f8f8;
}
.CardStatementsCorporateV2 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-calendar .ui-datepicker-trigger, .CardStatementsCorporateV3 .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .part-calendar .ui-datepicker-trigger {
  position: absolute;
  top: 10px;
  right: 10px;
}

.InflowsCorporateV2 .top-wrap .input-value.reference {
  width: 120px;
}
.InflowsCorporateV2 .gvInflows thead tr td:nth-child(2) {
  padding-left: 25px;
}
.InflowsCorporateV2 .gvInflows tbody tr td:nth-child(2) {
  padding-left: 25px;
}
.InflowsCorporateV2 .downloadedList tbody tr td:nth-child(2) {
  border-left: 6px solid transparent;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.InflowsCorporateV2 .downloadedList tbody tr td:nth-child(5) {
  padding-right: 27px;
}
.InflowsCorporateV2 .downloadedList tbody tr td:nth-child(4) {
  padding-left: 14px;
}
.InflowsCorporateV2 .downloadedList tbody tr td:nth-child(3) {
  padding-left: 12px;
}
.InflowsCorporateV2 .downloadedList tbody tr:hover td:nth-child(2) {
  border-left: 6px solid #fee600;
}
.InflowsCorporateV2 .undownloadedList tbody tr td:nth-child(2) {
  border-left: 6px solid transparent;
  -webkit-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.InflowsCorporateV2 .undownloadedList tbody tr td:nth-child(3) {
  padding-left: 15px;
}
.InflowsCorporateV2 .undownloadedList tbody tr td:nth-child(4) {
  padding-left: 15px;
}
.InflowsCorporateV2 .undownloadedList tbody tr td:nth-child(5) {
  padding-right: 5px;
}
.InflowsCorporateV2 .undownloadedList tbody tr:hover td:nth-child(2) {
  border-left: 6px solid #fee600;
}

.inflowManaging .innerBox .custom-table-form .custom-table-form_head li.itemAmount {
  white-space: nowrap;
}

.small-popup-box .myDialog .options-list-2 .paymentCodebooks .options-text {
  font-weight: 400;
}

.inflow .details-inflow thead tr td, .inflowAccount .details-inflow thead tr td {
  font-weight: 700;
  font-size: 10px;
}
.inflow .details-inflow thead tr td:nth-child(2), .inflowAccount .details-inflow thead tr td:nth-child(2) {
  width: 140px;
  padding-right: 0;
  padding-left: 25px;
}
.inflow .details-inflow thead tr td:nth-child(3), .inflowAccount .details-inflow thead tr td:nth-child(3) {
  width: 210px;
  padding-right: 0;
}
.inflow .details-inflow tbody tr td:nth-child(2), .inflowAccount .details-inflow tbody tr td:nth-child(2) {
  padding-left: 25px;
}
.inflow .details-inflow tbody tr td:nth-child(4), .inflowAccount .details-inflow tbody tr td:nth-child(4) {
  text-transform: lowercase;
}
.inflow .details-inflow tbody tr td:nth-child(4):first-letter, .inflowAccount .details-inflow tbody tr td:nth-child(4):first-letter {
  text-transform: capitalize;
}

.DomesticPayment .custom-select-wrap.paymentCode-wrap .selected-item, .predefindedUsers .custom-select-wrap.paymentCode-wrap .selected-item, .predefindedUsersForeign .custom-select-wrap.paymentCode-wrap .selected-item {
  padding-right: 55px !important;
}

.custom-table-form_inner > form .custom-table-form_body > li .cell .group {
  display: flex;
}
.custom-table-form_inner > form .custom-table-form_body > li .cell .group .transaction-info {
  width: 350px !important;
}
.custom-table-form_inner > form .custom-table-form_body > li .cell .group .info-icon-2 {
  right: 0px;
  position: relative;
  display: block;
}

:root {
  --uds-base-background: #fff;
  --uds-background: #f8f6f2;
  --uds-font-color: #2B2D34;
  --uds-font-color-inverted: #F9F9F9;
  --uds-border-color: #e7e6e0;
  --uds-secondary-font-color: #55575D;
  --uds-secondary-font-color-inverted: #D5D5D6;
  --uds-blue-font-color: #0F7095;
  --uds-blue-font-color-inverted: #BFE9F8;
  --uds-hover-color: #E2F4FC;
  --choice-selected: #E2F4FC;
  --uds-secondary-button-background: #fff;
  --uds-secondary-button-hover-background: #e5e5e6;
  --border-bottom: #e7e6e0;
  --top-nav-icon-color: #808185;
  --icon-color-active: #0F7095;
  --spinner-path: url("images/uds/spinner-uds.svg");
  --checkbox-path: url("images/uds/checkbox.svg");
  --checkbox-false-path: url("images/uds/checkbox_false.svg");
  --radio-path: url("images/uds/radio.svg");
  --radio-false-path: url("images/uds/radio-false.svg");
  --stepper-done-path: url("images/uds/stepper-done.svg");
  --success-path: url("images/uds/success-large.svg");
  --package-path: url("images/uds/package.svg");
  --no-result-path: url("images/uds/no-result.svg");
  --login-background: url("images/login/login-new-light.jpg");
  --calendar-down-arrow: url("images/uds/menu-down.svg");
  --info-big: url("images/uds/info-big.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlock.svg");
  --ips-skeniraj: url("images/uds/ipsSkeniraj.svg");
  --ips-pokazi: url("images/uds/ipsPokazi.svg");
  --action-color: #118DB8;
  --action-color-hover: #1481a8;
  --dots-color: #dad7cd;
  --dots-color-active: #2b2d34;
  --divider-color: #e7e6e0;
  --input-border-color: #e2dfd6;
  --info-button-background: #118DB8;
  --info-button-background-hover: #2e9bc1;
  --info-secondary-button-background-hover: #c9e3ef;
  --info-box: #E2F4FC;
  --warning-yellow: #ffeec7;
  --warning-yellow-font: #bb5802;
  --success-pill: #d3eac5;
  --danger-pill: #FDE3E3;
  --success-pill-font: #32701b;
  --danger-pill-font: #b42121;
  --shadow-avatar: #f0ede7;
  --switch-background: #e6e6e7;
}

.dark-mode {
  --uds-base-background: #35373c;
  --uds-background: #2B2D34;
  --uds-font-color: #F9F9F9;
  --uds-font-color-inverted: #2B2D34;
  --uds-border-color: #55575D;
  --uds-secondary-font-color: #D5D5D6;
  --uds-secondary-font-color-inverted: #55575D;
  --uds-blue-font-color: #BFE9F8;
  --uds-blue-font-color-inverted: #0F7095;
  --uds-hover-color: #0F7095;
  --choice-selected: #665c00;
  --uds-secondary-button-background: #35373c;
  --uds-secondary-button-hover-background: #41434a;
  --border-bottom: #4a4d53;
  --top-nav-icon-color: #aaabae;
  --icon-color-active: #E2F4FC;
  --spinner-path: url("images/uds/spinner-uds-dark.svg");
  --checkbox-path: url("images/uds/checkbox_dark.svg");
  --checkbox-false-path: url("images/uds/checkbox_false_dark.svg");
  --radio-path: url("images/uds/radio-dark.svg");
  --radio-false-path: url("images/uds/radio-false-dark.svg");
  --stepper-done-path: url("images/uds/stepper-done-dark.svg");
  --success-path: url("images/uds/success-large-dark.svg");
  --package-path: url("images/uds/package-dark.svg");
  --no-result-path: url("images/uds/no-result-dark.svg");
  --login-background: url("images/login/login-dark.jpeg");
  --calendar-down-arrow: url("images/uds/menu-down-dark.svg");
  --info-big: url("images/uds/info-big-dark.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlockDark.svg");
  --ips-skeniraj: url("images/uds/ipsSkenirajDark.svg");
  --ips-pokazi: url("images/uds/ipsPokaziDark.svg");
  --action-color: #FEE600;
  --action-color-hover: #e4cf06;
  --dots-color: #4b4d54;
  --dots-color-active: #f9f9f9;
  --divider-color: #4b4d54;
  --input-border-color: #43454d;
  --info-button-background: #47c5e9;
  --info-button-background-hover: #43b2d3;
  --info-secondary-button-background-hover: #266f8a;
  --info-box: #115f7b;
  --warning-yellow: #7a370b;
  --warning-yellow-font: #ffde85;
  --success-pill: #2c591b;
  --danger-pill: #732929;
  --success-pill-font: #b6e19d;
  --danger-pill-font: #fccccc;
  --shadow-avatar: #44464d;
  --switch-background: #404248;
}

/*#region fonts*/
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Roman.eot");
  src: url("fonts/Futura-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Roman.woff") format("woff"), url("fonts/Futura-Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Dem.eot");
  src: url("fonts/Futura-Dem.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Dem.woff") format("woff"), url("fonts/Futura-Dem.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Bold.eot");
  src: url("fonts/Futura-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Bold.woff") format("woff"), url("fonts/Futura-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-ExtraBold.eot");
  src: url("fonts/Futura-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-ExtraBold.woff") format("woff"), url("fonts/Futura-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Regular.ttf");
  src: url("fonts/Amalia-Regular.woff") format("woff"), url("fonts/Amalia-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Medium.ttf");
  src: url("fonts/Amalia-Medium.woff") format("woff"), url("fonts/Amalia-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Bold.ttf");
  src: url("fonts/Amalia-Bold.woff") format("woff"), url("fonts/Amalia-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Black.ttf");
  src: url("fonts/Amalia-Black.woff") format("woff"), url("fonts/Amalia-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*#endregion fonts*/
.login .s-widget {
  margin: 0;
}

.login-unavailable {
  position: absolute;
  top: 25%;
  width: 84%;
  height: 70%;
}
.login-unavailable .error-image {
  background: url("images/icons/error-icon.png");
  background-size: cover;
  width: 45px;
  height: 40px;
  display: inline-block;
}
.login-unavailable .title {
  font-weight: bold;
  text-align: center;
  margin-left: 20px;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  top: -12px;
}
.login-unavailable .text {
  color: #999;
  margin: 50px auto;
}
.login-unavailable a {
  position: absolute;
  bottom: 0;
  width: 100%;
}

/*#region login_header*/
#login-header {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  height: 72px;
  background: var(--uds-base-background);
  border-bottom: solid 1px var(--border-bottom);
}
#login-header .site-logo :before {
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 20px;
  left: 32px;
  background: url(images/uds/logo-rounded.svg);
  background-size: 32px;
}
#login-header .nav-top-bar-title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  color: var(--uds-font-color);
  padding: 23px 80px;
}

/*#endregion login_header*/
/*#region LoginBackground*/
.LoginBackground {
  margin: 0 !important;
}
.LoginBackground .s-widget-body {
  padding: 0 !important;
  border-top: none;
}
.LoginBackground .s-widget-body .video-cover {
  background-image: var(--login-background);
  background-position: top right;
  background-size: cover;
}
.LoginBackground .s-widget-body .page-cover {
  width: 50%;
  height: calc(100% - 72px);
  margin-top: 72px;
  position: absolute;
  overflow: hidden;
  background-repeat: no-repeat;
}
.LoginBackground .s-widget-body .page-cover .inner {
  position: absolute;
  top: 64px;
  left: 64px;
}
.LoginBackground .s-widget-body .page-cover .inner h2 strong {
  line-height: 44px;
  font-size: 40px;
  font-weight: 700;
  color: var(--uds-font-color-inverted);
  display: block;
}
.LoginBackground .s-widget-body .page-cover .inner h2 span {
  display: block;
  margin-top: 16px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: var(--uds-font-color-inverted);
}
.LoginBackground .s-widget-body .page-cover .inner span {
  line-height: 62px;
  font-weight: 100;
  font-size: 18px;
}
.LoginBackground .s-widget-body .page-cover .inner a {
  margin-top: 24px;
  display: block;
}

/*#endregion LoginBackground*/
/*#region login_widget*/
.sign-wrapper {
  width: 50%;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  box-sizing: border-box;
  padding: 72px 10% 0 10%;
  color: var(--uds-font-color);
}
.sign-wrapper .lang-nav {
  position: absolute;
  top: 28px;
  right: 16px;
  z-index: 90;
  display: flex;
}
.sign-wrapper .lang-nav .support {
  margin-right: 32px;
  display: block;
  cursor: pointer;
  font-size: 16px;
  color: var(--uds-font-color);
  font-weight: 400;
}
.sign-wrapper .lang-nav li {
  padding: 0;
  border-right: 0 !important;
  position: relative;
  margin-right: 0 !important;
  float: left;
}
.sign-wrapper .lang-nav li a {
  font-size: 16px;
  color: var(--uds-font-color);
  font-weight: 400;
}
.sign-wrapper .lang-nav li a:hover {
  text-decoration: none;
  cursor: pointer;
  color: var(--action-color);
}
.sign-wrapper .lang-nav li.active a {
  color: var(--action-color);
}
.sign-wrapper .lang-nav li:not(:last-child) :after {
  content: "|";
  font-size: 14px;
  color: var(--uds-font-color);
  font-weight: 400;
  padding: 0 8px;
}
.sign-wrapper .login-wrapper {
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.sign-wrapper ul {
  list-style: none;
}
.sign-wrapper .input-1 {
  line-height: 30px;
}
.sign-wrapper .text-wrap {
  position: relative;
  width: 100%;
}
.sign-wrapper .text-wrap h3 {
  font-family: "amalia";
  font-weight: 700;
  color: var(--uds-font-color);
  font-size: 16px;
  line-height: 24px;
}
.sign-wrapper .text-wrap p {
  font-size: 16px;
  line-height: 24px;
  color: var(--uds-font-color);
}
.sign-wrapper .welcome-bottom {
  padding: 0 24px;
}
.sign-wrapper .welcome-bottom .welcome-bottom-label {
  margin-bottom: 44px;
}
.sign-wrapper .welcome-bottom ul li.checkbox-save {
  display: flex;
  gap: 16px;
  align-items: center;
  color: var(--uds-font-color);
}
.sign-wrapper .welcome-bottom ul li.checkbox-save > i {
  width: 20px !important;
  height: 20px !important;
  display: block;
  background: var(--uds-background);
  background-image: var(--checkbox-false-path);
  background-size: 20px;
}
.sign-wrapper .welcome-bottom ul .checkbox-save.checked > i {
  background-image: var(--checkbox-path);
  background-size: 20px;
}
.sign-wrapper .group-inner {
  display: flex;
  gap: 12px;
  padding: 24px;
  width: calc(100% - 48px);
  flex-direction: column;
}
.sign-wrapper .tab-select {
  height: 80px;
  margin-top: 73px;
}
.sign-wrapper .tab-select li {
  float: left;
  width: 50%;
  text-align: center;
  cursor: pointer;
}
.sign-wrapper .tab-select li a {
  display: block;
  font-size: 14px;
  line-height: 16px;
  color: #9b9b9c;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
  padding: 12px 0;
  margin-bottom: 14px;
  box-sizing: border-box;
  font-weight: 700;
}
.sign-wrapper .tab-select li a:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #c3c3c3;
  position: absolute;
  bottom: 0;
  left: 0;
}
.sign-wrapper .tab-select li a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #333333 transparent transparent transparent;
  position: absolute;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
  opacity: 0;
}
.sign-wrapper .tab-select li a:hover {
  text-decoration: none;
}
.sign-wrapper .tab-select li.active a {
  color: #000;
}
.sign-wrapper .tab-select li.active a:before {
  height: 2px;
  background: #000;
}
.sign-wrapper .tab-select li.active a:after {
  opacity: 1;
}
.sign-wrapper .tab {
  display: none;
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.sign-wrapper .tab.active {
  display: block;
}
.sign-wrapper .tab .input-wrap {
  height: 50px;
}
.sign-wrapper .tab .input-wrap.input-icon {
  background-position: 10px 19px;
}
.sign-wrapper .tab .input-wrap.focusin {
  border-color: #494f5a;
  box-shadow: inset 0 0 0 1px;
}
.sign-wrapper .tab h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 8px;
}
.sign-wrapper .tab a {
  color: var(--action-color);
  text-decoration: underline;
}
.sign-wrapper .login-type .login-type_selected {
  text-align: center;
  font-size: 17px;
  color: var(--action-color) !important;
}
.sign-wrapper .login-type .login-type_selected a:hover {
  text-decoration: none;
}
.sign-wrapper .login-type .login-type_selected .hidden {
  position: absolute;
  z-index: 5;
  margin-left: 56px;
  box-shadow: 0px 4px 15px lightgrey;
  padding: 20px;
  padding-bottom: 15px;
  margin-top: -16px;
  background-color: #fff;
  min-width: 250px;
}
.sign-wrapper .login-type .login-type_selected .hidden a:hover {
  opacity: 0.5;
  cursor: pointer;
}
.sign-wrapper .login-type .login-type_selected .hidden li {
  margin-bottom: 10px;
}
.sign-wrapper .login-type .login-type_selected p {
  margin-bottom: 20px;
}
.sign-wrapper .login-type .login-type_selected p:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 5.5px 0 5.5px;
  border-color: #0093c9 transparent transparent transparent;
  position: absolute;
  margin-top: 8px;
  margin-left: 14px;
}
.sign-wrapper .login-type .login-type_selected p:hover {
  cursor: pointer;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner {
  padding: 24px;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner p {
  font-size: 16px;
  line-height: 24px;
  color: var(--uds-font-color);
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner .custom-radio-1 {
  margin-top: 16px;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner .custom-radio-1 .radio {
  position: relative;
  font-family: amalia;
  background-color: var(--uds-background);
  border: solid 1px var(--input-border-color) !important;
  color: var(--uds-font-color);
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 250px;
  height: 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  padding: 24px 20px;
  margin-bottom: 8px;
  cursor: pointer;
  line-height: 24px;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner .custom-radio-1 .radio:before {
  content: "";
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  background: var(--radio-false-path);
  background-size: 16px;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner .custom-radio-1 .radio.checked {
  background-color: var(--choice-selected);
  border: solid 2px var(--action-color) !important;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner .custom-radio-1 .radio.checked:before {
  background: var(--radio-path);
  background-size: 16px;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner .custom-radio-1 .noHaveAccount {
  font-size: 16px;
  line-height: 24px;
  color: var(--uds-font-color);
  font-weight: 400;
  padding: 16px 0;
  position: relative;
  display: block;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-inner .custom-radio-1 .noHaveAccount > a {
  cursor: pointer;
  color: var(--action-color);
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-bottom .welcome-bottom-label {
  position: relative;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-bottom .welcome-bottom-label input {
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 0;
  transform: translateY(-50%);
  left: 0;
  position: absolute;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-bottom .welcome-bottom-label label {
  position: relative;
  left: 35px;
  bottom: 7px;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-bottom .welcome-bottom-label ul li.checkbox-save {
  display: flex;
  gap: 12px;
  align-items: center;
  color: var(--uds-font-color);
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-bottom .welcome-bottom-label ul li.checkbox-save > i {
  width: 20px !important;
  height: 20px !important;
  display: block;
  background: var(--uds-background);
  background-image: var(--checkbox-false-path);
  background-size: 20px;
}
.sign-wrapper .login-type .welcome-tab .inner-content .welcome-bottom .welcome-bottom-label ul .checkbox-save.checked > i {
  background-image: var(--checkbox-path);
  background-size: 20px;
}

/*#endregion login_widget*/
/*#region LoginRetailV5*/
.LoginCorporateV3 {
  overflow-y: scroll;
  height: calc(100vh - 124px);
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.LoginCorporateV3 .s-widget-body {
  overflow: visible;
  position: static !important;
  border-top: none;
}
.LoginCorporateV3 .column-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  margin: 0 auto;
  gap: 8px;
}
.LoginCorporateV3 .column-container .success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
.LoginCorporateV3 .column-container .success:before {
  content: "";
  display: block;
  height: 90px;
  width: 90px;
  background: var(--success-path);
  background-size: 90px;
}
.LoginCorporateV3 .column-container .centered-info {
  text-align: center;
}
.LoginCorporateV3 .column-container .centered-info .big-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--uds-font-color);
}
.LoginCorporateV3 .column-container .centered-info .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}

.part-input-select-login {
  position: relative;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0 24px;
  width: calc(100% - 48px);
}
.part-input-select-login > span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.part-input-select-login > span .input-label {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.part-input-select-login .select-box {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
  height: 24px;
  padding: 8px 36px 8px 12px !important;
  width: calc(100% - 48px) !important;
}
.part-input-select-login .select-box:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.part-input-select-login .select-box[disabled] {
  opacity: 0.5;
}
.part-input-select-login .select-box.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.part-input-select-login .select-box .selected-option {
  max-height: 24px;
  overflow: hidden;
}
.part-input-select-login .select-box .options-list {
  list-style: none;
  margin: 0;
  padding: 8px;
  border: 1px solid #ccc;
  background-color: var(--uds-base-background);
  display: none;
  position: absolute;
  top: 72px;
  left: 0;
  width: calc(100% - 16px);
  min-width: fit-content;
  z-index: 100;
  background: var(--uds-base-background);
  border: 1px solid rgba(156, 150, 127, 0.24);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  border-radius: 8px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.part-input-select-login .select-box .options-list li {
  padding: 8px;
  border-radius: 8px;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: default;
}
.part-input-select-login .select-box .options-list .hoverable-list:hover {
  background: var(--choice-selected);
  cursor: pointer;
}
.part-input-select-login .select-box.focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.part-input-select-login:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/menu-open-down.svg") no-repeat center;
  -webkit-mask: url("images/uds/menu-open-down.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  right: 8px;
  top: 36px;
}
.part-input-select-login.double .select-box .selected-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  text-wrap-mode: nowrap;
}
.part-input-select-login.double .select-box .selected-option .big-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--uds-font-color);
}
.part-input-select-login.double .select-box .selected-option .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}
.part-input-select-login.double .select-box .options-list li, .part-input-select-login.double .select-box .options-list li a {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.part-input-select-login.double .select-box .options-list li .big-text, .part-input-select-login.double .select-box .options-list li a .big-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--uds-font-color);
}
.part-input-select-login.double .select-box .options-list li .small-text, .part-input-select-login.double .select-box .options-list li a .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}
.part-input-select-login.disabled .select-box .selected-option {
  color: var(--uds-secondary-font-color);
}
.part-input-select-login.disabled:after {
  background-color: var(--uds-secondary-font-color);
}
.part-input-select-login.with-bottom-margin {
  margin-bottom: 40px;
}

.signup-tab.tab .content {
  display: none;
}

/*#endregion LoginRetailV5*/
/*#region responsive*/
/*@media only screen and (max-width: 980px) {


    .login {
        .s-widget-zone {
            float: none;
        }

        .s-page {
            padding: 0;

            .sign-wrapper {
                .login-type {
                    .hidden {
                        width: 100%;
                        margin-left: 0;
                        padding: 20px 0;
                    }
                }
            }

            .LoginBackground {


                video {
                    display: none;
                }
            }
        }
    }


    .login-unavailable {
        height: 50%;
        width: 90%;
    }

    .login-tab.tab-2 .inner-content {
        top: 0;
        transform: translateY(0%);
        -ms-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }

    .login-tab.tab-2 .to-business {
        position: relative;
    }

    .login-footer {
        position: relative;
        bottom: 0;
        left: 0;
        background: #1e2025;
        padding: 15px;
    }

    .login-footer .inner {
        float: right;
    }

}


    @media only screen and (max-width: 600px) {
        .login .s-page {
            .LoginBackground {
                height: 330px;
            }

            .page-cover {
                .btn-1 {
                    width: 100% !important;
                }
            }
        }
    }
*/
/*#endregion responsive*/
.small-popup-box {
  width: 98%;
  max-width: 470px;
  height: auto;
  background: #fff;
  border-top: 5px solid #fee600;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.4);
  padding: 36px 40px 40px;
}
.small-popup-box.color-2 {
  max-width: 470px;
  border-top: 5px solid #fee600;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.4);
  background: #f8f8f8;
}
.small-popup-box.color-2 .label-1 {
  font-size: 15px;
  background: transparent;
}
.small-popup-box.color-2 .label-1:before {
  content: "";
  width: 100%;
  height: 9px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
}
.small-popup-box.color-2 .label-1 span {
  position: relative;
}
.small-popup-box.color-2 .input-wrap {
  background: #fff;
}
.small-popup-box .ui-dialog-titlebar {
  display: none;
}
.small-popup-box h3, .small-popup-box p {
  text-align: center;
  margin-bottom: 30px;
}
.small-popup-box h3 {
  font: 400 22px/1.2 amalia, sans-serif;
  font-weight: 700;
  text-align: center;
  margin-bottom: 30px;
}
.small-popup-box .options-list-2 thead {
  display: none;
}
.small-popup-box .normal-form {
  padding: 20px 0 0;
}
.small-popup-box .normal-form .group-inner {
  zoom: 1;
  margin-bottom: 38px;
  width: 100%;
  position: relative;
}
.small-popup-box .normal-form .input-small {
  padding: 5px 10px;
}
.small-popup-box .normal-form .input-small .search {
  background-image: url(images/icons/search.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 10px;
  right: 12px;
}
.small-popup-box .group {
  width: 100%;
  zoom: 1;
}
.small-popup-box .search-wrap svg {
  width: 18px;
  height: 18px;
  fill: #cacaca;
  position: absolute;
  top: 10px;
  right: 12px;
}
.small-popup-box .options-list-2 {
  max-height: 310px;
  overflow: auto;
  margin-bottom: 40px;
  position: relative;
}
.small-popup-box .options-list-2 li {
  position: relative;
  zoom: 1;
  background: #fff;
  border-left: 6px solid transparent;
  box-shadow: 0 4px 4px transparent;
  -webkit-transition: all 0.4s ease, border 0.4s ease, background-color 0.4s ease;
  transition: all 0.4s ease, border 0.4s ease, background-color 0.4s ease;
  overflow: hidden;
  cursor: pointer;
  padding: 20px 50px 20px 72px;
  margin-bottom: 2px;
}
.small-popup-box .options-list-2 li:hover {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-left: 6px solid #fee600;
}
.small-popup-box .options-list-2 li.current {
  border-left: 6px solid #fee600;
  background: #fffcd8;
}
.small-popup-box .options-list-2 .icon-left {
  position: absolute;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 20px;
  background: transparent;
  border: 1px solid #aaabad;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.small-popup-box .options-list-2 .options-text {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #2b2d33;
  margin-bottom: 0;
  text-align: left;
}
.small-popup-box .options-list-2 .icon-right {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.small-popup-box .options-list-2 .icon-right .arr-right {
  background-image: url(images/icons/arrow-b-right.png);
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
  width: 16px;
}
.small-popup-box .popup-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.small-popup-box .popup-btns.two .btn-1 {
  width: 48%;
}
.small-popup-box .btn-1.color-10 {
  background-color: #e9eaea;
  color: #000;
}
.small-popup-box .btn-1.color-10:hover {
  background: #cdcece;
  transition: background ease 500ms;
}
.small-popup-box .btn-1.big {
  padding: 20px 15px;
}
.small-popup-box .btn-1.color-6 {
  background-color: #fee600;
  color: #000;
}
.small-popup-box .btn-1.color-6:hover {
  background: #fed500;
  color: #000;
  transition: background 0.4s ease;
}

@charset "UTF-8";
:root {
  --uds-base-background: #fff;
  --uds-background: #f8f6f2;
  --uds-font-color: #2B2D34;
  --uds-font-color-inverted: #F9F9F9;
  --uds-border-color: #e7e6e0;
  --uds-secondary-font-color: #55575D;
  --uds-secondary-font-color-inverted: #D5D5D6;
  --uds-blue-font-color: #0F7095;
  --uds-blue-font-color-inverted: #BFE9F8;
  --uds-hover-color: #E2F4FC;
  --choice-selected: #E2F4FC;
  --uds-secondary-button-background: #fff;
  --uds-secondary-button-hover-background: #e5e5e6;
  --border-bottom: #e7e6e0;
  --top-nav-icon-color: #808185;
  --icon-color-active: #0F7095;
  --spinner-path: url("images/uds/spinner-uds.svg");
  --checkbox-path: url("images/uds/checkbox.svg");
  --checkbox-false-path: url("images/uds/checkbox_false.svg");
  --radio-path: url("images/uds/radio.svg");
  --radio-false-path: url("images/uds/radio-false.svg");
  --stepper-done-path: url("images/uds/stepper-done.svg");
  --success-path: url("images/uds/success-large.svg");
  --package-path: url("images/uds/package.svg");
  --no-result-path: url("images/uds/no-result.svg");
  --login-background: url("images/login/login-new-light.jpg");
  --calendar-down-arrow: url("images/uds/menu-down.svg");
  --info-big: url("images/uds/info-big.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlock.svg");
  --ips-skeniraj: url("images/uds/ipsSkeniraj.svg");
  --ips-pokazi: url("images/uds/ipsPokazi.svg");
  --action-color: #118DB8;
  --action-color-hover: #1481a8;
  --dots-color: #dad7cd;
  --dots-color-active: #2b2d34;
  --divider-color: #e7e6e0;
  --input-border-color: #e2dfd6;
  --info-button-background: #118DB8;
  --info-button-background-hover: #2e9bc1;
  --info-secondary-button-background-hover: #c9e3ef;
  --info-box: #E2F4FC;
  --warning-yellow: #ffeec7;
  --warning-yellow-font: #bb5802;
  --success-pill: #d3eac5;
  --danger-pill: #FDE3E3;
  --success-pill-font: #32701b;
  --danger-pill-font: #b42121;
  --shadow-avatar: #f0ede7;
  --switch-background: #e6e6e7; }

.dark-mode {
  --uds-base-background: #35373c;
  --uds-background: #2B2D34;
  --uds-font-color: #F9F9F9;
  --uds-font-color-inverted: #2B2D34;
  --uds-border-color: #55575D;
  --uds-secondary-font-color: #D5D5D6;
  --uds-secondary-font-color-inverted: #55575D;
  --uds-blue-font-color: #BFE9F8;
  --uds-blue-font-color-inverted: #0F7095;
  --uds-hover-color: #0F7095;
  --choice-selected: #665c00;
  --uds-secondary-button-background: #35373c;
  --uds-secondary-button-hover-background: #41434a;
  --border-bottom: #4a4d53;
  --top-nav-icon-color: #aaabae;
  --icon-color-active: #E2F4FC;
  --spinner-path: url("images/uds/spinner-uds-dark.svg");
  --checkbox-path: url("images/uds/checkbox_dark.svg");
  --checkbox-false-path: url("images/uds/checkbox_false_dark.svg");
  --radio-path: url("images/uds/radio-dark.svg");
  --radio-false-path: url("images/uds/radio-false-dark.svg");
  --stepper-done-path: url("images/uds/stepper-done-dark.svg");
  --success-path: url("images/uds/success-large-dark.svg");
  --package-path: url("images/uds/package-dark.svg");
  --no-result-path: url("images/uds/no-result-dark.svg");
  --login-background: url("images/login/login-dark.jpeg");
  --calendar-down-arrow: url("images/uds/menu-down-dark.svg");
  --info-big: url("images/uds/info-big-dark.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlockDark.svg");
  --ips-skeniraj: url("images/uds/ipsSkenirajDark.svg");
  --ips-pokazi: url("images/uds/ipsPokaziDark.svg");
  --action-color: #FEE600;
  --action-color-hover: #e4cf06;
  --dots-color: #4b4d54;
  --dots-color-active: #f9f9f9;
  --divider-color: #4b4d54;
  --input-border-color: #43454d;
  --info-button-background: #47c5e9;
  --info-button-background-hover: #43b2d3;
  --info-secondary-button-background-hover: #266f8a;
  --info-box: #115f7b;
  --warning-yellow: #7a370b;
  --warning-yellow-font: #ffde85;
  --success-pill: #2c591b;
  --danger-pill: #732929;
  --success-pill-font: #b6e19d;
  --danger-pill-font: #fccccc;
  --shadow-avatar: #44464d;
  --switch-background: #404248; }

/*#region fonts*/
@font-face {
  font-family: 'futura';
  src: url("fonts/Futura-Roman.eot");
  src: url("fonts/Futura-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Roman.woff") format("woff"), url("fonts/Futura-Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'futura';
  src: url("fonts/Futura-Dem.eot");
  src: url("fonts/Futura-Dem.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Dem.woff") format("woff"), url("fonts/Futura-Dem.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: 'futura';
  src: url("fonts/Futura-Bold.eot");
  src: url("fonts/Futura-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Bold.woff") format("woff"), url("fonts/Futura-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'futura';
  src: url("fonts/Futura-ExtraBold.eot");
  src: url("fonts/Futura-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-ExtraBold.woff") format("woff"), url("fonts/Futura-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Regular.ttf");
  src: url("fonts/Amalia-Regular.woff") format("woff"), url("fonts/Amalia-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Medium.ttf");
  src: url("fonts/Amalia-Medium.woff") format("woff"), url("fonts/Amalia-Medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Bold.ttf");
  src: url("fonts/Amalia-Bold.woff") format("woff"), url("fonts/Amalia-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Black.ttf");
  src: url("fonts/Amalia-Black.woff") format("woff"), url("fonts/Amalia-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal; }

/*#endregion fonts*/
/*#region general*/
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, sub, sup, 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-family: inherit;
  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 {
  font-family: "amalia", sans-serif !important;
  font-size: 14px;
  font: 100% "amalia", sans-serif;
  background-color: var(--uds-base-background);
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden; }

html {
  height: 100%;
  font: inherit; }

.alignleft {
  float: left; }

.aligncenter {
  margin: 0 auto; }

.alignright {
  float: right; }

.languageSelectorContainer {
  display: none; }

.active {
  display: block; }

.hidden {
  display: none; }

:focus {
  outline: -webkit-focus-ring-color none 0px !important;
  outline-color: -webkit-focus-ring-color !important;
  outline-style: none !important;
  outline-width: 0px !important; }

.ui-widget-overlay {
  background: black !important;
  opacity: 0.4 !important;
  z-index: 201; }

a {
  text-decoration: none; }

h3 {
  font: 400 22px/1.2 amalia,sans-serif; }

h5 {
  font: 400 16px/1.2 amalia,sans-serif; }

.select-center-header {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  text-align: center;
  color: var(--uds-font-color);
  margin-bottom: 20px; }

#pageHost {
  margin: 0 auto;
  border: none;
  height: fit-content;
  width: 100%;
  max-width: 1210px; }
  #pageHost .main-menu .s-portal-menu .slicknav_menu {
    position: absolute;
    z-index: 101;
    width: 80%; }

.s-page-host.login {
  max-width: 100% !important; }

.inputDropDown {
  border: none;
  width: 100%; }

.textarea-1 {
  width: 100%;
  height: 55px;
  line-height: 29px;
  min-height: 24px;
  font-family: amalia,sans-serif;
  font-size: 16px;
  letter-spacing: .5px;
  color: #000;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  padding-left: 6px;
  resize: none; }

@media only screen and (max-width: 1530px) {
  #pageHost {
    width: 100% !important; }
  .s-page-host.non-login {
    width: auto; } }

/*#endregion general*/
/*#region inputs*/
input:focus {
  outline: none; }

.input-wrap-focus {
  border: solid 1px #494f5a !important; }

textarea {
  font-family: "amalia", sans-serif !important;
  width: 100%;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  padding-left: 3px;
  background-color: transparent;
  color: #000; }

.input-1 {
  height: 24px;
  border: none;
  background: none;
  -webkit-appearance: none;
  display: block;
  font-family: "amalia" !important;
  padding: 0;
  width: 100% !important;
  color: var(--uds-font-color);
  font-weight: 400;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none; }

.input-wrap.input-icon {
  padding-left: 32px;
  background-position: 10px 15px;
  background-repeat: no-repeat; }

.widget.type-3 {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }

.popup-inner .input-wrap.type-2 {
  height: 50px; }

.popup-inner .input-wrap.type-2.focus {
  border: 2px solid #000; }

.top-header-line {
  border-bottom: 2px solid #f8f8f8; }

.input-wrap.type-2 {
  padding: 14px 15px 12px 15px; }
  .input-wrap.type-2.input-wrap-payment {
    width: calc(100% - 70px); }

.input-wrap.type-3 {
  padding: 18px 15px 20px 15px; }
  .input-wrap.type-3.input-wrap-payment {
    width: calc(100% - 70px); }

.input-wrap.focusin {
  border-color: #000;
  box-shadow: inset 0 0 0 2px #000; }

.input-2 {
  font-family: "amalia", sans-serif;
  font-size: 16px;
  display: block;
  width: 100%;
  padding: 10px 16px;
  text-align: right;
  border: 1px solid #d1d1d1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 32px; }

.input-wrap.input-check .input-1 {
  padding-right: 15px; }

.input-wrap.select-1, .input-wrap.combo-wrap {
  padding: 0;
  position: relative; }

.input-wrap .progress-wrapper {
  position: absolute;
  left: 0;
  bottom: 0; }

.input-wrap .custom-autocomplete-dropdown {
  position: absolute;
  z-index: 50;
  left: -1px;
  top: 100%;
  /*Bojana*/
  width: calc(100%);
  /*Old:
        width: calc(100% + 2px);
    */ }

.input-wrap .input-button {
  position: absolute;
  top: 0;
  right: 0; }

.input-button {
  width: 50px;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.info-button-wrap {
  position: relative; }
  .info-button-wrap .info-button {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: -65px;
    top: calc(50% - 10px); }

.info-button {
  cursor: pointer; }

.input.bold {
  font-weight: 700; }

.input.text-size-2 {
  font-size: 18px; }

.progress-wrapper {
  position: relative;
  width: 100%;
  min-height: 10px;
  background-color: #d1d1d1;
  overflow: hidden; }

.progress-bar {
  position: absolute;
  height: 100%;
  background-color: #9ccc66;
  left: 0;
  top: 0; }

.progress-input {
  zoom: 1;
  margin-bottom: 40px; }
  .progress-input:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.progress-bar.overFunds {
  background-color: red; }

.group-account-2 .input-wrap:first-child {
  width: 270px;
  float: left; }

.group-account-2 .input-wrap:nth-child(2) {
  width: -webkit-calc(100% - 290px);
  width: calc(100% - 290px);
  float: right; }

.group-inner.date-group .input-wrap {
  padding-top: 10px; }

.date-input {
  padding-top: 5px;
  background: url(images/icons/calendar.png) 100% center no-repeat;
  background-size: 15px; }

.checkbox-1.styledCheckbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(images/icons/checkbox-1.png);
  background-repeat: no-repeat;
  background-position: 0px -16px !important;
  background-size: 16px;
  cursor: pointer;
  position: relative;
  top: 2px;
  margin-right: 10px; }
  .checkbox-1.styledCheckbox.checked {
    background-position: 0px 0px !important; }

.radio-1.styledRadio {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(images/icons/checkbox-2.png);
  background-repeat: no-repeat;
  background-size: 16px;
  cursor: pointer;
  position: relative;
  top: 1px;
  margin-right: 10px; }

.checkbox-label {
  font-size: 14px;
  color: #000; }

.checkbox-wrap {
  padding: 10px 0; }

.radio-list li {
  zoom: 1;
  margin-bottom: 20px; }
  .radio-list li:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.radio-list .radio-1 {
  float: left; }

.radio-list .checkbox-label {
  float: left;
  line-height: 18px;
  width: calc(100% - 26px);
  text-transform: uppercase; }

.list-title {
  font-size: 14px;
  color: #7b7b7b; }

.focusin .custom-autocomplete-dropdown {
  border: 1px solid #000; }

.custom-autocomplete-dropdown {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05);
  display: none;
  border: 1px solid #d1d1d1;
  max-height: 386px;
  overflow: auto;
  background-color: #fff; }

.dropdown-item {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: block;
  padding: 22px;
  padding-left: 75px;
  font-size: 16px;
  cursor: pointer; }
  .dropdown-item .icon {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 20px;
    height: 20px;
    right: 0px;
    background-repeat: no-repeat;
    background-position: 100% center; }
  .dropdown-item .dropdown-tag {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #d1d1d1;
    background-repeat: no-repeat;
    background-position: center; }
    .dropdown-item .dropdown-tag.type-2 {
      background-color: #ed1c24;
      border-color: #ed1c24; }
    .dropdown-item .dropdown-tag img {
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute;
      top: 50%;
      left: 50%;
      display: inline-block;
      max-width: calc(100% - 4px);
      max-height: calc(100% - 4px); }

.dropdown-item:hover, .dropdown-item.highlight {
  background-color: #e5f4f9; }

.dropdown-item.border {
  border-bottom: 1px solid #ebeced; }

.custom-checkbox-wrapper {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 7.5px;
  -moz-border-radius: 7.5px;
  -ms-border-radius: 7.5px;
  border-radius: 7.5px;
  display: inline-block;
  position: relative;
  width: 30px;
  height: 15px;
  background-color: #dadada;
  cursor: pointer; }
  .custom-checkbox-wrapper .custom-checkbox-pin {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: -5px;
    right: auto;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #d1d1d1; }
  .custom-checkbox-wrapper .cc-checkbox {
    display: none; }
  .custom-checkbox-wrapper.checked {
    background-color: #c3b400; }
    .custom-checkbox-wrapper.checked .custom-checkbox-pin {
      background-color: #ffec00;
      border-color: #ffec00;
      left: 15px; }
  .custom-checkbox-wrapper.col {
    position: absolute;
    left: 0;
    top: 5px; }
  .custom-checkbox-wrapper.col-2 {
    right: -27px;
    margin-bottom: -2px; }

.checkbox-label-2 {
  display: inline-block;
  padding: 18px 15px 16px 15px;
  line-height: 23px;
  min-height: 24px;
  font-family: 'amalia', sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0; }
  .checkbox-label-2.col-1 {
    padding: 0 0 0 10px; }
  .checkbox-label-2.col-2 {
    padding: 0 0 0 34px; }

.combined-inputs .input {
  display: inline-block;
  line-height: 23px;
  min-height: 24px;
  max-width: 30px;
  font-family: 'amalia', sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0; }
  .combined-inputs .input.type-2 {
    max-width: 137px; }

.combined-inputs .input-size-changer {
  position: absolute;
  top: -9999px;
  display: inline-block;
  line-height: 23px;
  margin: 0;
  min-width: 20px !important;
  min-height: 24px;
  font-family: 'amalia', sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border: none;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 0; }

.combined-inputs hr {
  display: inline-block;
  width: 16px;
  margin-left: 5px;
  margin-right: 5px;
  border-style: solid;
  border-color: #dedede; }

.custom-form .button-wrap.two-buttons {
  zoom: 1; }
  .custom-form .button-wrap.two-buttons:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .custom-form .button-wrap.two-buttons .button {
    width: 50%;
    float: left; }

.custom-form .button-wrap.two-buttons-2 {
  height: 70px; }
  .custom-form .button-wrap.two-buttons-2 .button {
    width: calc(50% - 10px);
    float: left; }
    .custom-form .button-wrap.two-buttons-2 .button:first-child {
      margin-right: 10px; }
    .custom-form .button-wrap.two-buttons-2 .button:last-child {
      margin-left: 10px; }

.s-widget .custom-form {
  padding-top: 50px; }

.s-widget .widget-links {
  margin-bottom: 50px; }

.s-widget.FXTrading .inner {
  padding: 0 100px; }

.s-widget .inner.type-2 {
  padding: 0 50px; }

.custom-form .group {
  position: relative;
  margin-bottom: 50px; }
  .custom-form .group.margin-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group.type-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group .info-icon {
    right: -65px; }

.content-hidden {
  display: none;
  padding-top: 5px; }

.custom-form.border-top {
  border-top: 2px solid #efefef; }

.widget-btn-wrap.stripe:before {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 100%;
  width: 1px;
  background-color: #efefef;
  visibility: visible; }

.input-select-wrap {
  position: relative;
  padding-right: 90px; }
  .input-select-wrap .select-4 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: calc(100% - 160px);
    max-width: 165px; }
  .input-select-wrap .select-3 {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    margin: 0;
    min-width: auto; }
    .input-select-wrap .select-3 select {
      width: auto;
      font-weight: 700; }
  .input-select-wrap.type-2 {
    padding-right: 180px; }

.col-fix-size-2 {
  float: left;
  width: 400px; }

.col-fix-size-1 {
  float: left;
  width: 200px; }

.group-title {
  font-size: 18px;
  color: #0095c9;
  margin-bottom: 40px; }
  .group-title.type-2 {
    font-size: 14px;
    color: #7b7b7b; }

.plan-text {
  zoom: 1;
  border-bottom: 1px solid #ebeced;
  margin-bottom: 30px; }
  .plan-text:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .plan-text .key {
    font-size: 16px;
    margin-bottom: 5px;
    float: left; }
  .plan-text .value {
    text-align: right;
    font-size: 16px;
    margin-bottom: 5px;
    float: right; }
  .plan-text p.size-2,
  .plan-text span.size-2 {
    font-size: 18px; }
  .plan-text p.bold,
  .plan-text span.bold {
    font-weight: 700; }
  .plan-text.margin-2 {
    margin-bottom: 45px; }

.textarea {
  display: block; }

.text-cl-1 {
  color: #000; }

.text-cl-2 {
  color: #333333; }

.text-cl-3 {
  color: #7b7b7b; }

.dropdown-item.type-2 {
  padding-left: 55px; }
  .dropdown-item.type-2 .dropdown-tag {
    left: 0; }

.custom-autocomplete-dropdown .mCustomScrollBox .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
  background-color: transparent; }

.custom-autocomplete-dropdown .mCSB_inside > .mCSB_container {
  margin-right: 0px !important; }

.custom-autocomplete-dropdown .mCSB_scrollTools {
  width: 5px; }

.custom-autocomplete-dropdown .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 0; }

.creditAccountPart {
  width: auto; }
  .creditAccountPart.creditAccount2 {
    width: 130px; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

input[type='number'] {
  -moz-appearance: textfield; }

.input.text-size-2 {
  font-size: 18px; }

.input.bold {
  font-weight: 700; }

.texarea-1 {
  border: none;
  -webkit-appearance: none;
  width: 100%;
  resize: none;
  font-family: "amalia", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000; }
  .texarea-1:focus {
    outline: none; }

/*#endregion inputs*/
/*#region select*/
.select-wrap {
  padding-left: 0;
  padding-right: 0; }

.select-1 {
  border: none;
  width: 100%;
  padding: 0 10px;
  font-family: "amalia", sans-serif;
  font-size: 15px;
  line-height: 29px; }
  .select-1:focus {
    outline: none; }

.select-3 {
  margin-bottom: 15px;
  display: inline-block;
  min-width: 130px; }
  .select-3:before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 23px;
    right: 15px; }
  .select-3 select {
    background-color: #fff;
    font-family: "amalia", sans-serif;
    font-size: 16px;
    display: block;
    width: calc(100% - 50px);
    padding: 14px 35px;
    line-height: 24px;
    padding-left: 0px;
    float: right;
    direction: rtl;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }

.select-4 select {
  background-color: #fff;
  font-family: "amalia", sans-serif;
  max-width: 100%;
  font-size: 16px;
  display: block;
  padding: 14px 5px;
  padding-right: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.select-4:before {
  content: '';
  width: 0;
  height: 0;
  border: 0;
  background: none;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #000000 transparent transparent transparent;
  position: absolute;
  top: 21px;
  right: 15px; }

select::-ms-expand {
  display: none; }

/*#endregion select*/
/*#region Objects*/
.z-10 {
  position: relative;
  z-index: 10; }

.z-20 {
  position: relative;
  z-index: 20; }

.z-30 {
  position: relative;
  z-index: 30; }

.z-40 {
  position: relative;
  z-index: 40; }

.z-50 {
  position: relative;
  z-index: 50; }

.inner-margin-right-small {
  margin-right: 30px; }

.inner-margin-1 {
  margin-bottom: 10px; }

.inner-margin-2 {
  margin-bottom: 20px; }

.inner-margin-3 {
  margin-bottom: 30px; }

.inner-margin-4 {
  margin-bottom: 40px; }

.inner-margin-5 {
  margin-bottom: 50px; }

.inner-margin-6 {
  margin-bottom: 60px; }

.inner-margin-7 {
  margin-bottom: 70px; }

.inner-margin-medium {
  margin-bottom: 100px !important; }

.inner-padding-1 {
  padding-top: 10px; }

.inner-padding-2 {
  padding-top: 20px; }

.inner-padding-3 {
  padding-top: 30px; }

.inner-padding-4 {
  padding-top: 40px; }

.inner-padding-5 {
  padding-top: 50px; }

.inner-padding-7 {
  padding-top: 70px; }

.inner-padding-medium {
  padding-top: 100px !important; }

.inner-padding-bottom {
  padding-bottom: 100px; }

#icon-container {
  display: none; }

/*#endregion Objects*/
/*#region buttons*/
button {
  font-family: "amalia", sans-serif; }
  button:focus {
    outline: none; }

.btn-1 {
  display: inline-block;
  width: 100%;
  border: none;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 10px;
  margin-right: 0;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-sizing: border-box;
  color: #000; }
  .btn-1.color-8 {
    background-color: transparent;
    color: #0095c9;
    font-weight: normal; }
    .btn-1.color-8:hover {
      background-color: #fff64d;
      color: #000; }
  .btn-1:hover {
    background-color: #fed500; }
  .btn-1.type-2 {
    display: inline-block;
    width: auto; }

.btn-1 .arr-left,
.btn-1 .arr-right {
  display: inline-block;
  width: 7px;
  height: 10px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 7px; }

.btn-1 .arr-left {
  background-image: url(images/icons/arrow-b-left.png);
  margin-right: 6px; }

.btn-1 .arr-right {
  background-image: url(images/icons/arrow-b-right.png);
  margin-left: 6px; }

.btn-1.small-btn {
  padding: 10px 15px; }

.btn-1.color-1 {
  background-color: #49505a;
  color: #fff200; }
  .btn-1.color-1 .arrow-right-2 {
    display: inline-block;
    width: 7px;
    height: 11px;
    background-position: 0 -11px;
    position: relative;
    top: 1px;
    margin-left: 8px; }
  .btn-1.color-1:hover {
    background-color: #fff200;
    color: #49505a; }
    .btn-1.color-1:hover .arrow-right-2 {
      background-position: 0 0px; }

.btn-1.color-2 {
  background-color: #000;
  color: #ffec00; }
  .btn-1.color-2 .arrow-right-1 {
    display: inline-block;
    width: 16px;
    height: 13px;
    position: relative;
    top: 1px;
    margin-right: 8px;
    background-repeat: no-repeat; }
  .btn-1.color-2:hover {
    background-color: #fff200;
    color: #000; }
    .btn-1.color-2:hover .arrow-right-1 {
      background-position: 0 -13px; }

.btn-1.color-3 {
  background-color: #d1d1d1;
  color: #000; }
  .btn-1.color-3:hover {
    background-color: #b8b8b8; }

.btn-1.color-4 {
  background-color: #494f5a;
  color: #eddc10; }
  .btn-1.color-4:hover {
    background-color: #eddc10;
    color: #494f5a; }

.btn-1.color-5 {
  background-color: #49505a;
  color: #fff; }
  .btn-1.color-5:hover {
    background-color: #606976; }

.btn-1.color-6 {
  background-color: #ffec00;
  color: #000; }
  .btn-1.color-6:hover {
    background-color: #fed500; }
    .btn-1.color-6:hover .arr-right {
      background-image: url(images/icons/arrow-y-right.png); }

.btn-1.color-7 {
  background-color: #000;
  color: #fff200; }
  .btn-1.color-7:hover {
    background-color: #393939;
    color: #fff200; }

.button-3 {
  display: inline-block;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #0095c9 !important;
  border: 1px solid #d1d1d1;
  padding: 17px 25px;
  padding-left: 60px;
  background-position: 20px center;
  background-repeat: no-repeat;
  text-align: center;
  cursor: pointer; }
  .button-3:hover {
    background-color: #fffde5; }
  .button-3.type-2 {
    padding-left: 25px;
    max-width: 345px;
    width: 100%; }

/*#endregion buttons*/
/*#region labels*/
.label-1 {
  color: #7b7b7b;
  background: transparent;
  white-space: nowrap;
  position: absolute;
  left: 5px;
  padding: 0 10px;
  font-size: 16px !important;
  bottom: calc(100% - 8px); }
  .label-1:before {
    content: "";
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--uds-base-background); }
  .label-1 span {
    position: relative; }

/*#endregion labels*/
/*#region icons*/
.s-icon {
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  box-sizing: border-box;
  left: -2px; }
  .s-icon.s-icon-filter {
    background-image: url(images/icons/filter-1.png); }
    .s-icon.s-icon-filter:hover {
      background-image: url(images/icons/filter-2.png); }
  .s-icon.s-icon-options {
    background-image: url(images/icons/options-icon-1.png);
    background-size: 10%; }
  .s-icon:hover {
    border-color: #494f5a; }

.icon-archive-1 {
  background-image: url(images/icons/icon-archive-1.png);
  background-size: 14px; }

.icon-archive-2 {
  background-image: url(images/icons/icon-archive-2.png);
  background-size: 20px; }

.icon-inbox-1 {
  background-image: url(images/icons/icon-inbox-1.png);
  background-size: 22px; }

.icon-users-1 {
  background-image: url(images/icons/icon-users-1.png);
  background-size: 18px; }

.icon-user {
  background-image: url("images/icons/user.png"); }

.icon-lock {
  background-image: url("images/icons/lock.png"); }

.icon-lock-1 {
  background-image: url("images/icons/icon-lock-1.png"); }

.icon-sms-1 {
  background-image: url("images/icons/icon-sms-1.png"); }

.icon-smartphone-1 {
  background-image: url("images/icons/icon-smartphone-1.png"); }

.power-icon {
  background-image: url(images/icons/power-icon.png); }

.settings-icon {
  background-image: url(images/icons/settings-icon.png); }

/* Icons */
.icon-loans-3 {
  background-image: url(images/icons/loans_d.png); }

.arrow-right-1 {
  background-image: url(images/icons/arrow-right-1.png); }

.arrow-right-2 {
  background-image: url(images/icons/arrow-right-2.png); }

/*.arrow-bottom-1 {
    background-image: url(images/icons/arrow-bottom-1.png);
}*/
.arrow-bottom-2 {
  background-image: url(images/icons/arrow-bottom-2.png); }

.arrow-top-1 {
  background-image: url(images/icons/arrow-top-1.png); }

.icon-user {
  background-image: url(images/icons/user-icon.png);
  background-size: 9px; }

.icon-lock {
  background-image: url(images/icons/lock-icon.png);
  background-size: 11px; }

.icon-tel {
  background-image: url(images/icons/tel-icon.png); }

.facebook-white {
  background-image: url(images/icons/facebook-white.png); }

.facebook-grey {
  background-image: url(images/icons/facebook-grey.png); }

.facebook-dark {
  background-image: url(images/icons/facebook-dark.png); }

.twitter-white {
  background-image: url(images/icons/twitter-white.png); }

.twitter-grey {
  background-image: url(images/icons/twitter-grey.png); }

.twitter-dark {
  background-image: url(images/icons/twitter-dark.png); }

.linkedin-white {
  background-image: url(images/icons/linkedin-white.png); }

.linkedin-grey {
  background-image: url(images/icons/linkedin-grey.png); }

.linkedin-dark {
  background-image: url(images/icons/linkedin-dark.png); }

.question-icon {
  background-image: url(images/icons/question-icon.png); }

.settings-icon {
  background-image: url(images/icons/settings-icon.png); }

.settings-icon-1 {
  background-image: url(images/icons/settings-icon-1.png);
  background-size: 22px; }

.settings-icon-2 {
  background-image: url(images/icons/settings-icon-2.png);
  background-size: 22px; }

.power-icon {
  background-image: url(images/icons/power-icon.png);
  background-size: 20px; }

.power-icon-2 {
  background-image: url(images/icons/power-icon-2.png);
  background-size: 20px; }

.mail-icon {
  background-image: url(images/icons/mail-1.png); }

.move-icon {
  background-image: url(images/icons/move-1.png); }

.print-icon {
  background-image: url(images/icons/print-icon.png);
  background-size: 16px; }

.minimize-icon {
  background-image: url(images/icons/minimize-1.png); }

.maximize-icon {
  background-image: url(images/icons/maximize-1.png); }

.filter-icon {
  background-image: url(images/icons/filter-1.png);
  background-size: 14px; }

.edit-icon {
  background-image: url(images/icons/edit-1.png);
  background-size: 14px; }
  .edit-icon:hover {
    background-image: url(images/icons/edit-4.png);
    border-color: #494f5a !important; }

.edit-icon-2 {
  background-image: url(images/icons/edit-2.png);
  background-size: 14px; }

.edit-icon-3 {
  background-image: url(images/icons/edit-3.png);
  background-size: 24px; }

.drag-icon {
  background-image: url(images/icons/drag-icon.png); }

.logo-icon {
  background-image: url(images/icons/logo-icon.png); }

.logo-icon-2 {
  background-image: url(images/icons/logo-icon-2.png);
  background-size: 21px; }

.wallet-icon {
  background-image: url(images/icons/wallet-1.png); }

.bill-icon {
  background-image: url(images/icons/bill-1.png); }

.options-icon {
  background-image: url(images/icons/options-icon.png); }

.ham-icon {
  background-image: url(images/icons/ham-icon.png); }

.left-icon {
  background-image: url(images/icons/arrow-left-1.png); }

.left-icon-2 {
  background-image: url(images/icons/arrow-left-5.png); }

.right-icon {
  background-image: url(images/icons/arrow-right-3.png); }

.right-icon-2 {
  background-image: url(images/icons/arrow-right-5.png); }

.play-icon {
  background-image: url(images/icons/play-icon.png); }

.layers-icon {
  background-image: url(images/icons/layers-1.png); }

.layers-icon-2 {
  background-image: url(images/icons/layers-2.png); }

.close-icon {
  background-image: url(images/icons/close-icon-1.png); }

.icon-accounts-1 {
  background-image: url(images/icons/accounts_w.png);
  background-size: 24px; }

.icon-accounts-2 {
  background-image: url(images/icons/accounts_y.png);
  background-size: 24px; }

.icon-accounts-3 {
  background-image: url(images/icons/accounts_g.png);
  background-size: 24px; }

.icon-accounts-4 {
  background-image: url(images/icons/accounts_d.png);
  background-size: 24px; }

.icon-arrow-1 {
  background-image: url(images/icons/icon-arrow-1.png);
  background-size: 22px; }

.icon-arrow-right-1 {
  background-image: url(images/icons/arrow-blue-r.png);
  background-size: 6px; }

.icon-arrow-left-1 {
  background-image: url(images/icons/arrow-blue-l.png);
  background-size: 6px; }

.icon-bill-1 {
  background-image: url(images/icons/icon-bill-1.png);
  background-size: 30px; }

.icon-bill-2 {
  background-image: url(images/icons/icon-bill-2.png);
  background-size: 30px; }

.icon-bills-1 {
  background-image: url(images/icons/icon-bills_w.png);
  background-size: 20px; }

.icon-bills-2 {
  background-image: url(images/icons/icon-bills_y.png);
  background-size: 20px; }

.icon-bills-3 {
  background-image: url(images/icons/icon-bills_g.png);
  background-size: 20px; }

.icon-bills-4 {
  background-image: url(images/icons/icon-bills-4.png);
  background-size: 20px; }

.icon-bills-5 {
  background-image: url(images/icons/icon-bills-5.png);
  height: 91px;
  width: 91px;
  margin: auto auto 30px auto; }

.icon-bills-6 {
  background-image: url(images/icons/icon-bills-6.png);
  background-size: 34px; }

.icon-cards-1 {
  background-image: url(images/icons/cards_w.png);
  background-size: 30px; }

.icon-cards-2 {
  background-image: url(images/icons/cards_y.png);
  background-size: 30px; }

.icon-cards-3 {
  background-image: url(images/icons/cards_d.png);
  background-size: 30px; }

.icon-chart-1 {
  background-image: url(images/icons/chart-1.png);
  background-size: 16px; }
  .icon-chart-1.s-icon:hover {
    background-image: url(images/icons/chart-2.png); }

.icon-chart-2 {
  background-image: url(images/icons/chart-2.png);
  background-size: 16px; }

.icon-check-1 {
  background-image: url(images/icons/check-icon-2.png);
  background-size: 50px; }

.icon-clock-1 {
  background-image: url(images/icons/icon-clock-1.png);
  background-size: 23px; }

.icon-clock-2 {
  background-image: url(images/icons/icon-clock-2.png);
  background-size: 23px; }

.icon-close-1 {
  background-image: url(images/icons/close-icon-1.png);
  background-size: 10px; }

.icon-coins-1 {
  background-image: url(images/icons/icon-coins-1.png);
  background-size: 22px; }

.icon-coins-2 {
  background-image: url(images/icons/icon-coins-2.png);
  background-size: 22px; }

.icon-coins-3 {
  background-image: url(images/icons/icon-coins-3.png);
  background-size: 22px; }

.icon-coins-4 {
  background-image: url(images/icons/icon-coins-4.png);
  background-size: 33px; }

.icon-exchange-1 {
  background-image: url(images/icons/icon-exchange_w.png);
  background-size: 25px; }

.icon-exchange-2 {
  background-image: url(images/icons/icon-exchange_y.png);
  background-size: 25px; }

.icon-exchange-3 {
  background-image: url(images/icons/icon-exchange_d.png);
  background-size: 25px; }

.icon-exchange-office-1 {
  background-image: url(images/icons/icon-exchange-office_w.png);
  background-size: 25px; }

.icon-exchange-office-2 {
  background-image: url(images/icons/icon-exchange-office_y.png);
  background-size: 25px; }

.icon-exchange-office-3 {
  background-image: url(images/icons/icon-exchange-office_d.png);
  background-size: 25px; }

.icon-eye-1 {
  background-image: url(images/icons/icon-eye_w.png);
  background-size: 26px; }

.icon-eye-2 {
  background-image: url(images/icons/icon-eye_g.png);
  background-size: 20px; }

.icon-help-1 {
  background-image: url(images/icons/help-1.png);
  background-size: 24px; }

.icon-help-2 {
  background-image: url(images/icons/help-2.png);
  background-size: 24px; }

.icon-home-1 {
  background-image: url(images/icons/home_w.png);
  background-size: 24px; }

.icon-home-2 {
  background-image: url(images/icons/home_y.png);
  background-size: 24px; }

.icon-info-1 {
  background-image: url(images/icons/info-icon-1.png);
  background-size: 2px; }

.icon-investment-1 {
  background-image: url(images/icons/investment-1.png);
  background-size: 22px; }

.icon-investment-2 {
  background-image: url(images/icons/investment-2.png);
  background-size: 22px; }

.icon-investment-3 {
  background-image: url(images/icons/investment-3.png);
  background-size: 22px; }

.icon-last-transactions-1 {
  background-image: url(images/icons/icon-last-trans.png);
  background-size: 18px; }

.icon-list-1 {
  background-image: url(images/icons/list-1.png);
  background-size: 20px; }
  .icon-list-1.s-icon:hover {
    background-image: url(images/icons/list-2.png); }

.icon-list-2 {
  background-image: url(images/icons/list-2.png);
  background-size: 20px; }

.icon-loans-1 {
  background-image: url(images/icons/loans_w.png);
  background-size: 29px; }

.icon-loans-2 {
  background-image: url(images/icons/loans_y.png);
  background-size: 29px; }

.icon-loans-3 {
  background-image: url(images/icons/loans_d.png);
  background-size: 29px; }

.icon-logo-1 {
  background-image: url(images/icons/raiff-3.png);
  background-size: 30px; }

.icon-message-1 {
  background-image: url(images/uds/ic_poruke_mailbox.svg);
  background-size: 24px;
  z-index: 100; }

.icon-message-2 {
  background-image: url(images/icons/message-icon-2.png);
  background-size: 24px; }

.icon-message-3 {
  background-image: url(images/icons/message-icon-3.png);
  background-size: 24px; }

.icon-options-1 {
  background-image: url(images/icons/options-icon-1.png);
  background-size: 3px; }

.icon-payments-1 {
  background-image: url(images/icons/payments_w.png);
  background-size: 24px; }

.icon-payments-2 {
  background-image: url(images/icons/payments_y.png);
  background-size: 24px; }

.icon-payments-3 {
  background-image: url(images/icons/payments_g.png);
  background-size: 24px; }

.icon-payments-4 {
  background-image: url(images/icons/payments_d.png);
  background-size: 24px; }

.icon-pay-card-1 {
  background-image: url(images/icons/icon-pay-card_w.png);
  background-size: 25px; }

.icon-pay-card-2 {
  background-image: url(images/icons/icon-pay-card_y.png);
  background-size: 25px; }

.icon-phone-1 {
  background-image: url(images/icons/tel-icon-2.png);
  background-size: 25px; }

.icon-pin-1 {
  background-image: url(images/icons/icon-pin_d.png);
  background-size: 18px; }

.icon-plus-1 {
  background-image: url(images/icons/plus-1.png);
  background-size: 19px; }

.icon-products-1 {
  background-image: url(images/icons/icon-products.png);
  background-size: 20px; }

.icon-rba-1 {
  background-image: url(images/icons/icon-rba.png);
  background-size: 34px; }

.icon-reload-1 {
  background-image: url(images/icons/icon-reload-1.png);
  background-size: 15px; }

.icon-success-1 {
  background-image: url(images/icons/icon-success-1.png);
  background-size: 90px; }

.icon-save-1 {
  background-image: url(images/icons/save-icon-1.png);
  background-size: 14px; }

.icon-savings-1 {
  background-image: url(images/icons/savings_w.png);
  background-size: 29px; }

.icon-savings-2 {
  background-image: url(images/icons/savings_y.png);
  background-size: 29px; }

.icon-savings-3 {
  background-image: url(images/icons/savings_d.png);
  background-size: 29px; }

.icon-secure-1 {
  background-image: url(images/icons/secure-icon-1.png);
  background-size: 23px; }

.icon-service-1 {
  background-image: url(images/icons/icon-service-1.png);
  background-size: 24px; }

.icon-templates-1 {
  background-image: url(images/icons/icon-templates_w.png);
  background-size: 24px; }

.icon-templates-2 {
  background-image: url(images/icons/icon-templates_y.png);
  background-size: 24px; }

.icon-user-1 {
  background-image: url(images/icons/user-1.png);
  background-size: 24px; }

.icon-user-2 {
  background-image: url(images/icons/user-2.png);
  background-size: 24px; }

.icon-users-1 {
  background-image: url(images/icons/icon-users-1.png);
  background-size: 18px; }

.icon-users-2 {
  background-image: url(images/icons/icon-users-2.png);
  background-size: 18px; }

.icon-value-paper-1 {
  background-image: url(images/icons/value-paper-1.png);
  background-size: 18px; }

.icon-value-paper-2 {
  background-image: url(images/icons/value-paper-2.png);
  background-size: 18px; }

.icon-value-paper-3 {
  background-image: url(images/icons/value-paper-3.png);
  background-size: 18px; }

.icon-2 {
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.icon-repeat {
  background-image: url(images/icons/icon-repeat.png); }

.icon-refresh-1 {
  background-image: url(images/icons/icon-refresh.png);
  background-size: 24px; }

.icon-stopwatch-1 {
  background-image: url(images/icons/stopwatch.png);
  background-size: 23px; }

.icon-add-user-1 {
  background-image: url(images/icons/icon-add-user-1.png);
  background-size: 21px; }

.icon-search-1 {
  background-image: url(images/icons/icon-search-1.png);
  background-size: 14px; }

.icon-help-3 {
  background-image: url(images/icons/icon-help-3.png);
  background-size: 46px; }

.icon-help-4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(images/icons/questionMark.png) no-repeat 50% 50%;
  background-size: 50%; }

.icon-note-1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 30px !important;
  left: 0;
  background: url(images/icons/infoNote-black.png) no-repeat 50% 50%;
  border-color: black;
  border: 2px solid;
  border-radius: 50%;
  width: 30px !important;
  height: 30px !important; }

.icon-calc-1 {
  background-image: url(images/icons/icon-calc-1.png);
  background-size: 22px; }

.icon-mail-1 {
  background-image: url(images/icons/icon-mail-1.png);
  background-size: 16px; }
  .icon-mail-1:hover {
    background-image: url(images/icons/icon-mail-2.png); }

.icon-help {
  background-image: url(images/icons/help-1.png);
  background-size: 24px;
  background-repeat: no-repeat; }

.icon-plus-2 {
  background-image: url(images/icons/icon-plus-2.png);
  background-size: 34px; }

.icon-calendar-2 {
  background-image: url(images/icons/icon-calendar-2.png);
  background-size: 32px; }

.icon-hand-1 {
  background-image: url(images/icons/icon-hand-1.png);
  background-size: 28px; }

.clientGrid tbody tr .tag .tag-icon.icon-repeat {
  background-size: 17px !important;
  background-position: center; }

.tag-icon.trnType {
  background-position: center;
  background-size: 35px; }

.UserInfo i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  margin-right: 10px; }

.tag {
  border-radius: 50%;
  border: 1px solid var(--uds-border-color);
  color: var(--uds-font-color);
  font-weight: normal;
  width: 32px;
  height: 32px;
  line-height: 24px;
  margin: 0 auto;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center; }
  .tag .tag-icon {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-repeat: no-repeat !important;
    display: inline-block; }
    .tag .tag-icon:not(.trnType) {
      background-size: cover !important; }

.side-modal .tag {
  float: right;
  position: absolute;
  top: 5px;
  right: 1px; }

/*#endregion icons*/
/*#region option*/
.widget-options {
  float: right;
  zoom: 1;
  padding-top: 13px;
  padding-right: 13px; }
  .widget-options:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .widget-options li {
    float: right;
    margin-left: 10px; }
    .widget-options li i {
      display: inline-block;
      width: 36px;
      height: 26px;
      border: 2px solid #cfd0d2;
      -webkit-border-radius: 13px;
      -moz-border-radius: 13px;
      -ms-border-radius: 13px;
      border-radius: 13px;
      background-position: center center;
      background-repeat: no-repeat;
      position: relative;
      top: -2px;
      box-sizing: border-box;
      cursor: pointer; }
      .widget-options li i:hover {
        border-color: #494f5a; }
      .widget-options li i.dark {
        border-color: #c9caca;
        background-color: rgba(172, 173, 176, 0.7); }
      .widget-options li i.dark-2 {
        border-color: #494f5a; }
  .widget-options .move {
    display: none; }
  .widget-options .move-icon {
    background-size: 14px; }
    .widget-options .move-icon:hover {
      background-image: url(images/icons/move-3.png); }
    .widget-options .move-icon.dark {
      background-image: url(images/icons/move-2.png); }
    .widget-options .move-icon.dark-2 {
      background-image: url(images/icons/move-3.png); }
  .widget-options .icon-options-1:hover {
    background-image: url(images/icons/options-icon-3.png); }
  .widget-options .options-icon.dark {
    background-image: url(images/icons/options-icon-2.png); }
    .widget-options .options-icon.dark:hover {
      background-color: rgba(73, 79, 90, 0.3);
      border-color: #494f5a; }
  .widget-options .options-icon.dark-2 {
    background-image: url(images/icons/options-icon-3.png); }
    .widget-options .options-icon.dark-2:hover {
      background-color: rgba(73, 79, 90, 0.3); }
  .widget-options .print-icon {
    background-size: 16px; }
    .widget-options .print-icon:hover {
      background-image: url(images/icons/print-icon-2.png); }
  .widget-options .icon-save-1:hover {
    background-image: url(images/icons/save-icon-2.png); }
  .widget-options .minimize-icon {
    background-size: 10px; }
  .widget-options .maximize-icon {
    background-size: 10px; }
  .widget-options .filter-icon {
    background-size: 14px; }
    .widget-options .filter-icon:hover {
      background-image: url(images/icons/filter-2.png); }
  .widget-options .icon-list-1:hover,
  .widget-options li.active .icon-list-1 {
    background-image: url(images/icons/list-2.png);
    border-color: #494f5a; }
  .widget-options .icon-chart-1:hover,
  .widget-options li.active .icon-chart-1 {
    background-image: url(images/icons/chart-2.png);
    border-color: #494f5a; }
  .widget-options .options-icon {
    background-size: 3px; }
  .widget-options .left-icon {
    background-position: 11px center;
    background-size: 7px; }
  .widget-options .right-icon {
    background-position: 14px center;
    background-size: 7px; }
  .widget-options li .left-icon:hover,
  .widget-options li .right-icon:hover {
    border-color: #cfd0d2; }

.w-options {
  position: relative; }
  .w-options .options-down {
    display: none;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 1;
    background: var(--uds-base-background);
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3); }
    .w-options .options-down ul {
      padding: 10px 20px; }
    .w-options .options-down li {
      float: none;
      margin: 5px 0; }
    .w-options .options-down a,
    .w-options .options-down p {
      display: block;
      font-size: 14px;
      color: #333333;
      text-transform: uppercase;
      text-align: right;
      margin: 5px 0;
      white-space: nowrap; }

/*#endregion option*/
/*#region slidertutorial*/
.widget-tutorial-slider {
  position: relative; }
  .widget-tutorial-slider .slider .slick-list {
    height: 420px !important; }
  .widget-tutorial-slider .btn-1 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  .widget-tutorial-slider .widget-inner {
    height: 420px !important;
    background-color: #7b7b7b; }
  .widget-tutorial-slider .widget-header {
    position: relative;
    z-index: 5; }
  .widget-tutorial-slider .slider {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .widget-tutorial-slider .slide {
    height: 375px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .widget-tutorial-slider .slide > a {
      display: block;
      height: 100%;
      position: relative;
      z-index: 10; }
    .widget-tutorial-slider .slide:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }
  .widget-tutorial-slider .slick-dots {
    display: none !important; }
    .widget-tutorial-slider .slick-dots button {
      width: 8px;
      height: 8px;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      border-radius: 100%;
      background: #41454e;
      padding: 0;
      text-indent: -9999px;
      overflow: hidden;
      border: none; }
    .widget-tutorial-slider .slick-dots .slick-active button {
      background: var(--uds-base-background); }
  .widget-tutorial-slider .slide .inner {
    position: absolute;
    bottom: 60px;
    text-align: left;
    padding-left: 20px; }
    .widget-tutorial-slider .slide .inner p {
      font-size: 18px;
      color: #fff;
      margin-bottom: 10px; }
    .widget-tutorial-slider .slide .inner .title {
      font-size: 30px;
      line-height: 36px;
      font-weight: 700;
      color: #fff; }
  .widget-tutorial-slider .play-icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-color: #fff200;
    background-position: 25px center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%; }

.NotificationNoLink {
  height: 420px !important; }

#nav-prev,
#nav-next {
  cursor: pointer; }

/*#endregion slidertutorial*/
/*#region userinfo*/
.s-widget.UserInfo {
  background-color: transparent;
  height: 100%; }
  .s-widget.UserInfo .s-widget-content {
    height: 100%; }
  .s-widget.UserInfo .s-widget-body {
    min-height: 0;
    height: 100%; }

.userinfo {
  height: 72px;
  background: var(--uds-base-background);
  border-bottom: solid 1px var(--border-bottom); }
  .userinfo .s-widget-body .heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 45px;
    letter-spacing: -.025em;
    color: #000;
    padding-left: 40px;
    padding-top: 30px; }
    .userinfo .s-widget-body .heading.heading-2 {
      padding-top: 17px; }
  .userinfo .s-widget-body .theme-chooser {
    float: right;
    margin-right: 32px;
    margin-top: 25px;
    position: relative; }
    .userinfo .s-widget-body .theme-chooser:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 24px;
      height: 24px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/change-theme.svg") no-repeat center;
      -webkit-mask: url("images/uds/change-theme.svg") no-repeat center;
      mask-size: 24px;
      -webkit-mask-size: 24px;
      background-color: var(--uds-font-color); }
    .userinfo .s-widget-body .theme-chooser:hover:after {
      background-color: var(--icon-color-active); }
    .userinfo .s-widget-body .theme-chooser:hover:before {
      content: "";
      display: block;
      position: absolute;
      width: 40px;
      height: 40px;
      top: -8px;
      left: -8px;
      border-radius: 20px;
      background: var(--choice-selected);
      z-index: 0; }
  .userinfo .s-widget-body .loginControls {
    float: right;
    right: 5px;
    padding-right: 0px; }
  .userinfo .s-widget-body .logout {
    display: flex;
    align-items: center;
    float: right;
    padding: 12px 24px 12px 0px; }
    .userinfo .s-widget-body .logout:before {
      content: "";
      display: block;
      width: 1px;
      height: 20px;
      background-color: var(--border-bottom); }
    .userinfo .s-widget-body .logout .logoutIcon {
      position: relative;
      padding: 16px;
      cursor: pointer; }
      .userinfo .s-widget-body .logout .logoutIcon:hover:before {
        content: "";
        display: block;
        position: absolute;
        width: 40px;
        height: 40px;
        top: -8px;
        left: -8px;
        border-radius: 20px;
        background: var(--choice-selected);
        z-index: 0;
        top: 5px !important;
        left: 6px; }
      .userinfo .s-widget-body .logout .logoutIcon:hover:after {
        background-color: var(--icon-color-active) !important; }
      .userinfo .s-widget-body .logout .logoutIcon:after {
        content: "";
        display: block;
        cursor: pointer;
        position: relative;
        width: 20px;
        height: 20px;
        background-color: var(--top-nav-icon-color);
        mask: url("images/uds/ic_odjavi_se.svg") no-repeat center;
        -webkit-mask: url("images/uds/ic_odjavi_se.svg") no-repeat center;
        mask-size: 20px;
        -webkit-mask-size: 20px;
        background-color: var(--uds-font-color); }
  .userinfo .s-widget-body .nav-top-bar-title {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: var(--uds-font-color);
    padding: 23px 80px; }

/*#endregion userinfo*/
/*#region custom*/
.filter-dialog-button {
  position: absolute;
  right: 13px;
  top: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  vertical-align: middle;
  background-image: url(images/icons/filter-1.png);
  cursor: pointer;
  box-sizing: border-box; }
  .filter-dialog-button:hover {
    background-image: url(images/icons/filter-2.png);
    border-color: #494f5a; }

.search-message-button {
  position: absolute;
  right: 13px;
  top: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  vertical-align: middle;
  background-image: url(images/icons/icon-search-1.png);
  cursor: pointer;
  box-sizing: border-box; }
  .search-message-button:hover {
    background-image: url(images/icons/icon-search-2.png);
    border-color: #494f5a; }

.filter.message-hub.hidden {
  display: none; }

.filter.message-hub.active {
  display: block; }

.input-wrap.message-hub {
  width: 83%;
  float: left;
  margin-right: 20px; }

#select-threadType {
  font-size: 16px; }

.btn-1.color-6.messahe-hub {
  width: 15%;
  padding: 17px 10px; }

.group-inner.message-hub {
  box-sizing: border-box; }

.MessageHubNotificationList .filter .filter-inner {
  padding: 0 20px;
  padding-top: 25px; }

[class^="col-button"] {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
  display: inline-block;
  color: #fed500;
  font-size: 14px;
  line-height: 38px;
  text-align: center;
  text-transform: uppercase;
  padding-right: 30px;
  background-image: url(images/icons/arrow-blue-r.png);
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: 100% center;
  margin: 0; }
  [class^="col-button"]:hover {
    opacity: .6; }

.button-col .col-button {
  position: absolute;
  top: 12px;
  right: 20px; }

.group {
  width: 100%;
  zoom: 1; }
  .group:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .group.group-two .group-inner {
    float: left;
    width: 48%; }
    .group.group-two .group-inner:first-child {
      margin-right: 4%; }
  .group .info-icon {
    display: inline-block;
    width: 34px;
    height: 24px;
    border: 2px solid #cfd0d2;
    border-radius: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/icons/info-icon-1.png);
    background-size: 2px;
    position: absolute;
    right: 5px;
    top: 12px; }
    .group .info-icon:hover {
      border: 2px solid rgba(0, 0, 0, 0.8) !important;
      background-image: url(images/icons/info-icon-1-black.png); }
      .group .info-icon:hover p {
        opacity: 1;
        visibility: visible; }
    .group .info-icon .group-inner {
      width: 100%;
      margin-bottom: 25px; }
      .group .info-icon .group-inner .input-info input {
        padding-right: 40px; }
      .group .info-icon .group-inner p {
        width: 250px;
        padding: 15px;
        background-color: rgba(0, 0, 0, 0.8);
        position: absolute;
        right: 15px;
        bottom: 50px;
        font-size: 14px;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
        margin-bottom: 20px; }
        .group .info-icon .group-inner p:after {
          content: '';
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 12px 0px 0 13px;
          border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
          position: absolute;
          right: 0px;
          bottom: -12px;
          opacity: 1; }
    .group .info-icon .step-line {
      height: 3px;
      background-color: #d1d1d1; }
      .group .info-icon .step-line div {
        height: 100%;
        background-color: #fff200; }
      .group .info-icon .step-line .step-line-inner-1 {
        width: 33%; }
      .group .info-icon .step-line .step-line-inner-2 {
        width: 66%; }
    .group .info-icon .info-box-1 {
      padding: 20px;
      border: 1px solid #d1d1d1;
      margin-top: 150px; }
      .group .info-icon .info-box-1 .info-box-image {
        background: url(images/contact-2xx.png);
        width: 50px;
        height: 50px;
        background-size: cover;
        display: inline-block; }
      .group .info-icon .info-box-1 h4 {
        padding-top: 15px;
        text-transform: none;
        font: 700 20px/1.2 "amalia", sans-serif;
        font-size: 16px;
        display: inline-block;
        position: relative;
        top: -17px;
        left: 15px; }
      .group .info-icon .info-box-1 p {
        font-size: 16px;
        color: #7b7b7b;
        margin-top: 30px;
        line-height: 24px; }
    .group .info-icon.error-msg .error-msg_p {
      color: red;
      font-size: 15px;
      margin-top: 25px; }
    .group .info-icon.error-msg .input-wrap {
      border-color: red !important; }
  .group.steps-new p {
    font-size: 16px;
    color: #7b7b7b;
    margin-top: 30px;
    line-height: 24px;
    margin-bottom: 20px; }

.col-ls-24 {
  width: 100% !important; }

.custom-table * {
  box-sizing: border-box; }

.custom-table .list-item.row-1 {
  cursor: pointer; }

.custom-table .col {
  float: left;
  padding: 11px 15px;
  position: relative; }
  .custom-table .col.col-ls-24 {
    width: 100%; }
  .custom-table .col.col-ls-23 {
    width: 95.83333333%; }
  .custom-table .col.col-ls-22 {
    width: 91.66666667%; }
  .custom-table .col.col-ls-21 {
    width: 87.5%; }
  .custom-table .col.col-ls-20 {
    width: 83.33333333%; }
  .custom-table .col.col-ls-19 {
    width: 79.16666666%; }
  .custom-table .col.col-ls-18 {
    width: 75%; }
  .custom-table .col.col-ls-17 {
    width: 70.83333266%; }
  .custom-table .col.col-ls-16 {
    width: 66.66666667%; }
  .custom-table .col.col-ls-15 {
    width: 62.5%; }
  .custom-table .col.col-ls-14 {
    width: 58.33333333%; }
  .custom-table .col.col-ls-13 {
    width: 54.16666667%; }
  .custom-table .col.col-ls-12 {
    width: 50%; }
  .custom-table .col.col-ls-11 {
    width: 45.83333333%; }
  .custom-table .col.col-ls-10 {
    width: 41.66666667%; }
  .custom-table .col.col-ls-9 {
    width: 37.5%; }
  .custom-table .col.col-ls-8 {
    width: 33.33333333%; }
  .custom-table .col.col-ls-7 {
    width: 29.16666667%; }
  .custom-table .col.col-ls-6 {
    width: 25%; }
  .custom-table .col.col-ls-5 {
    width: 20.83333333%; }
  .custom-table .col.col-ls-4 {
    width: 16.66666667%; }
  .custom-table .col.col-ls-3 {
    width: 12.5%; }
  .custom-table .col.col-ls-2 {
    width: 8.333333333%; }
  .custom-table .col.col-ls-1 {
    width: 4.166666667%; }

.custom-table .list-item {
  padding: 5px 0;
  border-bottom: 2px solid #efefef; }
  .custom-table .list-item .big {
    font-size: 20px; }
  .custom-table .list-item.selected, .custom-table .list-item:hover {
    background: #fffde5; }
  .custom-table .list-item:after {
    content: "";
    display: table;
    clear: both; }
  .custom-table .list-item .account-col {
    padding-right: 50px;
    padding-left: 70px; }
    .custom-table .list-item .account-col .account-icon {
      position: absolute;
      top: 50%;
      left: 20px;
      margin-top: -15px;
      display: inline-block;
      width: 30px;
      height: 30px;
      background-repeat: no-repeat;
      background-position: center center; }
    .custom-table .list-item .account-col .edit-icon {
      display: inline-block;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 14px;
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -14px;
      overflow: visible;
      width: 36px;
      height: 26px;
      border: 2px solid #cfd0d2;
      border-radius: 13px;
      cursor: pointer; }
  .custom-table .list-item .button-col {
    padding-right: 160px; }
    .custom-table .list-item .button-col .btn-1 {
      width: 130px;
      position: absolute;
      top: 50%;
      margin-top: -18px;
      right: 15px; }
  .custom-table .list-item .btn-1 {
    display: inline-block;
    width: auto;
    min-width: 82px;
    padding: 9px 10px; }
  .custom-table .list-item .col-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0; }
  .custom-table .list-item .text-1 {
    font-size: 14px;
    line-height: 38px; }
  .custom-table .list-item .text-top-2 {
    font-size: 14px;
    line-height: 15px; }
  .custom-table .list-item .text-3 {
    font-size: 18px;
    line-height: 38px; }
  .custom-table .list-item .text-cl-1 {
    color: #333333; }
  .custom-table .list-item .text-cl-3 {
    color: #7b7b7b; }
  .custom-table .list-item .left {
    text-align: left !important; }
  .custom-table .list-item .right {
    text-align: right; }

.custom-table .has-button {
  padding-right: 160px; }
  .custom-table .has-button .btn-1 {
    width: 130px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 15px; }

.custom-table .text-bottom-2 {
  line-height: 21px; }

.show-more {
  padding: 21px 0 20px 0;
  text-transform: uppercase;
  cursor: pointer;
  /*.arrow-bottom-1 {
        background: url(images/icons/arrow-blue-d.png) center center no-repeat;
        background-size: 10px;
        display: inline-block;
        float: left;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        @include transform(rotate(0deg));

        &.rotated {
            @include transform(rotate(180deg));
        }
    }*/ }
  .show-more.type-2 {
    display: inline-block;
    width: auto;
    color: #fed500; }
  .show-more span {
    font-size: 14px; }

.halign {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.acc-nav .nav-arr {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 2px solid #f4f4f4;
  background-position: center center;
  background-size: 7px;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  position: absolute;
  top: 50%;
  margin-top: -40px; }

.acc-nav #arr-prev {
  background-image: url(images/icons/arrow-b-left.png);
  left: 50%;
  margin-left: -400px;
  z-index: 100; }

.acc-nav #arr-next {
  background-image: url(images/icons/arrow-b-right.png);
  right: 50%;
  margin-right: -400px;
  z-index: 100; }

.uk-width-1-2, .uk-width-2-4, .uk-width-5-10 {
  width: 50%; }

.uk-width-3-6 {
  width: 100% !important; }

.uk-width-2-3, .uk-width-4-6 {
  width: 66.666%; }

.uk-width-1-3, .uk-width-2-6 {
  width: 33.333%; }

.uk-width-1-6 {
  width: 16.6%;
  display: inline-block; }

.uk-width-5-6 {
  width: 82.8%;
  display: inline-block;
  box-sizing: border-box; }

.line {
  background-color: #ebeced;
  height: 1px;
  border: none; }

.ui-slider-horizontal {
  height: 3px !important;
  border: none !important;
  background: #dbdbdb !important; }

.ui-slider-handle {
  background: #fed500 !important;
  border-radius: 50% !important; }
  .ui-slider-handle:after {
    content: "";
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    background-color: rgba(0, 149, 201, 0.3); }

.ui-slider-range {
  background: #fed500 !important; }

.wh-button {
  transition: all 0.3s ease;
  display: inline-block;
  width: 60px;
  height: 100%;
  background-color: #ffec00;
  background-position: calc(50% + 3px) center;
  background-repeat: no-repeat; }
  .wh-button.wh-button-top-right {
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
  .wh-button.icon-message-1 {
    background-position: center; }
  .wh-button:hover {
    background-color: #fed500; }

.widget-header .wh-button {
  position: absolute;
  top: 0;
  right: 0; }

.custom-options a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  min-width: 115px;
  font-size: 16px;
  padding: 10px 35px;
  background-color: #dadada;
  color: #000;
  margin-right: 15px;
  margin-bottom: 15px;
  box-sizing: border-box;
  cursor: pointer; }
  .custom-options a.active {
    background-color: #fff200; }

.dropdown-wrap {
  position: relative;
  font-size: 16px;
  color: #000;
  padding: 20px 0;
  padding-right: calc(50% + 20px);
  line-height: 22px; }
  .dropdown-wrap .input-wrap {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 0;
    width: calc(50% - 10px);
    padding: 16px 15px 13px 15px; }

.info-card {
  position: relative;
  border: 1px solid #d1d1d1;
  padding: 20px;
  padding-top: 35px;
  /*&.corp {
        border: hidden;

        .title-with-icon {
            position: relative;
            width: 100%;
            margin-bottom: 38px;
        }

        .icon {
            width: 40px;
            height: 40px;
            background: #f8f8f8;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border-radius: 50%;

            i {
                width: 40px;
                height: 40px;
                position: absolute;
                left: 0;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                border-radius: 50%;
            }
        }

        .text {
            line-height: 22px;
            padding-left: 60px;
        }
    }*/ }
  .info-card i {
    position: absolute;
    display: inline-block;
    left: 15px;
    top: 15px;
    width: 55px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center; }
  .info-card .title {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-left: 65px; }
  .info-card .text {
    font-size: 16px;
    color: #7b7b7b; }

/*.button-newToken {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.addNewToken {
    width: auto;
    min-width: 220px;
    display: inline-block;
}*/
.empty-section {
  padding: 100px 0;
  text-align: center; }
  .empty-section .title {
    font-size: 20px;
    color: #000;
    font-weight: 500;
    margin-bottom: 5px; }
  .empty-section .text {
    font-size: 16px;
    color: #7b7b7b;
    margin-bottom: 20px; }
  .empty-section .empty-section-image {
    background-repeat: no-repeat !important;
    width: 91px;
    height: 91px;
    margin: auto auto 30px auto; }
    .empty-section .empty-section-image.empty-section-accounts {
      background: url(images/icons/icon-account-1.png); }
    .empty-section .empty-section-image.empty-section-cards {
      background: url(images/icons/icon-cards-1.png); }
    .empty-section .empty-section-image.empty-section-loans {
      background: url(images/icons/icon-loans-1.png); }

.header-border-bottom .s-widget-header {
  border-bottom: 2px solid #efefef; }

.close-button-2 {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(images/icons/close.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  cursor: pointer; }

.checkbox-bar {
  padding-top: 25px;
  padding-bottom: 25px; }
  .checkbox-bar.border {
    border-bottom: 1px solid #ebeced; }
  .checkbox-bar .custom-check-label {
    position: relative;
    font-size: 16px;
    display: inline-block;
    padding-right: 50px;
    margin-right: 100px; }
    .checkbox-bar .custom-check-label .custom-checkbox-wrapper {
      top: 50%;
      transform: translateY(-50%);
      position: absolute;
      right: 0; }
      .checkbox-bar .custom-check-label .custom-checkbox-wrapper.checked {
        background-color: #c3b400; }

.hideSlickArrows .slide-control {
  display: none !important; }

.modal-text {
  font-size: 16px;
  line-height: 22px;
  color: var(--uds-font-color); }

.custom-dropdown {
  position: relative;
  padding: 14px 15px 12px 15px;
  border: 1px solid #d1d1d1;
  cursor: pointer; }
  .custom-dropdown.open {
    border-bottom-color: transparent; }
  .custom-dropdown.open-up {
    border-bottom-color: #d1d1d1;
    border-top-color: transparent; }
    .custom-dropdown.open-up .menu {
      border-top-color: #d1d1d1;
      border-bottom-color: transparent;
      top: auto;
      bottom: 100%; }
  .custom-dropdown .menu {
    display: none;
    position: absolute;
    left: -1px;
    top: 100%;
    width: calc(100% + 2px);
    border: 1px solid #d1d1d1;
    border-top-color: transparent;
    background-color: #fff;
    max-height: 385px;
    overflow: auto;
    z-index: 1001; }
    .custom-dropdown .menu .category-item {
      position: relative;
      display: block;
      font-size: 18px;
      font-weight: 500;
      padding: 10px 15px; }
      .custom-dropdown .menu .category-item.active, .custom-dropdown .menu .category-item:hover {
        background-color: #f2f2f2; }
      .custom-dropdown .menu .category-item:after {
        position: absolute;
        content: "";
        top: 15px;
        right: 15px;
        width: 15px;
        height: 15px;
        background-image: url(images/icons/icon-plus-1.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 14px; }
      .custom-dropdown .menu .category-item.active:after {
        background-image: url(images/icons/icon-minus-1.png); }
      .custom-dropdown .menu .category-item.active .btn-add {
        display: block; }
      .custom-dropdown .menu .category-item .btn-add {
        display: none;
        padding: 10px 0;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 14px;
        color: #fed500; }
      .custom-dropdown .menu .category-item .add-input {
        display: none;
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: calc(100% - 80px);
        padding-right: 64px; }
        .custom-dropdown .menu .category-item .add-input input {
          display: block;
          width: 100%;
          font-size: 16px;
          font-weight: 400;
          background-color: #fff;
          border: 1px solid #d1d1d1;
          padding: 5px; }
        .custom-dropdown .menu .category-item .add-input .cancel {
          position: absolute;
          top: 0;
          right: 32px;
          width: 32px;
          height: 100%;
          background-color: #d1d1d1;
          background-image: url(images/icons/close.png);
          background-size: 8px;
          background-repeat: no-repeat;
          background-position: center; }
        .custom-dropdown .menu .category-item .add-input .confirm {
          position: absolute;
          top: 0;
          right: 0px;
          width: 32px;
          height: 100%;
          background-color: #fff200;
          background-image: url(images/icons/icon-check-1.png);
          background-size: 10px;
          background-repeat: no-repeat;
          background-position: center; }
      .custom-dropdown .menu .category-item.adding .btn-add {
        opacity: 0;
        visibility: hidden; }
      .custom-dropdown .menu .category-item.adding .add-input {
        display: block; }
    .custom-dropdown .menu .sub-menu {
      display: none; }
      .custom-dropdown .menu .sub-menu li {
        position: relative;
        padding: 10px 0;
        padding-right: 30px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
        .custom-dropdown .menu .sub-menu li:hover {
          color: #0095c9; }
        .custom-dropdown .menu .sub-menu li .remove, .custom-dropdown .menu .sub-menu li .edit, .custom-dropdown .menu .sub-menu li .save, .custom-dropdown .menu .sub-menu li .cancel {
          position: absolute;
          top: 0px;
          width: 30px;
          height: 100%;
          background-repeat: no-repeat;
          background-position: center;
          background-size: 14px; }
        .custom-dropdown .menu .sub-menu li .remove, .custom-dropdown .menu .sub-menu li .cancel {
          right: -5px;
          background-image: url(images/icons/icon-remove-1.png); }
        .custom-dropdown .menu .sub-menu li .cancel {
          display: none; }
        .custom-dropdown .menu .sub-menu li .edit {
          right: 15px;
          background-image: url(images/icons/edit-4.png); }
        .custom-dropdown .menu .sub-menu li .save {
          display: none;
          right: 15px;
          background-image: url(images/icons/checked-green.png); }
  .custom-dropdown .label {
    font-size: 16px;
    color: #7b7b7b;
    background: var(--uds-base-background);
    position: absolute;
    bottom: calc(100% - 8px);
    left: 5px;
    padding: 0 10px;
    letter-spacing: .2px;
    margin: 0; }
  .custom-dropdown .main-title {
    position: relative;
    line-height: 23px;
    min-height: 24px;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #000;
    margin: 0; }
    .custom-dropdown .main-title:after {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      content: "";
      right: 0;
      width: 12px;
      height: 12px;
      background-image: url(images/icons/icon-carrot-1.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 11px; }
  .custom-dropdown .add-input {
    display: none;
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    padding-right: 64px; }

.remove-button {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  right: 0; }

.custom-radio-1 .radio {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 16px;
  padding: 25px 20px;
  padding-left: 40px;
  text-overflow: ellipsis;
  overflow: hidden; }
  .custom-radio-1 .radio.has-input {
    padding-right: 130px; }
    .custom-radio-1 .radio.has-input .input-wrap {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 0;
      max-width: 120px; }
  .custom-radio-1 .radio.has-input-2 {
    padding-right: 230px; }
    .custom-radio-1 .radio.has-input-2 .input-wrap {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 0;
      max-width: 220px; }
  .custom-radio-1 .radio > i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(images/icons/radio-off.png);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat; }
  .custom-radio-1 .radio.checked > i {
    background-image: url(images/icons/radio-on.png); }

.link-1 {
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: inline-block;
  font-size: 16px;
  color: #fed500;
  text-decoration: underline;
  text-transform: uppercase;
  cursor: pointer; }

.info-list {
  font-size: 16px;
  color: #000; }
  .info-list .icon {
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    background-position: 50%;
    background-repeat: no-repeat; }
  .info-list li {
    margin-bottom: 25px; }

.fastPaymentButton {
  float: right;
  min-width: 70px;
  background: #fff200;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  color: #000;
  text-align: center;
  text-transform: uppercase;
  padding: 0 25px;
  right: 20px;
  opacity: 0;
  border: none;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .fastPaymentButton:hover {
    color: #fff;
    background: #0095c9; }
  .fastPaymentButton.edit, .fastPaymentButton.delete {
    display: none; }

/*#endregion custom*/
/*#region StickyHeader*/
.sticky-header-wrap {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 40px;
  width: 335px;
  height: 100%; }
  .sticky-header-wrap .separator {
    position: relative;
    width: 100%;
    height: 4px;
    background: #fed500;
    margin-top: 0px; }
  .sticky-header-wrap .main-peace {
    cursor: pointer;
    max-width: 335px;
    position: relative;
    padding: 19px;
    padding-left: 63px;
    box-sizing: border-box;
    /*  &:after {
            content: "";
            position: absolute;
            top: 0;
            right: -2px;
            width: 1px;
            height: 100%;
            background-color: #fff578;
        }*/ }
    .sticky-header-wrap .main-peace:before {
      position: relative;
      top: 55%;
      content: "";
      position: absolute;
      width: 10px;
      height: 8px;
      right: 16px;
      background: url(images/icons/arrow-bottom-4.png);
      background-repeat: no-repeat;
      border: none;
      background-size: cover;
      background-position: center;
      -webkit-transform: translateY(-50%) rotate(0deg);
      transform: translateY(-50%) rotate(0deg);
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transition: -webkit-transform .4s ease;
      transition: -webkit-transform .4s ease;
      transition: transform .4s ease;
      transition: transform .4s ease,-webkit-transform .4s ease; }
    .sticky-header-wrap .main-peace .icon {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      width: 30px;
      height: 30px;
      left: 16px;
      background-repeat: no-repeat;
      background-position: center; }
    .sticky-header-wrap .main-peace.open:before {
      -webkit-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg);
      transition: transform .4s ease,-webkit-transform .4s ease; }
    .sticky-header-wrap .main-peace .main-title {
      color: var(--uds-font-color);
      font-size: 14px;
      font-weight: 700;
      margin: 0;
      text-transform: lowercase;
      font-family: amalia,sans-serif; }
      .sticky-header-wrap .main-peace .main-title:first-line {
        text-transform: capitalize; }
    .sticky-header-wrap .main-peace .main-acc-number {
      color: var(--uds-font-color);
      font-size: 14px;
      margin: 0;
      font-family: amalia,sans-serif; }
  .sticky-header-wrap .sticky-dropdown {
    position: absolute;
    display: none;
    top: 100%;
    left: 0px;
    width: 335px;
    overflow-y: auto;
    max-height: calc(100vh - 80px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    background: var(--uds-base-background); }
    .sticky-header-wrap .sticky-dropdown .myIcon {
      display: block;
      float: left;
      width: 32px;
      height: 32px;
      margin-top: 8px;
      margin-right: 18px;
      border-radius: 50%;
      background-color: #fee600; }
      .sticky-header-wrap .sticky-dropdown .myIcon.iconAccounts {
        background-image: url(images/icons/accounts_y.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px; }
      .sticky-header-wrap .sticky-dropdown .myIcon.iconCards {
        background-image: url(images/icons/cards_y.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 18px; }
    .sticky-header-wrap .sticky-dropdown .sticky-dd-item {
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease;
      position: relative;
      padding: 10px 20px;
      display: block;
      border-bottom: 1px solid #f8f8f8;
      color: var(--uds-font-color);
      font-size: 18px;
      line-height: 20px;
      margin: 0; }
      .sticky-header-wrap .sticky-dropdown .sticky-dd-item:hover {
        background-color: #f8f8f8;
        cursor: pointer; }
      .sticky-header-wrap .sticky-dropdown .sticky-dd-item .sp-1 {
        color: var(--uds-font-color);
        font-size: 14px;
        font-weight: 700;
        margin: 0;
        text-transform: lowercase;
        font-family: amalia,sans-serif; }
        .sticky-header-wrap .sticky-dropdown .sticky-dd-item .sp-1:first-line {
          text-transform: capitalize; }
      .sticky-header-wrap .sticky-dropdown .sticky-dd-item .sp-2 {
        color: var(--uds-font-color);
        font-size: 14px;
        margin: 0;
        font-family: amalia,sans-serif; }
  .sticky-header-wrap .button-5 {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right center;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    cursor: pointer; }
  .sticky-header-wrap .arrow-top-2 {
    background-image: url(images/icons/arrow-top-2.png);
    background-size: 10px; }

/*#endregion StickyHeader*/
/*#region datepicker*/
.hasDatepicker {
  width: calc(100% - 25px); }

.ui-datepicker-trigger {
  width: 18px;
  height: 20px;
  position: absolute;
  display: block;
  top: 15px;
  right: 10px;
  cursor: pointer; }

#ui-datepicker-div {
  width: 280px;
  border-radius: 8px;
  background: var(--uds-base-background);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  padding: 0px;
  box-sizing: border-box;
  z-index: 300 !important;
  border: none;
  box-shadow: 0px 2px 6px 0px rgba(43, 45, 52, 0.15), 0px 1px 1px 0px rgba(43, 45, 52, 0.15);
  overflow: hidden; }

.ui-datepicker .ui-datepicker-header {
  padding: 8px !important; }

.ui-datepicker .ui-widget-header {
  border: none;
  border-bottom: solid 1px rgba(156, 150, 127, 0.24);
  background: var(--uds-base-background); }
  .ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {
    top: 8px;
    margin: 0;
    border: none;
    height: 32px;
    width: 32px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 0; }
    .ui-datepicker .ui-widget-header .ui-datepicker-prev:hover, .ui-datepicker .ui-widget-header .ui-datepicker-next:hover {
      background: transparent; }
  .ui-datepicker .ui-widget-header .ui-datepicker-prev {
    left: 8px; }
    .ui-datepicker .ui-widget-header .ui-datepicker-prev span {
      top: 0;
      left: 0;
      margin: 0;
      height: 32px;
      width: 32px;
      background: url("images/uds/Previous Month.svg") center center no-repeat;
      background-size: 32px;
      border: none; }
  .ui-datepicker .ui-widget-header .ui-datepicker-next {
    right: 8px; }
    .ui-datepicker .ui-widget-header .ui-datepicker-next span {
      top: 0;
      left: 0;
      margin: 0;
      height: 32px;
      width: 32px;
      background: url("images/uds/Next Month.svg") center center no-repeat;
      background-size: 32px;
      border: none; }
  .ui-datepicker .ui-widget-header .ui-datepicker-title {
    font-size: 14px;
    font-weight: 400;
    color: var(--uds-font-color);
    margin: 0; }
    .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-month,
    .ui-datepicker .ui-widget-header .ui-datepicker-title .ui-datepicker-year {
      cursor: pointer;
      font-size: 14px !important;
      width: auto;
      -webkit-appearance: none;
      outline: none;
      max-width: fit-content;
      font-family: amalia;
      border: solid 1px rgba(156, 150, 127, 0.32);
      border-radius: 40px;
      padding: 4px 32px 4px 12px;
      line-height: 24px;
      background: var(--calendar-down-arrow);
      background-position: calc(100% - 8px) center;
      background-size: 16px;
      background-repeat: no-repeat;
      margin: 0 2px;
      color: var(--uds-font-color); }

.ui-datepicker .ui-datepicker-calendar {
  width: calc(100% - 16px);
  font-size: 1em;
  border-collapse: collapse;
  margin: 16px 8px; }
  .ui-datepicker .ui-datepicker-calendar th {
    padding: .7em .3em;
    text-align: center;
    border: 0;
    background: none; }
    .ui-datepicker .ui-datepicker-calendar th span {
      font-family: "amalia", sans-serif;
      color: var(--uds-secondary-font-color);
      font-weight: 400;
      font-size: 0; }
    .ui-datepicker .ui-datepicker-calendar th::first-letter {
      font-size: 14px; }
  .ui-datepicker .ui-datepicker-calendar td {
    padding: 1px 2px; }
    .ui-datepicker .ui-datepicker-calendar td a {
      background: none;
      color: var(--uds-font-color);
      font-size: 14px;
      font-weight: 400;
      text-align: center;
      border: 0;
      box-sizing: border-box;
      width: 33px;
      height: 33px;
      line-height: 33px;
      border-radius: 50%;
      padding: 0;
      font-family: amalia; }
      .ui-datepicker .ui-datepicker-calendar td a:hover, .ui-datepicker .ui-datepicker-calendar td a.ui-state-active {
        border-color: var(--action-color);
        background: var(--action-color);
        color: var(--uds-font-color-inverted); }
    .ui-datepicker .ui-datepicker-calendar td span {
      padding: 0.4em;
      text-align: center; }
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-other-month {
    opacity: 0; }
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable span {
    border: none;
    background: transparent;
    font-size: 14px;
    font-weight: normal;
    font-family: 'amalia';
    color: var(--uds-font-color); }

.ui-datepicker .ui-datepicker-trigger {
  cursor: pointer; }

/*#endregion datepicker*/
/*#region dialogs*/
.ui-dialog.information {
  width: 430px !important;
  text-align: center !important;
  font-size: 16px !important; }
  .ui-dialog.information .ui-dialog-content:before {
    display: none !important; }

.no-back-arrow {
  padding-top: 50px !important; }

.ui-dialog {
  overflow: hidden;
  /*Hiding scrollbar*/
  z-index: 201 !important; }
  .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog):not(.details-dialog):not(.filter-hub-dialog):not(.WithTitleBoxUDS):not(.UDS-dialog) {
    padding: 30px 40px !important; }
    .ui-dialog:not(.no-yes-dialog):not(.support-dialog):not(.before-print-dialog):not(.message-hub-dialog):not(.details-dialog):not(.filter-hub-dialog):not(.WithTitleBoxUDS):not(.UDS-dialog) .ui-helper-clearfix .ui-dialog-titlebar-close .ui-icon-closethick {
      background-image: url(images/ui-icons_333_256x240.png);
      margin-top: -8px;
      margin-left: -9px; }
  .ui-dialog.right-dialog {
    display: block !important;
    overflow-y: scroll !important;
    /*Hiding scrollbar*/
    overflow-x: hidden !important;
    /*Hiding scrollbar*/
    position: fixed !important;
    top: 0 !important;
    right: 0px !important;
    height: 100% !important;
    left: auto !important;
    z-index: 1000;
    width: auto !important;
    overflow-y: auto !important;
    box-sizing: border-box;
    /* &.cardStat {
            .ui-dialog-titlebar-close {
                width: 80px;
                height: 80px;
                top: 10px;
                right: 25px;
            }
        }*/ }
    .ui-dialog.right-dialog.userInfoDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      right: 0px; }
    .ui-dialog.right-dialog.outflowsDetail .text-block-wrap {
      padding: 24px;
      padding-right: 0;
      background: var(--uds-base-background);
      margin-top: 15px; }
      .ui-dialog.right-dialog.outflowsDetail .text-block-wrap .text-block {
        height: 260px;
        overflow: auto; }
        .ui-dialog.right-dialog.outflowsDetail .text-block-wrap .text-block p {
          font-size: 15px;
          line-height: 20px;
          color: #000; }
          .ui-dialog.right-dialog.outflowsDetail .text-block-wrap .text-block p span {
            display: block;
            width: 38%;
            margin-bottom: 5px; }
    .ui-dialog.right-dialog.commissionsForeign .custom-table-form_bottom {
      position: relative;
      width: 100%;
      zoom: 1;
      margin-top: 16px;
      margin-bottom: 74px; }
    .ui-dialog.right-dialog.commissionsForeign .custom-table-form_bottom .custom-table-form_bottom__right {
      float: right; }
    .ui-dialog.right-dialog.commissionsForeign .custom-table-form_bottom .custom-table-form_bottom__right label {
      font-size: 15px;
      line-height: 20px;
      color: var(--uds-font-color);
      font-family: amalia,sans-serif;
      font-weight: 700;
      position: absolute;
      right: 350px;
      margin-top: 14px; }
    .ui-dialog.right-dialog.commissionsForeign .custom-table-form_bottom .custom-table-form_bottom__right .input-wrap {
      width: 232px;
      background: var(--uds-base-background);
      float: right;
      padding: 10px 15px;
      padding-right: 25px; }
    .ui-dialog.right-dialog.commissionsForeign .custom-table-form_bottom .custom-table-form_bottom__right .input-wrap input {
      text-align: right;
      font-weight: 700;
      color: #000;
      padding-right: 10px; }
    .ui-dialog.right-dialog.commissionsForeign .input-1.readonly {
      background: #ededed; }
    .ui-dialog.right-dialog.domesticReview li.desc p.info-1, .ui-dialog.right-dialog.domesticReport li.desc p.info-1 {
      max-width: 33%; }
    .ui-dialog.right-dialog.domesticReview li.desc p.info-2, .ui-dialog.right-dialog.domesticReport li.desc p.info-2 {
      max-width: 60%; }
    .ui-dialog.right-dialog.foreignReview p.info-1 {
      max-width: 33%; }
    .ui-dialog.right-dialog.foreignReview p.info-2 {
      max-width: 60%; }
    .ui-dialog.right-dialog.predefindedUsers .validationMessage {
      text-align: left;
      margin-top: 6px;
      margin-left: -4px; }
    .ui-dialog.right-dialog.predefindedUsers .custom-select .validationMessage {
      margin-top: 18px; }
    .ui-dialog.right-dialog.predefindedUsers .error-summary {
      position: absolute;
      top: 88px;
      left: 8px;
      color: red; }
    .ui-dialog.right-dialog.predefindedUsers .input-1[disabled] {
      background-color: white; }
    .ui-dialog.right-dialog.predefindedUsers .input-wrap.input-select.disable {
      pointer-events: none; }
      .ui-dialog.right-dialog.predefindedUsers .input-wrap.input-select.disable .dk-selected {
        color: #989898; }
    .ui-dialog.right-dialog.predefindedUsers .normal-form {
      padding: 0; }
    .ui-dialog.right-dialog.predefindedUsersForeign .validationMessage {
      text-align: left;
      margin-top: 6px;
      margin-left: -10px;
      white-space: nowrap;
      overflow: inherit; }
    .ui-dialog.right-dialog.predefindedUsersForeign .selected-item .validationMessage {
      margin-top: 14px; }
    .ui-dialog.right-dialog.predefindedUsersForeign .error-summary {
      position: absolute;
      top: 88px;
      left: 8px;
      color: red; }
    .ui-dialog.right-dialog.predefindedUsersForeign .modal-body.type-filter .dk-select .dk-select-options {
      width: 100%;
      left: -1px; }
    .ui-dialog.right-dialog.predefindedUsersForeign .input-1[disabled] {
      background-color: white; }
    .ui-dialog.right-dialog.predefindedUsersForeign .input-wrap.input-select.disable {
      pointer-events: none; }
      .ui-dialog.right-dialog.predefindedUsersForeign .input-wrap.input-select.disable .dk-selected {
        color: #989898; }
    .ui-dialog.right-dialog.predefindedUsersForeign .normal-form {
      padding: 0; }
    .ui-dialog.right-dialog.inflowManaging .cell .transaction-info {
      width: 450px; }
    .ui-dialog.right-dialog.inflowManaging .cell .validationMessage {
      top: 35px; }
    .ui-dialog.right-dialog.inflowManaging .bruto-amount .validationMessage {
      position: absolute; }
    .ui-dialog.right-dialog.inflowManaging .input-wrap.year .validationMessage {
      white-space: nowrap;
      overflow: visible; }
    .ui-dialog.right-dialog.inflowManaging .custom-table-form_body .cell .validationMessage {
      position: absolute;
      left: 0px !important;
      text-align: left; }
    .ui-dialog.right-dialog.inflowManaging .custom-table-form_body .cell:nth-child(3) .validationMessage {
      text-align: right !important; }
    .ui-dialog.right-dialog.inflowManaging .custom-table-form_body .cell:nth-child(4) .validationMessage {
      width: 400px !important;
      left: -200px !important;
      text-align: right; }
    .ui-dialog.right-dialog.inflowManaging .group .info-icon {
      top: 30%;
      right: 15px; }
    .ui-dialog.right-dialog.inflowManaging button.close {
      background: #e9eaea; }
      .ui-dialog.right-dialog.inflowManaging button.close:hover {
        background-color: #dcdede; }
    .ui-dialog.right-dialog.inflowManaging .custom-table-form {
      overflow-x: hidden; }
    .ui-dialog.right-dialog.inflowManaging .group-submit.inline .btn-1.big {
      padding: 12px 12px; }
      .ui-dialog.right-dialog.inflowManaging .group-submit.inline .btn-1.big .ui-button-text {
        padding-left: 1em; }
    .ui-dialog.right-dialog.inflowManaging .loanNumber.focusin, .ui-dialog.right-dialog.inflowManaging .loanYear.focusin, .ui-dialog.right-dialog.inflowManaging .specialMark-wrap.focusin {
      box-shadow: inset 0 0 0 1px #000; }
    .ui-dialog.right-dialog.inflowManaging .specialMark-wrap.focusin {
      padding: 0;
      padding-top: 10px;
      padding-bottom: 10px; }
    .ui-dialog.right-dialog.inflowManaging .specialMark-wrap {
      padding-left: 0 !important;
      padding-right: 0 !important; }
    .ui-dialog.right-dialog .ui-dialog-titlebar {
      border: none;
      color: black;
      font-family: "amalia", sans-serif;
      font-size: 17px;
      padding-left: 0px;
      background-repeat: no-repeat;
      background-position: 0px 5px;
      background-size: 20px;
      background-image: none;
      background-color: transparent;
      cursor: default !important;
      padding: 0px 0px 0px 0px;
      position: relative;
      width: 100%;
      border-left: 10px solid #fee600;
      min-height: 80px; }
      .ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-title {
        font-size: 20px;
        font-weight: 700;
        padding: 26px 90px 17px 24px; }
      .ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
        border: none;
        position: absolute;
        width: 80px;
        height: 90px;
        top: 0;
        right: 10px;
        background: var(--uds-base-background);
        display: block;
        -webkit-transition: background .3s ease;
        transition: background .3s ease; }
        .ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
          background: url(images/icons/ico_zatvori.png);
          background-size: 13px;
          width: 30px;
          height: 30px;
          background-position: inerhit;
          background-repeat: no-repeat; }
        .ui-dialog.right-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover {
          background: #efefef;
          -webkit-transition: background .3s ease;
          transition: background .3s ease; }
    .ui-dialog.right-dialog .ui-dialog-content {
      padding: 0;
      overflow: initial; }
    .ui-dialog.right-dialog.details-dialog {
      /* width: 800px !important;*/
      background-color: #f8f8f8;
      padding-top: 0;
      padding-left: 0;
      padding-right: 0; }
    .ui-dialog.right-dialog.predefindedUsers .ui-dialog-titlebar .ui-dialog-titlebar-close, .ui-dialog.right-dialog.predefindedUsersForeign .ui-dialog-titlebar .ui-dialog-titlebar-close {
      display: none; }
    .ui-dialog.right-dialog.predefindedUsers .input-1, .ui-dialog.right-dialog.predefindedUsersForeign .input-1 {
      font-size: 15px !important;
      line-height: 28px !important;
      padding-left: 6px !important; }
    .ui-dialog.right-dialog.predefindedUsers li.accountsItems, .ui-dialog.right-dialog.predefindedUsersForeign li.accountsItems {
      font: normal 62.5% amalia,sans-serif; }
      .ui-dialog.right-dialog.predefindedUsers li.accountsItems .modal-body-title-1, .ui-dialog.right-dialog.predefindedUsersForeign li.accountsItems .modal-body-title-1 {
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        color: var(--uds-font-color);
        margin-bottom: 30px; }
    .ui-dialog.right-dialog.predefindedUsers .label-1, .ui-dialog.right-dialog.predefindedUsersForeign .label-1 {
      font-size: 15px !important; }
    .ui-dialog.right-dialog.predefindedUsers .plus-minus-btn, .ui-dialog.right-dialog.predefindedUsersForeign .plus-minus-btn {
      margin-top: 5px;
      margin-bottom: 38px; }
    .ui-dialog.right-dialog.predefindedUsers .hidden-content, .ui-dialog.right-dialog.predefindedUsersForeign .hidden-content {
      display: none; }
    .ui-dialog.right-dialog.filter-dialog {
      width: 440px !important; }
      .ui-dialog.right-dialog.filter-dialog .ui-dialog-titlebar {
        background-image: url(images/icons/filter-3.png);
        background-size: 24px;
        padding-left: 40px; }
      .ui-dialog.right-dialog.filter-dialog .select-1 {
        padding: 0; }
    .ui-dialog.right-dialog.short-dialog {
      width: 440px !important; }
  .ui-dialog.creditor-temlate-dialog {
    width: 440px !important; }
  .ui-dialog.undue-liabilities-dialog, .ui-dialog.reserved-dialog {
    width: 800px !important;
    box-sizing: border-box; }
    .ui-dialog.undue-liabilities-dialog .ui-dialog-titlebar, .ui-dialog.reserved-dialog .ui-dialog-titlebar {
      background: none !important;
      padding-left: 40px; }
    .ui-dialog.undue-liabilities-dialog .tag, .ui-dialog.reserved-dialog .tag {
      margin-left: 0px; }
  .ui-dialog.short-dialog {
    width: 440px !important;
    box-sizing: border-box; }
    .ui-dialog.short-dialog .ui-dialog-titlebar {
      background: none !important; }
  .ui-dialog.cheques-dialog .ui-dialog-titlebar {
    padding-left: 40px; }
  .ui-dialog .side-modal.type-2.transaction-detail {
    overflow: visible; }
  .ui-dialog.no-yes-dialog, .ui-dialog.info-dialog, .ui-dialog.information {
    padding: 30px;
    border-top: 5px solid #fff200;
    font-family: "amalia", sans-serif;
    font-size: 14px; }
    .ui-dialog.no-yes-dialog .ui-widget-content, .ui-dialog.info-dialog .ui-widget-content, .ui-dialog.information .ui-widget-content {
      border: none; }
      .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset, .ui-dialog.information .ui-widget-content .ui-dialog-buttonset {
        float: none !important; }
        .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset button, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset button, .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button {
          margin: 0;
          background: #fff200;
          font-size: 14px;
          font-weight: 700;
          text-transform: uppercase;
          padding: 10px;
          transition: all 0.3s ease;
          border: none;
          font-family: "amalia", sans-serif; }
          .ui-dialog.no-yes-dialog .ui-widget-content .ui-dialog-buttonset button:hover, .ui-dialog.info-dialog .ui-widget-content .ui-dialog-buttonset button:hover, .ui-dialog.information .ui-widget-content .ui-dialog-buttonset button:hover {
            background-color: #fed500;
            color: #000; }
      .ui-dialog.no-yes-dialog .ui-widget-content.ui-dialog-content, .ui-dialog.info-dialog .ui-widget-content.ui-dialog-content, .ui-dialog.information .ui-widget-content.ui-dialog-content {
        margin-bottom: 30px; }
        .ui-dialog.no-yes-dialog .ui-widget-content.ui-dialog-content:before, .ui-dialog.info-dialog .ui-widget-content.ui-dialog-content:before, .ui-dialog.information .ui-widget-content.ui-dialog-content:before {
          display: block;
          padding-bottom: 30px;
          background-size: 100% calc(100% - 30px);
          width: 65px;
          height: 57px;
          margin: auto;
          content: "";
          background-repeat: no-repeat; }
  .ui-dialog.no-yes-dialog {
    padding: 10px 30px 15px 30px;
    width: 410px !important; }
    .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar {
      border: none;
      background: transparent;
      color: #494f5a;
      text-align: center;
      font-weight: normal;
      font-size: 20px; }
      .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {
        font: 400 22px/1.2 amalia,sans-serif;
        font-weight: 700;
        text-align: center;
        margin-bottom: 30px;
        font-size: 16px;
        line-height: 21px;
        color: #000;
        float: none; }
      .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar button {
        display: none; }
    .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button {
      width: 48%;
      margin: 1%; }
      .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1) {
        background-color: #e9eaea; }
        .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-buttonset button:nth-child(1):hover {
          background-color: #ebebeb;
          color: #000; }
    .ui-dialog.no-yes-dialog .ui-dialog-content {
      margin-bottom: 0 !important;
      font-size: 16px;
      color: #000 !important;
      line-height: 24px; }
      .ui-dialog.no-yes-dialog .ui-dialog-content:before {
        height: 0 !important;
        display: inline !important; }
  .ui-dialog.info-dialog:not(.WithTitleBoxUDS) .ui-dialog-titlebar, .ui-dialog.information:not(.WithTitleBoxUDS) .ui-dialog-titlebar {
    display: none; }
  .ui-dialog.info-dialog:not(.WithTitleBoxUDS) .ui-widget-content, .ui-dialog.information:not(.WithTitleBoxUDS) .ui-widget-content {
    font-size: 16px;
    color: #000 !important;
    line-height: 24px; }
    .ui-dialog.info-dialog:not(.WithTitleBoxUDS) .ui-widget-content .ui-dialog-buttonset button, .ui-dialog.information:not(.WithTitleBoxUDS) .ui-widget-content .ui-dialog-buttonset button {
      width: 100%; }
  .ui-dialog.error-dialog, .ui-dialog.success-dialog {
    width: 430px !important;
    text-align: center !important;
    font-size: 16px !important;
    color: #000 !important;
    padding-bottom: 20px !important; }
  .ui-dialog.error-dialog .ui-dialog-content:before {
    background-image: url(images/icons/ico_neuspjeloplacanje.png) !important; }
  .ui-dialog.error-dialog .ui-dialog-content ol {
    list-style: disc;
    text-align: left;
    padding: 1px; }
  .ui-dialog.success-dialog .ui-dialog-content:before {
    background-image: url(images/icons/ico_nalogzaprimljen.png) !important;
    width: 60px !important;
    height: 60px !important; }
  .ui-dialog .btn-1, .ui-dialog .input-1, .ui-dialog .select-1, .ui-dialog .label-1 {
    font-family: "amalia", sans-serif;
    font-size: 14px; }
  .ui-dialog:focus {
    outline: none; }
  .ui-dialog .input-1:focus::-ms-clear {
    display: none; }
  .ui-dialog .productEditNameDialog {
    padding: 20px; }
    .ui-dialog .productEditNameDialog .message {
      margin-bottom: 30px;
      font-family: "amalia", sans-serif;
      font-size: 15px; }

.ui-dialog.right-dialog.message-hub-dialog {
  margin-right: 0px !important;
  /*Hiding scrollbar*/ }

.ui-dialog.side-modal {
  display: block;
  position: absolute;
  background-color: #fff;
  top: 50px;
  right: 0;
  width: 440px;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  z-index: 1001; }

.modal-primaoc .modal-title, .modal-primaoc .input-wrap {
  margin-bottom: 30px; }

.side-modal-wrapper {
  z-index: 1000;
  display: block;
  position: fixed;
  width: 100%;
  /* height: 100vh;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 40px; }

.side-modal {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 440px;
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: hidden; }
  .side-modal .btn-1 {
    margin-top: 70px; }
  .side-modal .button-wrap {
    box-sizing: border-box; }
    .side-modal .button-wrap .button {
      box-sizing: border-box;
      width: calc(50% - 13px);
      margin-right: 20px; }
      .side-modal .button-wrap .button:last-child {
        margin-right: 0; }

.k-safari .modal-inner-content {
  overflow: auto;
  height: 800px; }

.modal-inner-content {
  position: relative;
  padding: 60px 30px;
  font-family: "amalia", sans-serif; }
  .modal-inner-content .list-split {
    width: 100%;
    position: relative;
    zoom: 1;
    display: inline-block; }
    .modal-inner-content .list-split:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .modal-inner-content .list-split .list-split-left {
      margin-right: 4%;
      width: 48%;
      float: left; }
    .modal-inner-content .list-split .list-split-right {
      width: 48%;
      float: left; }
      .modal-inner-content .list-split .list-split-right li.color-1 {
        background: #fffcd8; }

.message-hub-dialog .modal-inner-content .button-wrap .button {
  width: calc(50% - 12px);
  margin-right: 20px; }

.message-hub-dialog .modal-inner-content .button-wrap .button:last-child {
  margin-right: 0px; }

.message-hub-dialog .modal-inner-content .button-wrap.type-2 {
  left: calc(50%);
  width: calc(100% - 80px); }

.message-hub-dialog .modal-inner-content .button-wrap.type-2 .button {
  width: 100%; }

.message-hub-dialog .modal-inner-content.type-2 {
  padding: 50px 40px;
  padding-top: 35px;
  padding-bottom: 0; }

.message-hub-dialog .modal-inner-content.type-2 .modal-close-button {
  top: 40px; }

.modal-close-button {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50px;
  right: 40px;
  background-image: url(images/icons/close.png);
  background-size: 20px;
  background-repeat: no-repeat; }

.modal-title-1 {
  font-size: 20px;
  font-weight: 700;
  padding-right: 50px; }

.modal-title-2 {
  font-size: 30px;
  font-weight: 700;
  padding-right: 40px;
  line-height: 35px; }

.modal-title-2 small {
  font-size: 16px;
  color: #7b7b7b;
  font-weight: normal; }

.modal-title-2 span {
  font-size: 16px;
  color: #0095c9;
  text-transform: uppercase;
  font-weight: 400; }

.modal-title-3 {
  font-size: 16px;
  font-weight: 700;
  padding-right: 40px;
  line-height: 25px; }

.modal-title-3 small {
  font-size: 16px;
  color: #7b7b7b;
  font-weight: normal; }

.modal-title-3 span {
  font-size: 16px;
  color: #0095c9;
  text-transform: uppercase;
  font-weight: 400; }

.modal-title.type-2 {
  margin-left: 50px; }

.modal-title.icon {
  padding-left: 40px;
  background-repeat: no-repeat;
  background-position: left center; }

.popup-content .popup-text {
  font-size: 16px;
  line-height: 24px;
  color: var(--uds-font-color); }
  .popup-content .popup-text.centered {
    text-align: center; }
  .popup-content .popup-text.small-text {
    font-size: 14px; }

.popup-content .popup-label-1 {
  color: #7b7b7b;
  background: var(--uds-base-background);
  white-space: nowrap;
  position: absolute;
  left: 5px;
  padding: 0 10px;
  font-size: 16px !important;
  bottom: calc(100% - 8px); }

.before-print-dialog .ui-dialog-titlebar {
  display: none; }

.before-print-dialog .btnPrint {
  padding: 15px 30px; }

.before-print-dialog.ui-dialog {
  padding: 20px 20px 20px 40px !important; }

.change-name-hint {
  width: 36px !important;
  height: 26px !important;
  top: 50% !important;
  right: 15px !important; }

.ruleForm .btn-1 {
  margin-top: 0; }

.ruleForm .has-button {
  position: relative;
  padding-right: 60px; }
  .ruleForm .has-button .remove-button {
    cursor: pointer; }

.ruleForm .categoryName {
  padding-right: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
  overflow: hidden; }

.ruleForm .button-3.type-2 {
  box-sizing: border-box; }

.ruleForm .custom-dropdown-container {
  width: 48.2%; }

.buy-hov-modal .col-ls-12:nth-child(odd) {
  width: calc(50% - 12px); }

.buy-hov-modal .col-ls-12:nth-child(even) {
  width: calc(50% + 8px); }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled span, .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled label, .buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled input {
  color: #adadad; }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap-focus {
  border-color: #c1b3b3 !important; }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled .input-wrap {
  pointer-events: none; }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled i {
  background-image: url(images/icons/radio-disabled.png);
  background-size: 22px; }

.buy-hov-modal .col-ls-12 .custom-radio-1 .radio.disabled.checked i {
  background-image: url(images/icons/radio-on-disabled.png); }

.buy-hov-modal .col-ls-12.hovTypeContainer {
  width: 100%; }
  .buy-hov-modal .col-ls-12.hovTypeContainer .custom-radio-1 .radio {
    display: inline-block;
    width: 49%;
    box-sizing: border-box;
    overflow: visible; }
  .buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.disabled .input-wrap, .buy-hov-modal .col-ls-12.hovTypeContainer:not(.withdrawOrderType) .radio.iceberg:not(.checked) .input-wrap {
    display: none; }
  .buy-hov-modal .col-ls-12.hovTypeContainer.withdrawOrderType .radio.disabled:not(.checked) .input-wrap {
    display: none; }

.buy-hov-modal .hideValidationMessage .validationMessage {
  display: none; }

/*#endregion dialogs*/
/*#region right-dialog details*/
/*.row.custom-grid.type-2.inner-margin-5,
.row.custom-grid.type-2.inner-margin-6 {
    overflow: auto;
}*/
.ui-dialog.details-dialog,
.ui-dialog.details-dialog .ui-dialog-content {
  padding: 0; }

.side-modal {
  width: 100% !important;
  position: relative; }

.custom-grid.type-2 .col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top; }
  .custom-grid.type-2 .col:nth-child(even) {
    padding-left: 30px; }

.col-ls-12 {
  width: 49.5%; }

.transaction.type-2 {
  padding: 0;
  padding-bottom: 2px;
  padding-top: 12px;
  min-height: 49px; }
  .transaction.type-2:first-child {
    border-top: none; }
  .transaction.type-2 span {
    font-size: 16px;
    color: #000;
    vertical-align: middle; }
  .transaction.type-2 span:nth-child(1) {
    color: #7b7b7b;
    line-height: 25px; }

.transaction.type-3 {
  padding: 0;
  padding-bottom: 2px;
  padding-top: 12px;
  min-height: 49px; }
  .transaction.type-3 span {
    font-size: 16px;
    color: #000;
    vertical-align: middle; }
    .transaction.type-3 span:nth-child(1) {
      color: #7b7b7b;
      line-height: 25px; }

.cf:before, .cf:after, .container:before, .container:after, .widget:before, .widget:after, form ol > li:before, form ol > li:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.cf:after, .clear, .container:after, .widget:after, form ol > li:after {
  clear: both; }

.inner-margin-2 {
  margin-bottom: 20px; }

.widget-links.type-2 .link {
  padding: 20px 0px; }

.widget-links.type-2 .icon {
  right: 0px; }

.transaction {
  position: relative;
  padding: 10px 25px 10px 70px;
  border-bottom: 2px solid #efefef; }
  .transaction .title {
    font-size: 16px;
    float: left;
    margin: 0;
    min-height: 46px; }

/*#endregion right-dialog details*/
/*#region dialog-transitions*/
.right-dialog {
  visibility: hidden;
  transform: translateX(100%);
  transition: 0.8s all ease; }

.right-dialog.visible {
  visibility: visible;
  transform: translateX(0); }

/*#endregion dialog-transitions*/
/*#region validation*/
.validationMessage {
  color: red;
  float: left;
  position: relative;
  font-size: 14px;
  margin-top: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  white-space: pre-wrap;
  text-align: right; }

.amountGroup .validationMessage {
  margin-top: 20px; }

.validationMessageBorder {
  border-color: red !important; }

/*#endregion validation*/
/*#region tooltip*/
.tooltip {
  position: relative; }
  .tooltip .t-modal {
    display: block;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 100%;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0px; }
    .tooltip .t-modal.padding {
      padding: 15px; }
    .tooltip .t-modal.size-1 {
      max-width: 300px !important;
      white-space: nowrap; }
    .tooltip .t-modal.t-left {
      left: 50%; }
    .tooltip .t-modal.no-wrap {
      white-space: nowrap; }
    .tooltip .t-modal.t-left:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 13px 0 0;
      border-color: #49505a transparent transparent transparent;
      position: absolute;
      left: 0px;
      bottom: -12px;
      opacity: 0.7; }
    .tooltip .t-modal.t-right {
      right: 50%; }
      .tooltip .t-modal.t-right:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0px 0 13px;
        border-color: #49505a transparent transparent transparent;
        position: absolute;
        right: 0px;
        bottom: -12px;
        opacity: 0.7; }
    .tooltip .t-modal.t-bottom {
      bottom: auto;
      top: 100%;
      margin-top: 12px; }
      .tooltip .t-modal.t-bottom:after {
        border-color: transparent transparent #49505a transparent;
        border-width: 0 0 12px 13px;
        bottom: auto;
        top: -12px; }
  .tooltip:hover .t-modal {
    opacity: 1;
    visibility: visible; }

.s-icon .tooltip {
  background-color: rgba(73, 80, 90, 0.7);
  color: #fff;
  padding: 5px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  position: absolute;
  top: -40px;
  right: calc(100% - 22px);
  visibility: hidden; }
  .s-icon .tooltip:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 0 13px;
    border-color: #49505a transparent transparent transparent;
    position: absolute;
    right: 0;
    bottom: -12px;
    opacity: 0.7; }

.s-icon:hover .tooltip {
  visibility: visible; }

/*#endregion tooltip*/
/*#region widget tabs*/
.widget-tabs {
  zoom: 1;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 20px; }
  .widget-tabs:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .widget-tabs.inner-margin-4 {
    margin-bottom: 40px !important; }
  .widget-tabs li {
    float: left;
    position: relative;
    padding: 0 7px 8px 7px;
    margin-right: 15px;
    box-sizing: border-box; }
    .widget-tabs li.active:after, .widget-tabs li:hover:after {
      height: 2px; }
    .widget-tabs li.active a,
    .widget-tabs li:hover a {
      color: #333333; }
    .widget-tabs li:after {
      content: '';
      width: 100%;
      height: 0;
      background: #333333;
      position: absolute;
      bottom: -1px;
      left: 0;
      -webkit-transition: height 0.25s ease;
      -moz-transition: height 0.25s ease;
      -ms-transition: height 0.25s ease;
      -o-transition: height 0.25s ease;
      transition: height 0.25s ease; }
    .widget-tabs li a {
      font-size: 16px;
      color: #9b9b9c;
      -webkit-transition: color 0.3s ease;
      -moz-transition: color 0.3s ease;
      -ms-transition: color 0.3s ease;
      -o-transition: color 0.3s ease;
      transition: color 0.3s ease; }
  .widget-tabs .tab-icon {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    display: inline-block;
    width: 36px;
    height: 26px;
    border: 2px solid #cfd0d2;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box; }
    .widget-tabs .tab-icon:hover {
      border-color: #000; }
  .widget-tabs .tab-icon.icon-chart-1:hover, .widget-tabs .active .tab-icon.icon-chart-1 {
    background-image: url(images/icons/chart-3.png); }
  .widget-tabs .tab-icon.icon-reload-1:hover, .widget-tabs .active .tab-icon.icon-reload-1 {
    background-image: url(images/icons/icon-reload-2.png); }
  .widget-tabs .button-wrap {
    position: relative;
    top: 50%;
    -webkit-transition: translateY(-50%);
    -moz-transition: translateY(-50%);
    -ms-transition: translateY(-50%);
    -o-transition: translateY(-50%);
    transition: translateY(-50%);
    top: calc(50% + 5px);
    right: 20px;
    position: absolute;
    display: inline-block; }
    .widget-tabs .button-wrap li {
      padding: 0;
      margin-left: 5px; }
      .widget-tabs .button-wrap li:after {
        display: none; }
  .widget-tabs li.active .tab-icon {
    border-color: #000; }
  .widget-tabs.type-2 li {
    display: inline-block;
    float: none;
    width: auto;
    padding: 10px 35px; }
    .widget-tabs.type-2 li a {
      font-size: 16px;
      cursor: pointer; }
  .widget-tabs.type-2 .button-wrap li {
    padding: 0; }
  .widget-tabs.has-buttons {
    padding-top: 10px; }

.tab {
  display: none; }
  .tab.init-select {
    display: block; }

/*#endregion widget tabs*/
/*#region Message Hub*/
.MessageHubNotificationList.dashboardView .widget-tabs {
  margin-bottom: 0;
  cursor: pointer; }
  .MessageHubNotificationList.dashboardView .widget-tabs li {
    width: 50%;
    margin-right: 0;
    text-align: center; }

.emptyTableStyle {
  min-height: 50px;
  text-align: center;
  padding-top: 30px; }

/*.read-messages-list div:nth-child(2) {
    display:none;
}*/
.read-messages-list > .post a {
  color: blue; }

.s-widget.MessageHubNotificationList {
  position: relative; }

.attach-icon {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/attach.svg") no-repeat center;
  -webkit-mask: url("images/uds/attach.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  right: 0;
  left: unset;
  top: 10px; }

.message-hub-dialog {
  padding: 0 !important;
  border-left: 0; }
  .message-hub-dialog .modal-inner-content {
    padding-top: 0;
    padding-left: 50px; }
  .message-hub-dialog .ui-dialog-titlebar {
    display: none; }

.message-controls {
  position: relative;
  padding-left: 65px;
  border-bottom: 2px solid #efefef;
  display: none; }
  .message-controls.Active {
    display: block !important; }
  .message-controls .msg-button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: block;
    padding: 20px 5px;
    border-left: 2px solid #efefef;
    width: 48%;
    float: left;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    color: #0095c9;
    cursor: pointer; }
    .message-controls .msg-button span {
      position: relative; }
      .message-controls .msg-button span i {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        width: 35px;
        height: 35px;
        left: -45px;
        background-repeat: no-repeat;
        background-position: center; }
    .message-controls .msg-button:hover {
      background-color: #fffde5; }
    .message-controls .msg-button .checkbox {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      left: 15px; }

.custom-checkbox-2 {
  position: relative;
  cursor: pointer;
  width: 20px !important;
  height: 20px !important; }
  .custom-checkbox-2 .check {
    width: 20px !important;
    height: 20px !important;
    display: block;
    background: var(--uds-background);
    background-image: var(--checkbox-false-path);
    background-size: 20px; }
  .custom-checkbox-2 .cc-checkbox {
    display: none; }
  .custom-checkbox-2.checked .check {
    background-image: var(--checkbox-path);
    background-size: 20px; }
  .custom-checkbox-2:hover {
    opacity: 0.5; }

.message {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  padding: 10px 70px 10px 115px;
  border-bottom: 2px solid #efefef;
  cursor: pointer; }
  .message .title {
    font-size: 16px;
    float: left;
    margin: 0;
    color: #000;
    line-height: 20px; }
    .message .title span {
      font-size: 14px; }
  .message span {
    color: #7b7b7b;
    font-size: 14px; }
  .message .tag {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    position: absolute;
    left: 50px;
    border: 2px solid #d9d9d9;
    color: #000;
    font-weight: normal;
    font-size: 16px;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 31px; }
  .message .archive-button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    display: inline-block;
    position: absolute;
    right: 25px;
    width: 36px;
    height: 26px;
    border: 2px solid #cfd0d2;
    background-position: 10px 6px;
    background-repeat: no-repeat;
    opacity: 0;
    visibility: hidden; }
  .message .checkbox {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 10px; }
  .message:hover {
    background-color: #fffde5; }
    .message:hover .archive-button {
      opacity: 1;
      visibility: visible; }
  .message.unread .title {
    font-weight: 700;
    color: #0095c9; }
    .message.unread .title span {
      font-weight: 400; }

.archive-section .message {
  padding: 10px 70px 10px 65px; }
  .archive-section .message .tag {
    left: 0; }

.reply-card {
  padding: 16px 32px;
  border-bottom: 1px solid var(--uds-border-color);
  border-left: 4px solid #118DB8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }
  .reply-card.border-top {
    border-top: 1px solid var(--uds-border-color); }

.input-wrap .file-input-wrap {
  float: right; }

.file-input-wrap .attachment-button {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #ebebeb;
  border-bottom: 2px solid #dadada;
  background-image: url(images/icons/icon-attachment-2.png);
  background-position: center;
  background-size: 26px;
  background-repeat: no-repeat;
  cursor: pointer; }
  .file-input-wrap .attachment-button:hover {
    background-color: #ffec00;
    border-color: #000; }

.file-input-wrap .file-input {
  display: none; }

.attachment-card {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  background-color: #ebebeb;
  border-bottom: 2px solid #dadada;
  padding: 0px 50px;
  padding-left: 70px;
  /*width: 100%;*/
  max-width: 360px;
  cursor: pointer; }
  .attachment-card p {
    font-size: 16px;
    color: #000;
    margin: 0;
    border-left: 1px solid #dadada;
    padding: 13px 0;
    padding-left: 20px;
    line-height: 22px; }
  .attachment-card span {
    font-size: 14px;
    color: #888888;
    text-transform: uppercase; }
  .attachment-card .close {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    cursor: pointer;
    position: absolute;
    right: 20px;
    width: 20px;
    height: 20px;
    background-image: url(images/icons/close.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 11px; }
  .attachment-card:before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    content: "";
    width: 50px;
    height: 50px;
    left: 10px;
    background-image: url(images/icons/icon-attachment-2.png);
    background-position: center;
    background-size: 26px;
    background-repeat: no-repeat; }

.widget-messages .cnt {
  padding: 0;
  padding-top: 10px; }

.widget-messages .empty-section.type-3 {
  padding-bottom: 0; }

.widget-messages widget-inner {
  position: relative;
  padding-bottom: 48px; }

.widget-messages .widget-btn-wrap {
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  border-top: 1px solid #efefef; }
  .widget-messages .widget-btn-wrap.stripe:before {
    position: absolute; }

.widget-messages .btn-1 {
  width: 50%;
  float: left; }

.widget-messages .messages-list {
  max-height: 207px;
  overflow: auto; }
  .widget-messages .messages-list li {
    position: relative;
    border-bottom: 1px solid #ebeced;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    cursor: pointer; }
    .widget-messages .messages-list li:hover {
      background: #fffde5; }
  .widget-messages .messages-list .message-row {
    display: block;
    padding: 13px 70px 13px 60px; }

.widget-messages .msg-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(images/icons/message-icon-2.png);
  background-size: 12px;
  position: absolute;
  top: 50%;
  left: 20px;
  margin-top: -10px; }
  .widget-messages .msg-icon.read {
    background-image: url(images/icons/message-icon-7.png);
    background-size: 12px; }

.widget-messages .msg-from {
  font-size: 14px;
  color: #7b7b7b;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px; }

.widget-messages .msg-title {
  font-size: 16px;
  color: #333333;
  margin-bottom: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px; }

.widget-messages .time {
  font-size: 14px;
  color: #a2a2a2;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -9px;
  margin-bottom: 0; }

.mCSB_inside > .mCSB_container {
  margin-right: 10px !important; }

.widget-btn-wrap.stripe:before {
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 100%;
  width: 1px;
  background-color: #efefef;
  visibility: visible; }

/*#end region message Hub*/
/*#region Payments*/
.signTokenValue {
  float: right;
  background: #e9eaea;
  padding: 0 5px; }

.PaymentOrderV3 {
  margin: auto; }
  .PaymentOrderV3 hr {
    position: relative;
    top: 5px; }

.PaymentOverviewV2 .s-widget-body {
  overflow: visible; }

.PaymentOverviewV2 .clientGrid thead {
  display: none; }

.PaymentOverviewV2 .clientGrid td:nth-child(2) {
  width: 50px; }

.countdown-widget {
  zoom: 1;
  position: relative;
  background-color: #0095c9; }
  .countdown-widget:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .countdown-widget .container {
    position: relative;
    float: left;
    width: 50%;
    /*min-height: 65px;*/
    padding: 10px 0; }
  .countdown-widget:before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(50% + 20px);
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    background-color: #8addf4; }

.value-title {
  font-size: 18px;
  line-height: 30px;
  color: #82d9f1;
  text-align: center;
  margin: 0; }
  .value-title span {
    font-size: 22px;
    color: #fff; }
    .value-title span.timer {
      color: #ffec00; }
      .value-title span.timer.inited {
        animation: countdown 1s infinite reverse; }
  .value-title .icon {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px; }

@keyframes countdown {
  from {
    opacity: .2; }
  to {
    opacity: 1; } }

.widget-payment {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto; }
  .widget-payment .page-container {
    padding: 10px 50px 10px 0px;
    max-width: 825px;
    margin: 0 auto; }
  .widget-payment .custom-form {
    padding-top: 50px;
    padding-bottom: 50px; }
  .widget-payment .widget-links {
    margin-bottom: 50px; }
  .widget-payment .inner {
    padding: 0 70px; }
    .widget-payment .inner.type-2 {
      padding: 0 50px; }

.widget-links .link {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  position: relative;
  display: block;
  font-size: 18px;
  color: #000;
  border-bottom: 1px solid #efefef;
  padding: 20px 50px; }
  .widget-links .link:hover {
    background-color: #efefef;
    cursor: pointer; }

.widget-links .icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  width: 20px;
  height: 20px;
  right: 50px;
  background-repeat: no-repeat;
  background-position: 100% center; }

.payment-slider {
  position: relative;
  padding: 35px 0; }
  .payment-slider .slick-list {
    overflow: visible; }
  .payment-slider .icon-accounts-4 {
    display: inline-block;
    float: left;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center center; }
  .payment-slider .slider-container {
    position: relative;
    z-index: 10;
    padding: 0 80px; }
  .payment-slider .slide {
    display: flex; }
  .payment-slider .slide-left {
    float: left;
    width: 50%;
    text-align: left; }
  .payment-slider .slide-right {
    text-align: right;
    float: right;
    width: 50%; }
  .payment-slider .slide-control {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 100%;
    background-color: #fffcd9;
    background-repeat: no-repeat;
    background-position: center; }
    .payment-slider .slide-control:hover {
      border-color: #bfbfbf; }
  .payment-slider .slide-prev {
    cursor: pointer; }
  .payment-slider .slide-next {
    right: 0px;
    cursor: pointer; }
  .payment-slider .slick-dots {
    zoom: 1;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: -35px; }
    .payment-slider .slick-dots:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .payment-slider .slick-dots li {
      display: inline-block; }
      .payment-slider .slick-dots li.slick-active button {
        background-color: #000; }
    .payment-slider .slick-dots button {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      border-radius: 50%;
      color: transparent;
      background-color: #cacaca;
      font-size: 2px;
      width: 6px;
      height: 6px;
      padding: 0;
      margin: 0 5px;
      border: none; }
  .payment-slider .slick-slide {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    opacity: 0 !important; }
  .payment-slider .slick-active {
    -webkit-transform: none;
    transform: none;
    transition-delay: .5s;
    opacity: 1 !important; }
  .payment-slider .label {
    color: #7b7b7b;
    font-size: 16px;
    margin-bottom: 10px; }
  .payment-slider .title {
    position: relative;
    color: #000;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 16px;
    line-height: 30px; }
    .payment-slider .title small {
      font-size: 80%; }
    .payment-slider .title .icon {
      position: absolute;
      left: 0;
      width: 40px;
      height: 100%;
      background-repeat: no-repeat;
      background-position: 5px 2px; }
  .payment-slider .acc-number {
    color: #000;
    font-size: 16px;
    margin-right: 49px; }
  .payment-slider .type-2 .slider-container {
    padding: 0 100px; }

.FXTrading .payment-slider .slide-right .title {
  padding-left: 0px; }

.PaymentOrderV3 .payment-slider .title.tag-title,
.FXTrading .payment-slider .title.tag-title {
  max-width: 350px;
  min-width: 290px;
  white-space: nowrap;
  float: left; }

title.tag-title {
  max-width: 350px;
  overflow: hidden;
  white-space: nowrap; }

.slick-arrow.slick-hidden {
  display: none !important; }

.progress-bar-wrap {
  width: 100%; }

.progress-bar-value {
  display: none; }

.progress-display {
  position: relative;
  width: 100%;
  background-color: #e6e6e6;
  height: 2px; }
  .progress-display .progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #0095c9;
    width: 0;
    transition: all 0.5s ease; }
    .progress-display .progress.color-2 {
      background-color: #9ccc66; }
    .progress-display .progress.inited {
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }

.custom-form .group {
  position: relative;
  margin-bottom: 40px; }
  .custom-form .group.margin-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group.margin-3 {
    position: relative;
    margin-bottom: 60px; }
  .custom-form .group.margin-4 {
    position: relative;
    margin-bottom: 30px; }
  .custom-form .group.type-2 {
    position: relative;
    margin-bottom: 20px; }
  .custom-form .group.empty {
    min-height: 60px; }
  .custom-form .group .info-icon {
    right: -65px; }
    .custom-form .group .info-icon.type-2 {
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none;
      top: 10px;
      right: -65px; }

.custom-form.border-top {
  border-top: 2px solid #efefef; }

.custom-form .checkbox-group {
  display: flex;
  align-items: center; }
  .custom-form .checkbox-group .info-icon {
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 30px; }
    .custom-form .checkbox-group .info-icon.col {
      position: absolute;
      top: 0px;
      right: 5px; }
    .custom-form .checkbox-group .info-icon.col-2 {
      margin-left: 8px;
      margin-bottom: -8px;
      margin-right: 34px;
      left: -4px; }
  .custom-form .checkbox-group .checkbox-label-2 {
    margin-bottom: 0; }

.left-col {
  width: 49%;
  float: left; }

.right-col {
  width: 49%;
  float: left;
  padding-left: 20px; }

.group .info-icon {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/icons/info-icon-1.png);
  background-size: 2px;
  position: absolute;
  right: 5px;
  box-sizing: border-box; }
  .group .info-icon span {
    display: inline-block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-color: #d0d0d1;
    background-size: 6px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease; }
    .group .info-icon span:hover {
      background-color: #fff200; }
  .group .info-icon p {
    width: 250px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    right: 15px;
    bottom: 50px;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .group .info-icon p:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 0px 0 13px;
      border-color: rgba(0, 0, 0, 0.8) transparent transparent transparent;
      position: absolute;
      right: 0px;
      bottom: -12px;
      opacity: 1; }
  .group .info-icon:hover p {
    opacity: 1;
    visibility: visible; }

.info-wrap i {
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative; }

.info-wrap .edit-icon:hover {
  border-color: #494f5a;
  background-image: url(images/icons/edit-4.png); }

.info-wrap .icon-eye-2:hover {
  border-color: #494f5a;
  background-image: url(images/icons/icon-eye_d.png); }

.group-inner .info-wrap {
  position: absolute;
  top: 7px;
  right: -50px; }
  .group-inner .info-wrap span {
    width: 250px;
    padding: 15px; }
  .group-inner .info-wrap.amount-info {
    top: 13px;
    right: -150px; }

.payment-main {
  margin-bottom: 30px; }
  .payment-main .tag {
    float: left;
    width: 45px;
    height: 40px;
    background: #dfdfdf;
    border-left-width: 5px;
    border-left-style: solid;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 40px;
    margin-right: 11px; }

.input-wrap.wrap-icon {
  float: right;
  width: calc(100% - 56px); }

.tag-2 {
  display: inline-block;
  width: 44px;
  height: 40px;
  border-left: 4px solid #fff;
  background-position: center center;
  background-repeat: no-repeat;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-transform: uppercase;
  text-align: center; }
  .tag-2.color-1 {
    background-color: #c5e1a5;
    border-color: #9ccc66; }
  .tag-2.color-2 {
    background-color: #ff9e19;
    border-color: #dc7f00; }
  .tag-2.color-3 {
    background-color: #ce93d8;
    border-color: #c364d3; }
  .tag-2.color-4 {
    background-color: #90caf9;
    border-color: #5ab0f6; }
  .tag-2.color-5 {
    background-color: #ffe082;
    border-color: #edbc27; }
  .tag-2.color-6 {
    background-color: #d1d1d1;
    border-color: #7b7b7b; }
  .tag-2.color-7 {
    background-color: #ebeced;
    border-color: #fe000c; }

.beneficiary-wrap {
  zoom: 1;
  margin-bottom: 5px; }
  .beneficiary-wrap:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.select-tag {
  float: left;
  display: none; }
  .select-tag.active {
    display: inline-block; }

.beneficiary-slat {
  margin-bottom: 50px; }

.beneficiary-content,
.details-content {
  display: none; }

.payment-options {
  margin-bottom: 20px; }
  .payment-options .trigger {
    position: relative;
    text-align: center; }
    .payment-options .trigger:before {
      content: '';
      width: 100%;
      height: 1px;
      background: #d1d1d1;
      position: absolute;
      top: 50%;
      left: 0;
      text-align: center; }
    .payment-options .trigger a {
      display: inline-block;
      background: var(--uds-base-background);
      font-size: 14px;
      color: #000;
      text-transform: uppercase;
      padding: 0 40px 0 22px;
      white-space: nowrap;
      position: relative; }
      .payment-options .trigger a:after {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top-color: #000;
        top: 7px;
        right: 17px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        transform-origin: 50% 20%; }
    .payment-options .trigger .hide-text {
      display: none; }
    .payment-options .trigger.active .show-text {
      display: none; }
    .payment-options .trigger.active .hide-text {
      display: inline-block; }
    .payment-options .trigger.active a:after {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg); }
  .payment-options .hidden-content {
    display: block;
    text-align: center; }
    .payment-options .hidden-content ul {
      padding: 30px 0; }
    .payment-options .hidden-content li {
      display: inline-block;
      text-align: center;
      max-width: 160px;
      width: 100%;
      margin: 0 7px 10px 5px; }
      .payment-options .hidden-content li a {
        display: block;
        font-size: 14px;
        border: 1px solid #d1d1d1;
        color: #000;
        text-transform: uppercase;
        line-height: 1.5;
        padding: 20px 30px 20px 30px;
        background-color: transparent; }
        .payment-options .hidden-content li a span {
          display: block; }
      .payment-options .hidden-content li .icon {
        display: inline-block;
        height: 64px;
        width: 64px;
        background: red;
        background-size: 64px 64px; }
      .payment-options .hidden-content li .icon-raiff {
        background: url(images/icons/raiff.png) 50% 50% no-repeat;
        background-size: 46px; }
      .payment-options .hidden-content li .icon-transfer {
        background: url(images/icons/transfer.png) 50% 50% no-repeat;
        background-size: 46px; }
      .payment-options .hidden-content li .icon-globle {
        background: url(images/icons/globe.png) 50% 50% no-repeat;
        background-size: 46px; }
      .payment-options .hidden-content li a:hover,
      .payment-options .hidden-content li.active a {
        background-color: #0095c9;
        color: #fff; }
      .payment-options .hidden-content li.active .icon-raiff,
      .payment-options .hidden-content li a:hover .icon-raiff {
        background-image: url(images/icons/raiff-2.png); }
      .payment-options .hidden-content li.active .icon-transfer,
      .payment-options .hidden-content li a:hover .icon-transfer {
        background-image: url(images/icons/transfer-2.png); }
      .payment-options .hidden-content li.active .icon-globle,
      .payment-options .hidden-content li a:hover .icon-globle {
        background-image: url(images/icons/globe-2.png); }

.payment-bottom .date-group {
  width: 180px;
  margin-right: 50px; }

.payment-bottom .group-two {
  zoom: 1;
  padding-top: 10px; }
  .payment-bottom .group-two:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .payment-bottom .group-two .group-inner {
    float: left;
    width: auto; }

.payment-account {
  border-bottom: 1px solid #ebeced;
  zoom: 1;
  padding-bottom: 4px;
  margin-bottom: 60px; }
  .payment-account:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .payment-account i {
    cursor: pointer; }
  .payment-account .tag-2 {
    float: left;
    margin-top: 2px; }
  .payment-account .inner {
    float: left;
    width: calc(100% - 56px); }
  .payment-account .col-left {
    float: left;
    padding-left: 10px; }
  .payment-account .col-right {
    float: right;
    padding-top: 6px; }
  .payment-account .acc-name {
    font-size: 16px;
    color: #7b7b7b;
    margin-bottom: 0; }
  .payment-account .acc-nr {
    font-size: 16px;
    line-height: 25px;
    color: #000;
    margin-bottom: 0; }
  .payment-account .col-right p {
    font-size: 24px;
    color: #000;
    margin-bottom: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .payment-account .col-right p span {
      font-size: 16px; }
  .payment-account .col-right .active {
    opacity: 1; }

.PaymentOrderV3 .custom-grid.type-2 {
  margin-left: -30px; }
  .PaymentOrderV3 .custom-grid.type-2 .col {
    padding-left: 30px;
    float: left; }

.PaymentOrderV3 .custom-form .checkbox-group {
  display: flex;
  align-items: center; }

.PaymentOrderV3 .check-wrap-1 {
  position: relative; }
  .PaymentOrderV3 .check-wrap-1.col {
    width: 47%;
    float: left;
    padding-right: 15px; }

.value-changer {
  position: relative;
  padding-right: 25px;
  cursor: pointer; }
  .value-changer:before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '';
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: calc(50% + 0px);
    right: 7px; }
  .value-changer .value-menu {
    z-index: 50;
    position: absolute;
    top: 100%;
    right: 10px;
    -webkit-box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    padding: 2px 10px;
    background-color: #fff;
    max-height: 105px;
    overflow: auto;
    box-sizing: border-box; }
    .value-changer .value-menu li {
      padding: 2px 5px;
      font-size: 14px; }
      .value-changer .value-menu li:hover {
        color: #ffe082; }

.widget-info-title {
  font-size: 20px;
  text-align: center;
  padding: 10px 20px;
  padding-top: 130px;
  margin-bottom: 30px;
  background-position: center 30px;
  background-repeat: no-repeat; }

.payment-amount-currency {
  position: absolute;
  right: 35px;
  top: 20px;
  font-weight: 700; }

.PaymentLimits .uk-grid {
  display: block; }

.PaymentLimits .uk-grid > * {
  float: unset; }

.PaymentLimits .payment-limits {
  padding: 70px 100px 50px 100px;
  box-sizing: border-box; }
  .PaymentLimits .payment-limits .payment-limit-container {
    display: flex; }
  .PaymentLimits .payment-limits .uk-width-3-6,
  .PaymentLimits .payment-limits .uk-width-2-6,
  .PaymentLimits .payment-limits .uk-width-1-6 {
    display: inline-block;
    padding-left: 25px;
    box-sizing: border-box; }
  .PaymentLimits .payment-limits .uk-width-3-6 {
    width: 50%;
    padding-left: 0; }
  .PaymentLimits .payment-limits .uk-width-2-6 {
    width: 30%; }
  .PaymentLimits .payment-limits .uk-width-1-6 {
    width: 18%; }
  .PaymentLimits .payment-limits .custom-form .group {
    margin-bottom: 20px; }
  .PaymentLimits .payment-limits .drag-bar {
    min-height: 60px;
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 22px; }
    .PaymentLimits .payment-limits .drag-bar .plSlider {
      width: calc(100% - 70px);
      display: inline-block;
      position: relative;
      top: 20px;
      left: 60px; }
  .PaymentLimits .payment-limits input[disabled] {
    color: gray; }
  .PaymentLimits .payment-limits .limitInputError {
    border-color: red; }
    .PaymentLimits .payment-limits .limitInputError span {
      color: red; }
  .PaymentLimits .payment-limits .select-1 {
    padding: 0; }

.PaymentOrderV3 .s-widget-body {
  overflow-x: hidden; }

.PaymentOrderV3.s-widget {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto; }

.PaymentOrderV3 .col-fix-size-1 {
  width: 100%;
  padding-top: 15px;
  margin-bottom: 18px; }

.PaymentOrderV3 .col-fix-size-2 {
  padding-top: 15px;
  margin-bottom: 18px; }

.PaymentOrderV3 .col-fix-size-3 {
  right: -15px;
  top: 14px; }

.PaymentOrderV3 .col-fix-size-4 {
  float: right !important;
  padding-left: 0px !important; }

.PaymentOrderV3 .col-fix-size-5 {
  right: -45px; }

.PaymentOrderV3 .col-fix-size-6 {
  display: inline-block;
  padding-top: 12px;
  margin-bottom: 18px;
  margin-right: -3px; }

.PaymentOrderV3 .col-fix-size-7 {
  bottom: -8px; }

.PaymentOrderV3 .info-icon.col-fix-size-8 {
  right: 20px;
  margin-right: 3px; }

.PaymentOrderV3 .uk-width-1-6 {
  width: 25%; }

.PaymentOrderV3 .uk-width-5-6 {
  width: 75%;
  padding-left: 15px; }

.PaymentTransferV2 .s-widget-body {
  overflow-x: hidden;
  min-height: 808px; }

.PaymentTransferV2 .noAccounts {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%); }

.MonthlyBills.dashboardMonthlyBills .clientGrid td {
  cursor: default !important;
  height: 67px; }

.MonthlyBills.dashboardMonthlyBills tr:hover button {
  opacity: 1; }

.MonthlyBills .s-widget-body {
  position: relative;
  overflow: visible; }
  .MonthlyBills .s-widget-body .empty-section.border {
    border-top: solid 2px #efefef; }

.MonthlyBills .wh-button-top-right {
  transform: translateY(-100%); }

.MonthlyBills .monthly-bills-list li {
  padding: 40px 95px 10px 95px;
  border-bottom: 2px solid #efefef; }

.MonthlyBills.hiddenHeader {
  background-image: none;
  max-width: 980px;
  margin: auto;
  margin-bottom: 50px; }
  .MonthlyBills.hiddenHeader .s-widget-header {
    display: none; }

.MonthlyBills .empty-section .btn-1 {
  min-width: 250px; }

.MonthlyBills .empty-section .text {
  line-height: 24px; }

.MonthlyBills .widget-tabs li {
  margin-right: 0;
  padding: 10px 45px; }

.MonthlyBills .clientGrid thead {
  display: none; }

.MonthlyBills .clientGrid .gridButton {
  color: #0095c9;
  text-transform: uppercase; }

.MonthlyBills .clientGrid .title {
  text-align: left; }

.MonthlyBills .tab0 .clientGrid td:nth-child(4) {
  width: 100px; }

.MonthlyBills .tab1 .clientGrid td:nth-child(3),
.MonthlyBills .tab1 .clientGrid td:nth-child(4) {
  width: 100px; }

.MonthlyBillsOverview .clientGrid .title {
  text-align: left; }

.MonthlyBillsOverview .clientGrid tbody td:nth-child(4) {
  display: none; }

.monthlyBillsHelp::before {
  height: 0 !important;
  padding-bottom: 0 !important; }

.monthlyBillDialog .largeTagLetter {
  font-size: 50px;
  position: absolute;
  top: 15px;
  z-index: -1;
  left: 50%;
  transform: translateX(-50%); }

.monthlyBillDialog .subtitle {
  font-size: 16px;
  margin-bottom: 30px; }

.monthlyBillDialog .blueHover.custom-grid.type-2 .col {
  border-bottom: 1px solid #ebeced;
  cursor: pointer;
  padding-top: 10px; }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col:hover {
    background-color: #e5f4f9; }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col:nth-child(even) {
    width: 46%;
    float: right;
    padding-left: 0; }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col .transaction .tag {
    margin-left: 0;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center; }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col .transaction span:nth-child(2) {
    color: #7b7b7b;
    line-height: 25px; }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col .transaction .icon-arrow-right-1 {
    width: 20px;
    height: 20px;
    float: right;
    background-repeat: no-repeat;
    position: relative;
    top: 15px; }

.monthlyBillDialog .account-picture-wrap {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 80px; }
  .monthlyBillDialog .account-picture-wrap .image-wrap {
    position: relative;
    width: 90px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid #d9d9d9;
    border-radius: 50%;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: center center; }
  .monthlyBillDialog .account-picture-wrap .title {
    font-size: 24px; }
  .monthlyBillDialog .account-picture-wrap .address {
    font-size: 16px;
    color: #7b7b7b; }

.monthlyBillDialog .two-buttons-wrap .btn-1 {
  width: calc(50% - 12px); }
  .monthlyBillDialog .two-buttons-wrap .btn-1:first-child {
    margin-right: 20px; }

.monthlyBillDialog .contractNumberImage {
  height: 230px;
  background-repeat: no-repeat;
  background-size: cover; }

/*#endregion Payments*/
.FXTrading .noAccounts {
  text-align: center;
  height: 102px;
  line-height: 102px; }

/*#region P2P*/
.P2PPaymentTransfer {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }
  .P2PPaymentTransfer .s-widget-body {
    overflow-x: hidden;
    min-height: 780px; }
  .P2PPaymentTransfer .select-1.type-2 {
    font-size: 18px;
    font-weight: 700; }
    .P2PPaymentTransfer .select-1.type-2 .dk-option {
      font-weight: normal;
      font-size: 16px; }
  .P2PPaymentTransfer .p2pConfirmation {
    padding: 50px; }
    .P2PPaymentTransfer .p2pConfirmation img {
      max-width: 100%; }
    .P2PPaymentTransfer .p2pConfirmation p a {
      color: #0095c9;
      text-decoration: underline;
      cursor: pointer; }
  .P2PPaymentTransfer .validationMessage {
    margin-top: 18px; }

/*#endregion P2P*/
/*#region PaymentOverview*/
.PaymentOverviewV2 .clientGrid thead, .FXTradingOverview .clientGrid thead, .P2PPaymentOverview .clientGrid thead, .MonthlyBillsOverview .clientGrid thead {
  display: none; }

.PaymentOverviewV2 .s-widget-body[style="position: relative;"] .filter-dialog-button, .FXTradingOverview .s-widget-body[style="position: relative;"] .filter-dialog-button, .P2PPaymentOverview .s-widget-body[style="position: relative;"] .filter-dialog-button, .MonthlyBillsOverview .s-widget-body[style="position: relative;"] .filter-dialog-button {
  visibility: hidden; }

.P2PPaymentOverview .status_1 {
  color: #0095c9; }

.P2PPaymentOverview .status_2,
.P2PPaymentOverview .status_3 {
  color: gray; }

.P2PPaymentOverview .status_4 {
  color: #4fc44f; }

.PaymentOverviewV2 .status_20, .PaymentOverviewV2 .status_25 {
  color: #4fc44f; }

.PaymentOverviewV2 .status_22, .PaymentOverviewV2 .status_30, .PaymentOverviewV2 .status_31, .PaymentOverviewV2 .status_32 {
  color: red; }

.PaymentOverviewV2 .status_2, .PaymentOverviewV2 .status_6, .PaymentOverviewV2 .status_9, .PaymentOverviewV2 .status_10, .PaymentOverviewV2 .status_36, .PaymentOverviewV2 .status_44, .PaymentOverviewV2 .status_45, .PaymentOverviewV2 .status_51, .PaymentOverviewV2 .status_56 {
  color: #0095c9; }

/*#endregion PaymentOverview*/
/*#region Inflows*/
.InflowsOverview .s-widget-body {
  min-height: 117px; }

.InflowsOverview .gridFilterArea {
  display: none; }

.InflowsOverview .widget-tabs li {
  padding: 15px 40px;
  cursor: pointer;
  box-sizing: border-box;
  margin-right: 0; }

.InflowsOverview .clientGrid .value {
  display: inline-block; }

.InflowsOverview .clientGrid a {
  margin-right: 20px; }

.InflowsOverview .clientGrid thead {
  display: none; }

/*#endregion Inflows*/
/*#region Accounts*/
.AccountTurnoverV3 {
  position: relative;
  background-position: 25px 18px; }
  .AccountTurnoverV3 #divPrint, .AccountTurnoverV3 .tableHeader, .AccountTurnoverV3 .clientGrid thead, .AccountTurnoverV3 #AccountTurnoverContent .currency {
    display: none; }
  .AccountTurnoverV3 .widget-options.print {
    margin-right: 55px;
    margin-top: 3px; }
  .AccountTurnoverV3 .s-widget-body[style="position: relative;"] .widget-options.print {
    visibility: hidden; }

.select-3-detail {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 90px;
  margin-bottom: 0; }
  .select-3-detail select {
    width: 100%;
    padding: 0px 35px;
    padding-left: 0;
    background-color: #fff;
    font-family: "amalia", sans-serif;
    font-size: 16px;
    display: block;
    line-height: 24px;
    float: right;
    direction: rtl;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .select-3-detail:before {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute;
    top: 8px;
    right: 15px; }

.gvUnusedCheques thead,
.gvUndueLiabilities thead,
.gvReservedFunds thead {
  display: none; }

.gvUnusedCheques tbody tr:first-child,
.gvUndueLiabilities tbody tr:first-child,
.gvReservedFunds tbody tr:first-child {
  border-top: none !important; }

.gvUnusedCheques tbody tr .value,
.gvUndueLiabilities tbody tr .value,
.gvReservedFunds tbody tr .value {
  text-align: right !important; }

.gvUnusedCheques .clientGrid tbody tr .value,
.gvUndueLiabilities .clientGrid tbody tr .value,
.gvReservedFunds .clientGrid tbody tr .value {
  line-height: normal; }

.undue-liabilities-dialog .ui-dialog-buttonset button,
.reserved-dialog .ui-dialog-buttonset button,
.short-dialog .ui-dialog-buttonset button,
.filter-dialog .ui-dialog-buttonset button {
  border: transparent;
  background-size: 25px !important;
  width: 30px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 46px;
  left: 40px;
  background: url(images/back-1.png) no-repeat, transparent; }

.undue-liabilities-dialog .ui-dialog-content.ui-widget-content,
.reserved-dialog .ui-dialog-content.ui-widget-content,
.short-dialog .ui-dialog-content.ui-widget-content,
.filter-dialog .ui-dialog-content.ui-widget-content {
  height: 100% !important; }

.undue-liabilities-dialog .check-title,
.reserved-dialog .check-title,
.short-dialog .check-title,
.filter-dialog .check-title {
  color: #7b7b7b; }

.filter-dialog .ui-dialog-content.ui-widget-content {
  height: calc(100% - 30px) !important; }

.detail-icon-arrow-right-1 {
  background: url(images/icons/arrow-blue-r.png) no-repeat, transparent;
  background-size: 6px;
  position: static;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: center center;
  cursor: pointer;
  margin-left: 10px; }

.account-detail-link {
  cursor: pointer; }
  .account-detail-link span {
    color: #0095c9 !important; }
  .account-detail-link:hover {
    opacity: 0.7; }

/*AccountLastChanges*/
.AccountLastChanges {
  background-position: 25px 18px;
  position: relative; }
  .AccountLastChanges .s-widget-body {
    position: relative;
    overflow: visible;
    min-height: 369px; }
    .AccountLastChanges .s-widget-body .empty-section {
      padding: 90px 0; }
    .AccountLastChanges .s-widget-body .topBorder {
      border-top: 1px solid #ebeced !important; }
  .AccountLastChanges .s-widget-body-error-summary {
    position: absolute;
    width: 100%; }

#gvAccountLastChanges {
  min-height: 321px; }

#gvAccountLastChanges thead {
  display: none; }

#gvAccountLastChanges .clientGrid td:nth-child(2) {
  width: 70px; }

#gvAccountLastChanges .clientGrid tbody tr:first-child {
  border-top: none; }

.last-transactions-section {
  max-height: 422px; }

.transaction {
  position: relative;
  padding: 10px 25px 10px 20px; }

#gvAccountLastChanges .tag {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  /*top: 0;*/
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  position: absolute;
  left: 30px;
  border: 2px solid #d9d9d9;
  color: #000;
  font-weight: normal;
  font-size: 16px;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  padding-top: 0;
  margin-top: 0px;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%; }

#gvAccountLastChanges .tag.type-2 {
  border-color: #ed1c24;
  background-color: #ed1c24; }

#gvAccountLastChanges .tag {
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  position: absolute;
  /*top: 50%;*/
  left: 20px;
  display: inline-block;
  max-width: 100%;
  max-height: 100%; }

/*End AccountLastChanges*/
.ActiveNoticesOverviewV4 .s-widget-body {
  min-height: 420px;
  overflow: visible; }

/*#endregion Accounts*/
/*#region Cards*/
.CardTurnoverAndSpendings {
  position: relative;
  background-position: 25px 18px; }
  .CardTurnoverAndSpendings .clientGrid thead, .CardTurnoverAndSpendings .tableTitle.currency, .CardTurnoverAndSpendings .tableFilter, .CardTurnoverAndSpendings .tableHeader {
    display: none; }
  .CardTurnoverAndSpendings .clientGrid tbody tr:first-child {
    border-top: none; }

.statements {
  display: none; }

.CardStatements .tableFilter {
  display: none; }

.CardStatements .s-widget-body[style="position: relative;"] .filter-dialog-button {
  visibility: hidden; }

.CardStatements .clientGrid thead th {
  text-align: left; }
  .CardStatements .clientGrid thead th:nth-child(2) {
    padding-left: 20px; }

.CardStatements .clientGrid tbody tr td:nth-child(2) {
  padding-left: 20px; }

.CardStatements .clientGrid tbody tr td:nth-child(5) {
  width: 110px; }

.CardStatements .clientGrid tbody tr td p {
  height: 38px;
  vertical-align: middle; }

.card-detail.custom-grid.type-2 .col:nth-child(odd) {
  padding-left: 30px; }

.card-detail.custom-grid.type-2 .col:nth-child(even) {
  padding-left: 0px; }

.card-img {
  padding-left: 30px;
  max-width: 42%; }

.card-icon {
  width: 40px !important; }

.CardStatementsCalendar .s-widget-body-header {
  border-bottom: none; }

.CardStatementsCalendar thead tr {
  height: 37px; }

.card-payment.PaymentOrderV3 {
  visibility: hidden; }

.card-payment .s-widget-header {
  background-repeat: no-repeat; }

.card-payment .s-widget-body-header {
  display: none !important; }

.card-payment-step2 {
  margin-left: 15px;
  margin-right: 15px; }

.btn-1.card-commision {
  width: 49%; }

.progress-bar-wrap.progress-bar-card {
  display: block; }

.payment-option-from {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: inherit;
  font: inherit;
  vertical-align: baseline;
  width: 100%;
  height: 100%; }

.loan-payment .select-3,
.card-payment-form .select-3 {
  width: auto;
  font-weight: 700;
  font-family: "amalia", sans-serif;
  font-size: 16px;
  display: block;
  padding: 14px 35px;
  padding-left: 0px; }

.loan-payment .select-3:before,
.card-payment-form .select-3:before {
  content: none; }

.card-payment-form {
  padding-top: 70px; }
  .card-payment-form .widget-button {
    margin-top: 100px;
    border-top: 2px solid #efefef; }
  .card-payment-form .payment-option-from::after {
    content: '';
    width: 0;
    height: 0;
    border: 0;
    background: none;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #000000 transparent transparent transparent;
    position: absolute; }

.card-detail img {
  max-width: 300px;
  width: 100%; }

/*#endregion Cards*/
/*#region Loans*/
.widget-loan-repayment {
  min-height: 660px; }

.LoanRepayments {
  visibility: hidden;
  background-position: 25px 18px; }

.gvLoanRepayments thead {
  display: none; }

.gvLoanRepayments td:nth-child(2) {
  padding-left: 25px; }

.gvLoanRepayments td:nth-child(3) {
  padding-right: 5px; }

.loan-payment .title.tag-title {
  padding-left: 40px !important; }

.loan-payment .icon-accounts-4 {
  position: absolute;
  left: 0;
  width: 40px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 5px 2px; }

.loan-slider-container {
  position: relative;
  z-index: 10;
  padding: 0 160px; }

/*#endregion Loans*/
/*#region NoticesSlider*/
.NoticesSlider {
  position: absolute;
  bottom: 30px;
  left: 64px;
  width: calc(50vw - 128px);
  z-index: 1;
  background: none; }
  .NoticesSlider .s-widget-body {
    padding: 0;
    border-top: none; }
  .NoticesSlider .slider-wrapper {
    background-color: var(--uds-base-background-translucent);
    width: 100%;
    position: relative; }
    .NoticesSlider .slider-wrapper .slider-wrapper_top {
      height: auto;
      width: 100%;
      padding: 16px 12px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_top h3 {
        font-size: 20px;
        font-weight: 700;
        color: var(--uds-font-color); }
    .NoticesSlider .slider-wrapper .slider-wrapper_middle {
      height: 152px;
      width: 100%;
      border-left: none;
      border-right: none; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle a {
        color: var(--action-color);
        text-decoration: underline;
        font-weight: 700; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle a:hover {
          color: var(--action-color-hover); }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header {
        position: absolute;
        margin-top: -60px;
        right: 0px; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header p {
          float: left;
          font-size: 13px;
          color: var(--uds-font-color);
          margin-top: 21px;
          margin-right: 22px; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right {
          float: right; }
          .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options {
            float: right;
            zoom: 1;
            padding-top: 20px;
            padding-right: 15px; }
            .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options:after {
              display: block;
              visibility: hidden;
              height: 0;
              clear: both;
              content: "."; }
            .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li {
              float: right; }
              .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li i {
                display: inline-block;
                width: 7px;
                height: 26px;
                border-radius: 13px;
                background-position: center center;
                background-repeat: no-repeat;
                position: relative;
                top: -3px;
                border: none;
                cursor: pointer; }
                .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li i.left-icon-2 {
                  background-image: url(images/icons/arrow-left-1.png); }
                .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li i.right-icon-2 {
                  background-image: url(images/icons/arrow-right-3.png); }
              .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li .pause {
                cursor: pointer;
                background-image: url(images/icons/slider-pause-icon-2.png);
                background-repeat: no-repeat; }
                .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li .pause.play {
                  background-image: url(images/icons/play-3.jpg);
                  background-repeat: no-repeat;
                  background-size: 30%; }
              .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li #nav-prev,
              .NoticesSlider .slider-wrapper .slider-wrapper_middle .widget-header .col-right .widget-options li #nav-next {
                cursor: pointer; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .inner .slick-slide {
        position: relative;
        height: 150px;
        overflow-y: hidden;
        background: var(--uds-base-background);
        border-radius: 8px;
        border: solid 1px var(--uds-border-color);
        text-align: left;
        padding: 16px 16px 16px 48px;
        box-sizing: border-box; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle .inner .slick-slide:before {
          content: "";
          display: block;
          position: absolute;
          top: 16px;
          left: 16px;
          width: 16px;
          height: 16px;
          background-color: var(--top-nav-icon-color);
          mask: url("images/uds/info-icon.svg") no-repeat center;
          -webkit-mask: url("images/uds/info-icon.svg") no-repeat center;
          mask-size: 16px;
          -webkit-mask-size: 16px;
          background-color: var(--uds-font-color);
          top: 24px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .inner p {
        color: var(--uds-font-color);
        font-size: 16px;
        line-height: 24px;
        max-height: 74px;
        overflow-y: scroll; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .inner h3 {
        font-family: amalia;
        font-weight: 700;
        color: var(--uds-font-color);
        font-size: 16px;
        line-height: 24px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .inner .date-time {
        color: var(--uds-secondary-font-color);
        font-size: 10px;
        line-height: 20px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .slick-dots {
        width: 100%;
        position: absolute;
        bottom: -30px;
        height: 19px;
        text-align: center; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle .slick-dots li {
          display: inline-block;
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: var(--uds-base-background);
          cursor: pointer;
          margin: 4px; }
          .NoticesSlider .slider-wrapper .slider-wrapper_middle .slick-dots li button {
            padding: 0;
            text-indent: -9999px;
            overflow: hidden;
            display: inline-block;
            border: none; }
          .NoticesSlider .slider-wrapper .slider-wrapper_middle .slick-dots li.slick-active {
            background: var(--dots-color-active) !important; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .slick-arrow {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        border: 2px solid var(--uds-border-color);
        background: var(--uds-base-background);
        cursor: pointer;
        transition: none;
        position: absolute;
        top: calc(50% - 16px);
        background-image: none !important; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle .slick-arrow:hover {
          border: 2px solid var(--uds-border-color);
          background: var(--uds-border-color); }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle #nav-prev {
        left: -48px;
        z-index: 100; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle #nav-prev:after {
          content: "";
          display: block;
          cursor: pointer;
          position: relative;
          width: 16px;
          height: 16px;
          background-color: var(--top-nav-icon-color);
          mask: url("images/uds/go-left.svg") no-repeat center;
          -webkit-mask: url("images/uds/go-left.svg") no-repeat center;
          mask-size: 16px;
          -webkit-mask-size: 16px;
          background-color: var(--uds-font-color);
          padding: 8px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle #nav-next {
        right: -48px;
        z-index: 100; }
        .NoticesSlider .slider-wrapper .slider-wrapper_middle #nav-next:after {
          content: "";
          display: block;
          cursor: pointer;
          position: relative;
          width: 16px;
          height: 16px;
          background-color: var(--top-nav-icon-color);
          mask: url("images/uds/go-right.svg") no-repeat center;
          -webkit-mask: url("images/uds/go-right.svg") no-repeat center;
          mask-size: 16px;
          -webkit-mask-size: 16px;
          background-color: var(--uds-font-color);
          padding: 8px; }
    .NoticesSlider .slider-wrapper .slider-wrapper_bottom {
      padding: 20px 20px 0 20px; }
      .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info {
        float: left; }
        .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li {
          float: left;
          margin-right: 10px;
          margin-bottom: 10px;
          min-width: 150px; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li div {
            float: left;
            width: 18px;
            height: 18px;
            background-repeat: no-repeat !important;
            background-size: 18px auto !important; }
            .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li div.chat-icon {
              display: inline-block;
              width: 20px;
              height: 20px;
              background: var(--uds-base-background);
              position: relative;
              border-radius: 50%; }
              .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li div.chat-icon span {
                width: 100%;
                height: 2px;
                background: #000;
                transform-origin: center;
                transform: translateY(-50%) rotate(0deg) scale(0.5);
                position: absolute;
                top: 50%; }
                .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li div.chat-icon span:last-child {
                  transform: translateY(-50%) rotate(90deg) scale(0.5); }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li p {
            float: left;
            font-size: 15px;
            padding-left: 10px; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li a {
            font-size: 16px;
            color: var(--uds-font-color);
            padding-left: 10px;
            text-decoration: none; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__info li:hover {
            opacity: 0.5;
            transition: opacity .45s ease;
            -webkit-transition: opacity .45s ease; }
      .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social {
        float: right;
        margin-bottom: 10px; }
        .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li {
          margin-right: 25px;
          float: left; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li:last-child {
            margin-right: 0; }
          .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li div {
            float: left;
            height: 29px;
            background-repeat: no-repeat !important;
            background-size: contain !important;
            background-position: center; }
            .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li div.facebook-icon {
              background: url(images/icons/facebook-1.png);
              width: 18px;
              height: 18px; }
              .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li div.facebook-icon:hover {
                opacity: 0.5;
                transition: opacity .45s ease;
                -webkit-transition: opacity .45s ease; }
            .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li div.youtube-icon {
              background: url(images/icons/youtube-1.png);
              width: 20px;
              height: 18px; }
              .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li div.youtube-icon:hover {
                opacity: 0.5;
                transition: opacity .45s ease;
                -webkit-transition: opacity .45s ease; }
            .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li div.nfg-icon {
              width: 42px;
              height: 18px;
              background: url(images/icons/pic_powered_by_nfg_raiff.png); }
              .NoticesSlider .slider-wrapper .slider-wrapper_bottom .slider-wrapper_bottom__social li div.nfg-icon:hover {
                opacity: 0.5;
                transition: opacity .45s ease;
                -webkit-transition: opacity .45s ease; }

@media only screen and (max-width: 720px) {
  .NoticesSlider {
    width: calc(100vw - 48px) !important;
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    margin-left: 24px;
    margin-top: 64px; }
    .NoticesSlider .slider-wrapper .slider-wrapper_middle {
      height: auto; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .inner .slick-slide {
        height: auto; }
      .NoticesSlider .slider-wrapper .slider-wrapper_middle .inner p {
        max-height: none; }
    .NoticesSlider .slider-wrapper .slick-arrow {
      display: none; } }

/*#endregion NoticesSlider*/
/*#region CurrencyExchange*/
.CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange {
  max-height: 246px; }
  .CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange .clientGrid thead tr th {
    padding-top: 22px; }
  .CurrencyExchangeV2.dashboard-currency-exchange .gvCurrencyExchange .clientGrid td:nth-child(2) {
    font-weight: bold;
    position: relative;
    top: -5px; }

.CurrencyExchangeV2.dashboard-currency-exchange .curencyExchangeFilter {
  display: none; }

.CurrencyExchangeV2:not(.dashboard-currency-exchange) {
  display: none; }
  .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid th {
    text-transform: capitalize;
    font-size: 16px; }
  .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td {
    font-size: 16px; }
    .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td:nth-child(2) {
      font-size: 18px; }
    .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid td .currency-flag {
      position: relative;
      top: -5px; }

.CurrencyExchangeV2 select.typesList {
  text-transform: uppercase !important; }

.CurrencyExchangeV2 .noticeSection {
  display: none; }

.CurrencyExchangeV2 .clientGrid .tablesaw-cell-label {
  display: none; }

.CurrencyExchangeV2 .clientGrid tbody tr td {
  cursor: default !important;
  font-size: 14px; }
  .CurrencyExchangeV2 .clientGrid tbody tr td span.currency-flag:before {
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
    margin: auto;
    content: "";
    background-repeat: no-repeat;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 10px;
    right: 10px; }

/*#endregion CurrencyExchange*/
/*#region FXTrading*/
.FXTrading {
  margin-bottom: 0; }
  .FXTrading .s-widget-body {
    overflow: visible; }
  .FXTrading .widget-tabs {
    margin-bottom: 0; }
    .FXTrading .widget-tabs .button-wrap .active {
      border-color: #000; }
      .FXTrading .widget-tabs .button-wrap .active:nth-child(1) a {
        background-image: url(images/icons/chart-3.png); }
      .FXTrading .widget-tabs .button-wrap .active:nth-child(2) a {
        background-image: url(images/icons/icon-reload-2.png); }

.FXTradingCalculator * {
  box-sizing: border-box; }

.FXTradingCalculator .s-overlay-message {
  box-sizing: content-box; }

.FXTradingCalculator .s-widget-body {
  position: relative; }

.FXTradingCalculator .currency {
  width: 50%;
  float: left;
  padding: 40px 20px; }
  .FXTradingCalculator .currency.currency-left {
    padding-left: 40px; }
  .FXTradingCalculator .currency.currency-right {
    padding-right: 40px; }
  .FXTradingCalculator .currency .select-3 {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%); }
  .FXTradingCalculator .currency .flag {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size: cover;
    border-radius: 50%; }
    .FXTradingCalculator .currency .flag.RSD {
      background-image: url(images/icons/icon-rsd-table.png); }
    .FXTradingCalculator .currency .flag.EUR {
      background-image: url(images/icons/eu.png); }

.FXTradingCalculator .eq {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100px;
  position: absolute;
  font-size: 24px;
  color: #cacaca;
  line-height: 35px;
  margin-bottom: 0; }

.FXTradingCalculator .btn-1 {
  border-top: 1px solid #efefef; }

.FXTradingCurrencyHistory {
  display: none;
  margin-bottom: 0; }
  .FXTradingCurrencyHistory .tableFilter {
    border-bottom: none; }
  .FXTradingCurrencyHistory .col-fix-size-1 {
    width: 310px;
    float: none; }

/*#endregion FXTrading*/
/*#region CreditorTemplateManaging*/
.CreditorTemplateManaging {
  position: relative; }
  .CreditorTemplateManaging .s-widget-button-filter {
    display: table-cell !important; }
  .CreditorTemplateManaging.icon-users-2 .s-widget-button-filter {
    position: relative;
    left: -60px; }
    .CreditorTemplateManaging.icon-users-2 .s-widget-button-filter .s-icon-filter {
      background-image: url(images/icons/icon-search-1.png); }
      .CreditorTemplateManaging.icon-users-2 .s-widget-button-filter .s-icon-filter:hover {
        background-image: url(images/icons/icon-search-2.png); }
  .CreditorTemplateManaging .clientGrid thead {
    display: none; }
  .CreditorTemplateManaging .clientGrid .tablesaw-cell-label {
    display: none; }
  .CreditorTemplateManaging .clientGrid td:nth-child(2) {
    width: 40px; }
  .CreditorTemplateManaging .clientGrid tr:hover button {
    opacity: 1; }
  .CreditorTemplateManaging .gridFilterArea {
    position: relative;
    display: none; }
    .CreditorTemplateManaging .gridFilterArea span {
      font-size: 14px;
      color: #7b7b7b;
      background: var(--uds-base-background);
      position: relative;
      top: 10px;
      left: 20px;
      padding: 0 10px; }
    .CreditorTemplateManaging .gridFilterArea .gridFilterInput {
      padding: 13px 15px 4px 15px;
      line-height: 23px;
      font-family: "amalia", sans-serif;
      font-size: 16px;
      letter-spacing: 0.5px;
      color: #494f5a;
      border-radius: 0;
      box-sizing: border-box;
      width: 95%;
      display: block;
      margin: 0 auto 20px auto;
      border: solid 1px #d1d1d1; }
  .CreditorTemplateManaging .name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 35px;
    white-space: nowrap;
    float: left;
    width: calc(100% - 200px); }
  .CreditorTemplateManaging.editTemplateView {
    background-image: none;
    background-color: transparent; }
    .CreditorTemplateManaging.editTemplateView .s-widget-header {
      display: none; }
    .CreditorTemplateManaging.editTemplateView .s-widget-body {
      overflow: visible; }
  .CreditorTemplateManaging hr {
    position: relative;
    top: 5px; }
  .CreditorTemplateManaging .combined-inputs .input.type-2 {
    max-width: 129px; }

.CreditorTemplateManaging.dashboard-widget .s-widget-body {
  min-height: 252px; }

.CreditorTemplateManaging.dashboard-widget .wh-button {
  display: none; }

.CreditorTemplateManaging.dashboard-widget .gvTemplateList {
  height: 203px; }
  .CreditorTemplateManaging.dashboard-widget .gvTemplateList .tablesaw-bar {
    height: 28px; }
  .CreditorTemplateManaging.dashboard-widget .gvTemplateList tr {
    border-bottom: 1px solid #ebeced !important; }
    .CreditorTemplateManaging.dashboard-widget .gvTemplateList tr:first-child {
      border-top: 1px solid #ebeced !important; }
  .CreditorTemplateManaging.dashboard-widget .gvTemplateList td {
    cursor: default !important; }
  .CreditorTemplateManaging.dashboard-widget .gvTemplateList th:nth-child(4),
  .CreditorTemplateManaging.dashboard-widget .gvTemplateList td:nth-child(4),
  .CreditorTemplateManaging.dashboard-widget .gvTemplateList th:nth-child(5),
  .CreditorTemplateManaging.dashboard-widget .gvTemplateList td:nth-child(5) {
    display: none; }

.CreditorTemplateManaging.dashboard-widget .clientGridPager {
  display: none !important; }

.CreditorTemplateManaging.dashboard-widget .newTemplateButtonContainer {
  position: relative;
  top: -1px; }

.CreditorTemplateManaging.dashboard-widget .topBorder {
  border-top: 1px solid #ebeced !important; }

.CreditorTemplateManaging:not(.dashboard-widget) .s-widget-body {
  position: relative;
  overflow: visible; }

.CreditorTemplateManaging:not(.dashboard-widget) .wh-button-top-right {
  transform: translateY(-100%); }

.CreditorTemplateManaging:not(.dashboard-widget) .name {
  width: calc(100% - 250px); }

.CreditorTemplateManaging:not(.dashboard-widget) button {
  border: none;
  background: transparent;
  color: #0095c9;
  text-transform: uppercase;
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer; }
  .CreditorTemplateManaging:not(.dashboard-widget) button.pay {
    display: none; }

.CreditorTemplateManaging:not(.dashboard-widget) .newTemplate {
  display: none; }

.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(4),
.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(5) {
  width: 50px; }

.CreditorTemplateManaging:not(.dashboard-widget) .clientGrid tr td:nth-child(6) {
  display: none; }

.CreditorTemplateManaging:not(.dashboard-widget) .gridFilterArea span {
  left: 50px; }

/*#endregion CreditorTemplateManaging*/
/*#region Products*/
.Products {
  position: relative;
  background-position: 25px 19px; }
  .Products .s-widget-body {
    overflow: visible; }
  .Products .change-tab {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 5px; }
    .Products .change-tab .widget-options {
      padding-top: 2px;
      padding-right: 0; }
      .Products .change-tab .widget-options li {
        cursor: pointer; }
        .Products .change-tab .widget-options li .t-modal {
          z-index: 1; }
  .Products .chart-tab {
    text-align: center;
    padding: 12px 20px 0 20px;
    border-bottom: 5px solid #ffec00;
    border-top: 2px solid transparent;
    position: relative;
    box-sizing: border-box;
    max-height: 360px;
    overflow: visible; }
    .Products .chart-tab .chart-slider {
      width: 600px;
      margin: 0 auto; }
      .Products .chart-tab .chart-slider .slick-list {
        z-index: 20; }
    .Products .chart-tab .chart-content {
      width: 280px;
      position: absolute;
      left: 50%;
      top: 167px;
      margin-left: -140px;
      text-align: center; }
      .Products .chart-tab .chart-content .btn-1 {
        width: auto;
        line-height: 26px;
        padding: 7px 20px; }
        .Products .chart-tab .chart-content .btn-1 i {
          width: 30px;
          height: 25px;
          display: inline-block;
          background-repeat: no-repeat;
          background-position: center center;
          float: left;
          position: relative;
          top: -2px;
          margin-right: 10px; }
      .Products .chart-tab .chart-content .title {
        font-size: 16px;
        color: #7b7b7b;
        margin-bottom: 16px; }
      .Products .chart-tab .chart-content .chart-val div {
        display: inline; }
      .Products .chart-tab .chart-content .chart-val .val {
        display: inline-block;
        font-size: 30px;
        color: #000;
        margin-bottom: 20px;
        cursor: pointer; }
        .Products .chart-tab .chart-content .chart-val .val.defaultCursor {
          cursor: default; }
      .Products .chart-tab .chart-content .chart-val .small {
        font-size: 24px; }
    .Products .chart-tab .account-name {
      display: inline-block;
      font-size: 18px;
      color: #000;
      margin-bottom: 8px;
      position: relative;
      z-index: 1; }
    .Products .chart-tab .acc-icon {
      display: inline-block;
      float: left;
      width: 24px;
      height: 24px;
      background-repeat: no-repeat;
      background-position: center center;
      margin-right: 10px;
      background-size: contain; }
    .Products .chart-tab .icon-2 {
      float: right;
      margin-left: 10px;
      cursor: pointer; }
    .Products .chart-tab .slick-slide .slide-inner {
      opacity: 0;
      -webkit-transition: all 0.7s ease;
      -moz-transition: all 0.7s ease;
      -ms-transition: all 0.7s ease;
      -o-transition: all 0.7s ease;
      transition: all 0.7s ease;
      -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
      -o-transition-delay: 0s;
      transition-delay: 0s; }
    .Products .chart-tab .slick-slide.slick-active .slide-inner {
      opacity: 1;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      -webkit-transition-delay: 0.4s;
      -moz-transition-delay: 0.4s;
      -ms-transition-delay: 0.4s;
      -o-transition-delay: 0.4s;
      transition-delay: 0.4s; }
    .Products .chart-tab .chart-wrap {
      width: 100%;
      position: relative;
      top: -50px; }
      .Products .chart-tab .chart-wrap .gauge-chart {
        width: 600px !important;
        height: 370px !important;
        margin: 0 auto; }
    .Products .chart-tab .slick-dots {
      width: 100%;
      position: absolute;
      bottom: 9px;
      height: 19px; }
      .Products .chart-tab .slick-dots li {
        display: inline-block;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: rgba(156, 150, 127, 0.2);
        cursor: pointer;
        margin: 4px; }
        .Products .chart-tab .slick-dots li button {
          padding: 0;
          text-indent: -9999px;
          overflow: hidden;
          display: inline-block;
          border: none; }
        .Products .chart-tab .slick-dots li.slick-active {
          background: var(--uds-font-color); }
  .Products .currencySelect {
    padding-right: 15px;
    position: relative; }
    .Products .currencySelect:after {
      transform: translateY(-50%);
      content: '';
      width: 0;
      height: 0;
      border: 0;
      background: none;
      border-style: solid;
      border-width: 6px 6px 0 6px;
      border-color: #000000 transparent transparent transparent;
      position: absolute;
      top: 11px;
      right: 0; }
    .Products .currencySelect .selected-currency {
      cursor: pointer; }
  .Products .value-menu {
    position: absolute;
    right: 160px;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.3);
    padding: 2px 10px;
    background-color: #fff;
    z-index: 1;
    max-height: 105px;
    overflow: auto;
    box-sizing: border-box; }
    .Products .value-menu li {
      transition: all 0.2s ease;
      font-size: 14px;
      border: none !important;
      padding: 2px 5px;
      color: #000;
      cursor: pointer; }
      .Products .value-menu li:hover {
        color: #ffe082; }
  .Products .chart-content .value-menu {
    right: 10px;
    top: 20px; }
  .Products .chart-content .currencySelect:after {
    top: 17px; }
  .Products .list-item.row-1 {
    cursor: default; }
    .Products .list-item.row-1.selected, .Products .list-item.row-1:hover {
      background: transparent; }
  .Products .pointer {
    cursor: pointer; }

/*#endregion Products*/
/*#region flags*/
.FXTradingCalculator .EUR,
.CurrencyExchangeV2 .currency-flag.EUR:before {
  background-image: url(images/icons/eu.png); }

.FXTradingCalculator .USD,
.CurrencyExchangeV2 .currency-flag.USD:before {
  background-image: url(images/icons/usa.png); }

.FXTradingCalculator .CHF,
.CurrencyExchangeV2 .currency-flag.CHF:before {
  background-image: url(images/icons/swiss.png); }

.FXTradingCalculator .GBP,
.CurrencyExchangeV2 .currency-flag.GBP:before {
  background-image: url(images/icons/great-britain.png); }

.FXTradingCalculator .AUD,
.CurrencyExchangeV2 .currency-flag.AUD:before {
  background-image: url(images/icons/australia.png); }

.FXTradingCalculator .RUB,
.CurrencyExchangeV2 .currency-flag.RUB:before {
  background-image: url(images/icons/russia.png); }

.FXTradingCalculator .SEK,
.CurrencyExchangeV2 .currency-flag.SEK:before {
  background-image: url(images/icons/sweden.png); }

.FXTradingCalculator .CAD,
.CurrencyExchangeV2 .currency-flag.CAD:before {
  background-image: url(images/icons/canada.png); }

.FXTradingCalculator .AED,
.CurrencyExchangeV2 .currency-flag.CAD:before {
  background-image: url(images/icons/aedflag.png); }

.FXTradingCalculator .DKK,
.CurrencyExchangeV2 .currency-flag.DKK:before {
  background-image: url(images/icons/denmark.png); }

.FXTradingCalculator .JPY,
.CurrencyExchangeV2 .currency-flag.JPY:before {
  background-image: url(images/icons/japan.png); }

.FXTradingCalculator .NOK,
.CurrencyExchangeV2 .currency-flag.NOK:before {
  background-image: url(images/icons/norway.png); }

/*#endregion flags*/
/*#region tabs*/
.fast-payment-zone .s-widget-header.zone-header {
  position: relative;
  background-image: url(images/icons/payments_d.png);
  background-size: 24px;
  background-position: 18px 14px; }
  .fast-payment-zone .s-widget-header.zone-header .zone-filter {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 36px;
    height: 26px;
    background-image: url(images/icons/filter-1.png);
    background-repeat: no-repeat;
    border: 2px solid #cfd0d2;
    border-radius: 13px;
    background-size: 14px;
    box-sizing: border-box;
    background-position: center;
    cursor: pointer; }
    .fast-payment-zone .s-widget-header.zone-header .zone-filter:hover {
      border-color: #494f5a;
      background-image: url(images/icons/filter-2.png); }

.fast-payment-zone .filterArea {
  display: none; }
  .fast-payment-zone .filterArea input {
    padding: 13px 15px 4px 15px;
    line-height: 23px;
    font-family: "amalia", sans-serif;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #494f5a;
    border-radius: 0;
    box-sizing: border-box;
    width: 92%;
    display: block;
    margin: 0 auto 10px auto;
    border: solid 1px #d1d1d1; }
  .fast-payment-zone .filterArea span {
    font-size: 16px;
    color: #7b7b7b;
    background: var(--uds-base-background);
    position: relative;
    top: 10px;
    left: 30px;
    padding: 0 10px; }

.fast-payment-zone .k-link {
  font-size: 16px; }

.fast-payment-zone .k-tabstrip-items {
  padding-top: 10px; }

.fast-payment-zone .CreditorTemplateManaging .mode-stack {
  display: none; }

.fast-payment-zone .CreditorTemplateManaging .gvTemplateList tr {
  height: 67px; }

.exchange-zone .s-widget-header {
  background-image: url(images/icons/icon-exchange-office_d.png);
  background-size: 25px;
  background-position: 20px 15px; }

.exchange-zone .s-widget-body {
  min-height: 252px; }

.exchange-zone .k-link {
  font-size: 16px; }

.exchange-zone .k-tabstrip-items {
  padding-top: 10px; }

.payment-overview-zone {
  position: relative; }
  .payment-overview-zone .s-widget-header {
    background-image: url(images/icons/icon-last-trans.png);
    background-position: 20px 17px; }
  .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item:not(.k-state-active) {
    border-bottom: none; }

.statements-zone {
  visibility: hidden;
  position: relative; }
  .statements-zone .s-widget-header {
    background-image: url(images/icons/cards_d.png);
    background-size: 30px;
    background-position: 20px 13px; }
  .statements-zone .filter-dialog-button {
    right: 30px; }

.PersonalDataV2.s-widget {
  background-color: transparent !important;
  margin-bottom: 0px;
  padding-top: 10px;
  box-sizing: border-box; }

.PersonalDataV2 .s-widget-body {
  min-height: 30px; }

.mobilePhoneField {
  min-height: 45px; }

.mobilePrefix-contentData {
  float: left;
  color: #7b7b7b; }

.newMobileNumber-contentData {
  float: left;
  max-width: 250px;
  line-height: 24px !important;
  border: none; }

.profile-zone .attachment-card {
  max-width: 345px;
  padding-left: 50px; }

.profile-zone .attachment-card:before {
  top: 50%;
  width: 40px;
  height: 40px;
  left: 5px; }

.profile-zone.zone-2 .s-widget-body {
  border-top: none;
  margin: 0 auto; }

.profile-zone.zone-2 .ProfileData .s-widget-body,
.profile-zone.zone-2 .TokenList .s-widget-body {
  width: 100%;
  padding: 0;
  max-width: 100%; }

.profile-zone .user-profile-wrap {
  position: relative;
  padding-left: 145px; }
  .profile-zone .user-profile-wrap a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #000;
    margin-bottom: 20px; }
  .profile-zone .user-profile-wrap a:hover {
    color: #0095c9;
    border-color: #0095c9; }
  .profile-zone .user-profile-wrap .user-profile-tag {
    border-radius: 50%;
    width: 115px;
    height: 115px;
    background-color: #0095c9;
    color: #fff;
    font-size: 43px;
    text-transform: uppercase;
    text-align: center;
    line-height: 115px;
    vertical-align: middle;
    position: absolute;
    left: 0; }
  .profile-zone .user-profile-wrap .user-profile-tag.transparent {
    background-color: transparent !important; }
  .profile-zone .user-profile-wrap .user-profile-tag img {
    border-radius: 100%;
    width: 115px;
    height: 115px;
    margin: 0 auto;
    display: block; }
  .profile-zone .user-profile-wrap .user-profile-title {
    font-size: 30px;
    color: #000;
    margin-bottom: 5px; }
  .profile-zone .user-profile-wrap .user-profile-info {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    margin-bottom: 0;
    position: relative;
    top: 10px; }
    .profile-zone .user-profile-wrap .user-profile-info span {
      position: relative;
      font-size: 12px;
      color: #7b7b7b;
      margin: 0 10px; }
      .profile-zone .user-profile-wrap .user-profile-info span:nth-child(2) {
        margin-left: 0; }
    .profile-zone .user-profile-wrap .user-profile-info > span:not(.noLine):after {
      top: 50%;
      transform: translateY(-50%);
      right: -13px;
      position: absolute;
      content: "";
      width: 2px;
      height: 10px;
      background-color: #0095c9; }

.profile-zone .tabs-dropdown {
  display: none; }

.profile-zone .change-password-dialog {
  padding: 70px 100px 50px 100px;
  box-sizing: border-box; }
  .profile-zone .change-password-dialog .uk-width-3-6 {
    display: inline-block;
    padding-left: 35px;
    width: 49%;
    box-sizing: border-box; }
  .profile-zone .change-password-dialog .custom-form {
    margin-left: -35px;
    padding-top: 0; }

.exchange-office-zone .s-widget {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }

/*#endregion tabs*/
/*#region mCustomScrollbar*/
.s-widget .mCSB_inside > .mCSB_container {
  margin-right: 5px; }

.s-widget .mCSB_scrollTools .mCSB_draggerRail {
  background-color: rgba(0, 0, 0, 0.1); }

.s-widget .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #333; }

/*#endregion mCustomScrollbar*/
/*#region Chart*/
/*.exchange-office-zone {*/
.Chart {
  display: none; }
  .Chart #chartTypes {
    display: none; }
  .Chart .chartView {
    padding: 0 50px 40px 50px;
    box-sizing: border-box; }
  .Chart .noData {
    margin: auto auto 30px 50px; }

.currencyChart .highcharts-xaxis-labels span {
  width: 44px !important; }

/*}*/
/*#endregion Chart*/
/*#region Securities*/
.ticker-zone {
  width: calc(100% + 40px) !important;
  margin-top: -20px;
  margin-left: -20px; }
  .ticker-zone .SecuritiesTicker .s-widget-body {
    min-height: 48px;
    padding: 15px 0; }

.SecuritiesAccountBalance .clientGrid thead th,
.SecuritiesOrderConfirmationPreview .clientGrid thead th,
.SecuritiesOrderPreview .clientGrid thead th,
.SecuritiesAccountTurnover .clientGrid thead th {
  text-transform: none !important;
  font-size: 14px !important;
  text-align: left;
  vertical-align: middle;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #7b7b7b !important;
  line-height: 16px !important;
  font-family: "amalia", sans-serif !important;
  font-weight: 500 !important; }

.SecuritiesAccountBalance .clientGrid td,
.SecuritiesOrderConfirmationPreview .clientGrid td,
.SecuritiesOrderPreview .clientGrid td,
.SecuritiesAccountTurnover .clientGrid td {
  line-height: normal; }

.SecuritiesAccountBalance .clientGrid th:nth-child(2),
.SecuritiesAccountBalance .clientGrid td:nth-child(2),
.SecuritiesOrderConfirmationPreview .clientGrid th:nth-child(2),
.SecuritiesOrderConfirmationPreview .clientGrid td:nth-child(2),
.SecuritiesOrderPreview .clientGrid th:nth-child(2),
.SecuritiesOrderPreview .clientGrid td:nth-child(2),
.SecuritiesAccountTurnover .clientGrid th:nth-child(2),
.SecuritiesAccountTurnover .clientGrid td:nth-child(2) {
  padding-left: 20px;
  max-width: 200px !important; }

.SecuritiesAccountTurnover .clientGrid thead th.align-right, .SecuritiesAccountTurnover .clientGrid td.align-right {
  text-align: right !important;
  padding-right: 15px; }

.SecuritiesAccountBalance {
  position: relative;
  display: none; }
  .SecuritiesAccountBalance .clientGrid tbody .sell-button {
    border: none;
    background: transparent;
    color: #0095c9;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 10px;
    cursor: pointer;
    float: right; }
  .SecuritiesAccountBalance .clientGrid th:nth-child(9),
  .SecuritiesAccountBalance .clientGrid td:nth-child(9) {
    max-width: 80px !important; }

.SecuritiesAccountTurnover {
  position: relative;
  display: none; }
  .SecuritiesAccountTurnover .s-widget-body[style="position: relative;"] .widget-options.print {
    visibility: hidden; }
  .SecuritiesAccountTurnover .s-widget-body {
    padding-top: 15px; }
  .SecuritiesAccountTurnover .clientGrid td {
    padding: 11px 10px 11px 5px; }

.SecuritiesOrderConfirmationPreview .clientGrid th:last-child,
.SecuritiesOrderConfirmationPreview .clientGrid td:last-child {
  text-align: right;
  padding-right: 20px; }

.SecuritiesOrderConfirmationPreview .tableFilter {
  border: none; }

.SecuritiesOrderPreview .s-widget-button-filter {
  display: table-cell !important; }

.SecuritiesOrderPreview .clientGrid {
  position: relative; }

.SecuritiesOrderPreview .blueBorder:after, .SecuritiesOrderPreview .redBorder:after, .SecuritiesOrderPreview .greenBorder:after {
  position: absolute;
  content: "";
  left: 0;
  width: 6px;
  height: 67px; }

.SecuritiesOrderPreview .blueBorder:after {
  background-color: #0095c9; }

.SecuritiesOrderPreview .redBorder:after {
  background-color: #e23939; }

.SecuritiesOrderPreview .greenBorder:after {
  background-color: #9ccc66; }

.SecuritiesOrderPreview .withdraw-button {
  text-transform: uppercase;
  color: #0095c9; }

/*#endregion Securities*/
/*#region Tokens*/
.ProfileData .emial,
.ProfileData .token,
.TokenList .emial,
.TokenList .token {
  position: relative;
  padding: 20px 140px;
  padding-right: 100px;
  border-bottom: 2px solid #efefef; }
  .ProfileData .emial i,
  .ProfileData .token i,
  .TokenList .emial i,
  .TokenList .token i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    width: 45px;
    height: 45px;
    left: 85px;
    background-position: center;
    background-repeat: no-repeat; }
  .ProfileData .emial .title,
  .ProfileData .token .title,
  .TokenList .emial .title,
  .TokenList .token .title {
    font-size: 18px;
    color: #000;
    letter-spacing: -.5px;
    margin-bottom: 10px; }
  .ProfileData .emial .text,
  .ProfileData .token .text,
  .TokenList .emial .text,
  .TokenList .token .text {
    font-size: 14px;
    color: #7b7b7b;
    margin: 0; }
  .ProfileData .emial .button-wrap,
  .ProfileData .token .button-wrap,
  .TokenList .emial .button-wrap,
  .TokenList .token .button-wrap {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    display: inline-block;
    right: 100px; }
  .ProfileData .emial .button,
  .ProfileData .token .button,
  .TokenList .emial .button,
  .TokenList .token .button {
    margin-left: 20px;
    min-width: 125px; }

.ProfileData .inner-padding-5,
.TokenList .inner-padding-5 {
  padding: 50px 100px 50px 100px; }

/*#endregion Tokens*/
/*#region PersonalSettings*/
.PersonalSettingsV3 .inner {
  padding-left: 100px;
  padding-right: 100px; }

/*#endregion PersonalSettings*/
/*#region PFM*/
.Accounts .checkbox {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  left: 20px; }

.Accounts .custom-checkbox-2 {
  cursor: default;
  width: 30px;
  height: 30px; }
  .Accounts .custom-checkbox-2 .cc-checkbox {
    display: none; }
  .Accounts .custom-checkbox-2 .check {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    position: absolute;
    display: inline-block;
    background-color: #fff;
    border: 2px solid #d9d9d9;
    width: 18px;
    height: 18px; }
  .Accounts .custom-checkbox-2.checked .check {
    background-image: url(images/icons/check-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: #0095c9;
    border-color: #0095c9; }

.FinanceRules {
  position: relative; }
  .FinanceRules .s-widget-body {
    position: relative;
    overflow: visible; }
  .FinanceRules .s-widget-body-error-summary {
    position: absolute;
    width: 100%; }
  .FinanceRules .wh-button {
    transform: translateY(-100%); }
  .FinanceRules .clientGrid thead {
    display: none; }
  .FinanceRules .clientGrid tbody td:nth-child(2) {
    padding-left: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(4) {
    padding-right: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(3), .FinanceRules .clientGrid tbody td:nth-child(4) {
    width: 100px; }
    .FinanceRules .clientGrid tbody td:nth-child(3) div, .FinanceRules .clientGrid tbody td:nth-child(4) div {
      cursor: pointer;
      color: #0095c9; }

.Reminders #calendar .fc-header {
  margin-top: 10px; }
  .Reminders #calendar .fc-header .fc-header-title h2 {
    width: 160px;
    position: relative;
    top: 10px; }

.Reminders #calendar .fc-content .fc-widget-header {
  padding: 5px;
  font-size: 14px;
  font-weight: 500;
  color: #7b7b7b;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 2px solid #efefef;
  font-family: "amalia", sans-serif; }

.Reminders #calendar .fc-content .fc-widget-content {
  border-top: none;
  border-left: none;
  border-bottom: 2px solid #efefef;
  border-right: 2px solid #efefef; }
  .Reminders #calendar .fc-content .fc-widget-content > div {
    min-height: 80px !important;
    padding: 10px; }
  .Reminders #calendar .fc-content .fc-widget-content:hover {
    background-color: #fffde5;
    cursor: pointer; }
    .Reminders #calendar .fc-content .fc-widget-content:hover .fc-day-number {
      color: #0095c9; }
  .Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight {
    background-color: transparent;
    border: 2px solid #0095c9; }
    .Reminders #calendar .fc-content .fc-widget-content.fc-state-highlight .fc-day-number {
      color: #0095c9; }

.Reminders #calendar .fc-content .fc-event {
  font-size: 16px;
  color: #0095c9 !important;
  border-left: 5px solid #0095c9;
  border-top: none;
  border-right: none;
  border-bottom: none;
  letter-spacing: .5px;
  padding: 0 7px;
  margin: 0;
  background-color: transparent;
  cursor: pointer; }
  .Reminders #calendar .fc-content .fc-event .fc-event-inner {
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .Reminders #calendar .fc-content .fc-event .fc-event-skin {
    background-color: transparent;
    color: #0095c9; }

.Reminders #calendar .fc-button {
  background: var(--uds-base-background);
  width: 40px;
  height: 40px;
  border: none;
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center center; }
  .Reminders #calendar .fc-button.fc-button-prev {
    background-image: url(images/icons/arrow-blue-l.png); }
  .Reminders #calendar .fc-button.fc-button-next {
    background-image: url(images/icons/arrow-blue-r.png); }
  .Reminders #calendar .fc-button .fc-button-inner {
    background: transparent;
    width: 100%;
    height: 100%;
    border: solid 1px #d1d1d1; }
    .Reminders #calendar .fc-button .fc-button-inner .fc-button-content {
      width: 100%;
      height: 100%;
      padding: 0;
      visibility: hidden; }
    .Reminders #calendar .fc-button .fc-button-inner .fc-button-effect {
      display: none; }

.Reminders #calendar .fc-grid .fc-day-number {
  color: #7b7b7b; }

.calendar-reminder .widget-tabs label {
  cursor: pointer;
  font-size: 16px;
  text-transform: uppercase;
  color: #333; }

.calendar-reminder .widget-tabs li {
  padding-left: 0;
  padding-right: 0;
  width: 49%;
  margin-right: 0;
  text-align: center; }
  .calendar-reminder .widget-tabs li:not(.active) label {
    color: #9b9b9c; }
  .calendar-reminder .widget-tabs li:hover label {
    color: #333; }

.calendar-reminder .select-1 {
  padding-left: 0; }

.calendar-reminder .tab {
  display: inherit; }

.BudgetList .s-widget-body {
  min-height: 153px;
  overflow: visible;
  position: relative; }

.BudgetList .noBudgets {
  text-align: center;
  padding: 20px 0 40px 0; }

.BudgetList .addBudgets {
  transform: translateY(-100%); }

.BudgetList button.previous,
.BudgetList button.next {
  background: var(--uds-base-background);
  width: 40px;
  height: 40px;
  border: none;
  background-size: 6px;
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #d1d1d1; }
  .BudgetList button.previous:hover,
  .BudgetList button.next:hover {
    border-color: #000; }

.BudgetList button.previous {
  background-image: url(images/icons/arrow-blue-l.png); }

.BudgetList button.next {
  background-image: url(images/icons/arrow-blue-r.png); }

.BudgetList .clientGrid thead td {
  text-transform: none;
  font-size: 14px; }

.BudgetList .clientGrid td:nth-child(1) {
  padding-left: 20px; }

.BudgetList .clientGrid td:nth-child(1),
.BudgetList .clientGrid td:nth-child(2) {
  text-align: left; }

.BudgetList .clientGrid td:nth-child(3),
.BudgetList .clientGrid td:nth-child(4),
.BudgetList .clientGrid td:nth-child(5) {
  text-align: right; }

.BudgetList .ui-progressbar {
  border: none !important;
  background: #efefef;
  height: 12px;
  margin: auto; }
  .BudgetList .ui-progressbar .ui-progressbar-value {
    border: none;
    margin: 0; }

.BudgetList .custom-table .table-row:not(.table-head) {
  border-top: 2px solid #ebeced;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden; }

.BudgetList .custom-table .table-row .text-1 {
  font-size: 14px;
  line-height: 38px; }

.BudgetList .custom-table .table-row .text-3 {
  line-height: 38px;
  font-size: 18px; }
  .BudgetList .custom-table .table-row .text-3 small {
    font-size: 14px; }

.BudgetList .custom-table .table-row .text-5 {
  font-size: 16px;
  line-height: 38px;
  overflow: hidden; }

.BudgetList .custom-table .table-row .tag-col {
  padding-left: 65px; }

.BudgetList .custom-table .table-row .col {
  display: inline-block; }
  .BudgetList .custom-table .table-row .col.col-ls-3 {
    width: 11.2%; }
  .BudgetList .custom-table .table-row .col .col-text {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0; }

.BudgetList .custom-table .table-row .left {
  text-align: left; }

.BudgetList .custom-table .table-row .right {
  text-align: right; }

.BudgetList .custom-table .table-row .tag {
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  position: absolute;
  left: 15px;
  border: 2px solid #d9d9d9;
  color: #000;
  font-weight: normal;
  font-size: 16px;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 32px; }

.BudgetList .custom-table .table-row .progress-bar-2 {
  margin: 14px 0; }

.BudgetList .custom-table .table-row .category-icon {
  background-repeat: no-repeat;
  background-position: center center; }

.BudgetList .custom-table .table-row .transaction-btn {
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 16px;
  text-transform: uppercase;
  color: #0095c9;
  line-height: 40px;
  cursor: pointer;
  float: right; }

.BudgetList .custom-table .no-padd-bot .col {
  padding-bottom: 0; }

.BudgetList .custom-table .table-head {
  height: 50px; }

.PfmTurnoverChart {
  font-family: 'amalia', sans-serif !important;
  background: var(--uds-base-background); }
  .PfmTurnoverChart .ui-button-text {
    text-align: right; }
  .PfmTurnoverChart .Chart {
    display: block; }
    .PfmTurnoverChart .Chart .s-widget-header {
      height: 50px !important;
      border-left: 0px !important;
      width: 93%; }
  .PfmTurnoverChart #chartMenu {
    position: relative !important;
    text-transform: uppercase;
    left: 43% !important;
    top: 230px !important; }
  .PfmTurnoverChart .filterRegion {
    padding-top: 20px;
    padding-left: 40px; }
  .PfmTurnoverChart .dk-select-options {
    position: absolute;
    z-index: 9999; }
  .PfmTurnoverChart .s-widget-header.icon-coins-3 {
    margin: 0 0 20px 0 !important;
    padding-right: 15px !important;
    background-repeat: no-repeat;
    background-position: 18px 13px;
    border-bottom: 2px solid #efefef; }
  .PfmTurnoverChart .s-widget-body {
    overflow: visible; }
  .PfmTurnoverChart .widget-options.print {
    position: absolute;
    right: 12px;
    top: 390px; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid thead td,
  .PfmTurnoverChart .FinanceTurnover .clientGrid thead th {
    color: #7b7b7b;
    line-height: 38px;
    font-size: 14px;
    font-weight: normal;
    text-transform: none !important;
    margin-bottom: 0 !important;
    text-align: left; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid th:nth-child(2),
  .PfmTurnoverChart .FinanceTurnover .clientGrid th:nth-child(5) {
    pointer-events: none;
    padding-left: 15px; }
    .PfmTurnoverChart .FinanceTurnover .clientGrid th:nth-child(2) .sort-indicator,
    .PfmTurnoverChart .FinanceTurnover .clientGrid th:nth-child(5) .sort-indicator {
      display: none; }
  .PfmTurnoverChart .FinanceTurnover .sort-indicator {
    display: inline-block;
    background-position: 0 0;
    margin-left: 5px; }
  .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-2-n-s {
    background-image: url(images/icons/icon-sorter-both.png);
    background-size: 12px 16px; }
  .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-1-n {
    background-image: url(images/icons/icon-sorter-up.png);
    background-size: 12px 7px;
    background-position: center; }
  .PfmTurnoverChart .FinanceTurnover .ui-icon-triangle-1-s {
    background-image: url(images/icons/icon-sorter-down.png);
    background-size: 12px 7px;
    background-position: center; }
  .PfmTurnoverChart .FinanceTurnover .tablesaw thead tr:first-child th {
    padding-bottom: 0px !important; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid tbody button {
    background: none;
    border: none !important;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    color: #0095c9;
    float: right; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(2) {
    width: 50%; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(3) {
    width: 25%; }
  .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(4),
  .PfmTurnoverChart .FinanceTurnover .clientGrid td:nth-child(5) {
    width: 12.49%; }
  .PfmTurnoverChart .FinanceTurnover .tag {
    margin-left: 12px; }
  .PfmTurnoverChart .icon-mail-1 {
    display: inline-block;
    width: 36px;
    height: 26px;
    border: 2px solid #cfd0d2;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    top: -2px;
    box-sizing: border-box;
    float: right;
    margin-top: 15px; }

.splitDialog {
  font-family: 'amalia', sans-serif !important; }
  .splitDialog .ui-widget-content {
    border: none !important; }
  .splitDialog .catGrid .options {
    margin-left: -14px !important;
    border-top: none !important; }
  .splitDialog .title {
    color: #7b7b7b;
    line-height: 25px; }
  .splitDialog .group-title {
    font-size: 20px;
    color: #0095c9; }
  .splitDialog .ui-dialog-buttonset {
    width: 100%; }
    .splitDialog .ui-dialog-buttonset button {
      width: calc(50% - 12px);
      display: inline-block;
      border: none;
      font-family: 'amalia', sans-serif;
      font-size: 14px;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase; }
    .splitDialog .ui-dialog-buttonset .ui-button-text {
      padding-top: 15px;
      padding-bottom: 15px; }
  .splitDialog .ui-dialog-buttonset button:first-child,
  .splitDialog .ui-dialog-buttonset button:nth-child(3) {
    background: none;
    background-color: #d1d1d1;
    color: #000; }
  .splitDialog .ui-dialog-buttonset button:first-child:hover,
  .splitDialog .ui-dialog-buttonset button:nth-child(3):hover {
    background-color: #b8b8b8; }
  .splitDialog .ui-dialog-buttonset button:nth-child(2) {
    background: none;
    background-color: #ffec00;
    color: #000; }
  .splitDialog .ui-dialog-buttonset button:nth-child(2):hover {
    background-color: #fed500;
    color: #fff; }
  .splitDialog .button-3.type-2 {
    padding-left: 25px;
    max-width: 345px;
    width: 100%; }
  .splitDialog .button-3 {
    display: inline-block;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #0095c9 !important;
    border: 1px solid #d1d1d1;
    padding: 17px 25px;
    padding-left: 60px;
    background-position: 20px center;
    background-repeat: no-repeat;
    text-align: center; }
  .splitDialog .inner-margin-7 {
    margin-bottom: 70px; }
  .splitDialog .button-3:hover {
    background-color: #fffde5; }
  .splitDialog .subcategory-row {
    position: relative;
    padding: 10px 0; }
  .splitDialog .subcategory-row .input-wrap {
    max-width: 145px; }
  .splitDialog .input-wrap.type-2 {
    padding: 14px 15px 12px 15px; }
  .splitDialog .drag-bar.type-2 {
    min-height: 60px;
    background-repeat: no-repeat;
    background-position: 0px center;
    position: absolute;
    left: 165px;
    width: calc(100% - 470px);
    top: 50%; }
  .splitDialog .slider {
    width: calc(100%);
    border: none;
    border-radius: 0;
    background-color: #dbdbdb;
    height: 3px; }
  .splitDialog .custom-dropdown {
    position: absolute;
    right: 55px;
    width: 198px;
    min-height: 29px;
    height: auto;
    top: 13%;
    background-image: url(images/icons/icon-carrot-1.png);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 11px; }
    .splitDialog .custom-dropdown span {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 10px 15px; }
    .splitDialog .custom-dropdown .ele > span {
      font-size: 18px;
      font-weight: 500;
      color: #333; }
  .splitDialog .remove-button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    display: inline-block;
    width: 36px;
    height: 26px;
    border: 2px solid #cfd0d2;
    background-position: center;
    background-repeat: no-repeat;
    top: 21px;
    cursor: pointer; }
  .splitDialog .catGrid {
    font-size: 16px;
    background: var(--uds-base-background);
    position: absolute;
    left: 5px;
    padding: 0px;
    padding-left: 10px;
    letter-spacing: .2px;
    margin: 0;
    margin-right: 27px; }
    .splitDialog .catGrid span {
      vertical-align: middle; }
  .splitDialog .ele .mainCat,
  .splitDialog .ele .mainCatSelect {
    padding-right: 28px !important; }
  .splitDialog .catGrid > span {
    white-space: normal !important;
    padding-left: 0px;
    padding-bottom: 0px; }

#gvFinanceTurnover .catGrid {
  position: relative;
  display: inline-block; }
  #gvFinanceTurnover .catGrid .options {
    width: 100% !important;
    border-top: none !important; }

.splitDialog .mainCat,
.PfmTurnoverChart .mainCat {
  background-image: url(images/icons/icon-plus-1.png);
  background-repeat: no-repeat;
  background-position: right 15px center; }

.splitDialog .mainCatSelected,
.PfmTurnoverChart .mainCatSelected {
  position: relative; }

.splitDialog .mainCat:hover,
.PfmTurnoverChart .mainCat:hover {
  background-color: #f2f2f2 !important; }

.splitDialog .catGrid .subMenu,
.PfmTurnoverChart .catGrid .subMenu {
  width: 100% !important;
  border: none !important;
  background-color: #f2f2f2 !important;
  border-radius: 0 0 !important;
  background-image: none !important;
  padding: 0 !important;
  z-index: 9999 !important;
  position: relative !important;
  top: 0px !important;
  left: 0px !important;
  font-weight: normal !important;
  margin-top: 0px !important; }

.splitDialog .catGrid .subMenu span:hover,
.PfmTurnoverChart .catGrid .subMenu span:hover {
  color: #0095c9;
  background-color: #f2f2f2 !important; }

.splitDialog .ele .mainCatSelect,
.PfmTurnoverChart .ele .mainCatSelect {
  background-color: #f2f2f2 !important;
  background-image: url(images/icons/icon-minus-1.png);
  background-repeat: no-repeat;
  background-position: right 15px center; }

.splitDialog .ele .subCat:hover,
.PfmTurnoverChart .ele .subCat:hover {
  background-color: #f2f2f2 !important; }

.splitDialog .catGrid .options,
.PfmTurnoverChart .catGrid .options {
  border-top-color: transparent;
  background-color: #fff;
  background-image: none !important;
  border: 1.5px solid #d1d1d1 !important;
  border-top-color: transparent !important;
  max-height: 385px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-weight: 500;
  border-radius: 0px !important;
  margin-left: -16px !important; }

/*#endregion PFM*/
/*#region Funds*/
.FutureFundsTurnover,
.InvestmentFundsTurnover {
  position: relative;
  background-position: 25px 18px;
  visibility: hidden; }
  .FutureFundsTurnover thead,
  .InvestmentFundsTurnover thead {
    display: none; }
  .FutureFundsTurnover tbody tr td:nth-child(3),
  .InvestmentFundsTurnover tbody tr td:nth-child(3) {
    padding-right: 20px; }

.inv-funds {
  width: 60% !important; }

.InvestmentUnitHistory {
  visibility: hidden;
  margin-bottom: 0px !important; }
  .InvestmentUnitHistory .col-fix-size-1 {
    float: left;
    width: 310px; }
  .InvestmentUnitHistory .filterRegion {
    padding-top: 30px; }
  .InvestmentUnitHistory .btnExecuteFilter {
    width: 140px !important;
    padding: 15px 10px;
    display: inline-block;
    border: none;
    font-family: 'amalia', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-right: 0; }
  .InvestmentUnitHistory #chartMenu {
    display: none !important; }
  .InvestmentUnitHistory .tableFilter {
    border-bottom: none; }

.gvFutureFundsTurnoverPreview tr {
  cursor: pointer; }

.FutureFundsContracts {
  visibility: hidden; }

/*#endregion Funds*/
/*#region support*/
.support-dialog {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  overflow-x: hidden; }
  .support-dialog .ui-dialog-titlebar {
    display: none; }
  .support-dialog .ui-dialog-content {
    padding: 0;
    overflow-x: hidden !important; }
  .support-dialog .close {
    font-family: "amalia", sans-serif;
    color: #000;
    line-height: 25px;
    position: absolute;
    right: 90px;
    text-align: center;
    top: 40px;
    width: 24px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px; }
    .support-dialog .close:after {
      content: "";
      background: url(images/icons/close.png);
      background-repeat: no-repeat;
      background-size: 20px;
      padding: 3px 20px;
      margin-left: 10px; }
    .support-dialog .close:focus {
      outline: none; }
  .support-dialog .support-head {
    width: 100%;
    text-align: center;
    transition: all ease 0.3s;
    padding-top: 27px;
    box-sizing: border-box; }
    .support-dialog .support-head h1 {
      float: none;
      font-weight: bold;
      font-size: 25px;
      padding-top: 10px;
      box-sizing: border-box;
      color: #000;
      margin-bottom: 20px; }

.group-inner.with-info {
  padding-right: 70px;
  width: auto; }

/*#endregion support*/
/*#region responsive*/
@media only screen and (max-width: 1300px) {
  .group-inner.with-info {
    padding-right: 50px; }
  .ui-dialog.right-dialog.details-dialog.inflowManaging .group-inner.with-info .input-wrap {
    width: 100%; }
  .ui-dialog.right-dialog.details-dialog.inflowManaging .group-submit.inline .btn-1 {
    min-width: 150px; }
  .menu-open #content_wrap, .menu-hover #content_wrap {
    width: calc(100% - 60px) !important;
    transform: translateX(240px) !important;
    -ms-transform: translateX(240px) !important;
    -moz-transform: translateX(240px) !important;
    -o-transform: translateX(240px) !important;
    -webkit-transform: translateX(240px) !important; } }

@media only screen and (max-width: 1200px) {
  .btn-1.color-6.messahe-hub {
    width: 35%; }
  .input-wrap.message-hub {
    width: 60%; }
  .ActiveNoticesOverviewV4 .s-widget-body {
    min-height: 342px; }
    .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner {
      height: 342px !important; }
      .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner .slider .slick-list {
        height: 342px !important; }
        .ActiveNoticesOverviewV4 .s-widget-body .widget-tutorial-slider .widget-inner .slider .slick-list .slide {
          height: 293px; } }

@media only screen and (min-width: 980px) {
  .PaymentTransferV2 .slick-track {
    height: 110px; }
  .PfmTurnoverChart .s-widget.DateRange {
    width: 248px !important; }
  .PfmTurnoverChart .s-widget.Chart {
    width: calc(100% - 248px); } }

@media only screen and (max-width: 980px) {
  .s-widget-zone.domestic-zone {
    padding: 0px !important; }
  .info-button-wrap .info-button {
    -webkit-transform: none;
    transform: none;
    top: auto;
    right: auto;
    left: 0;
    bottom: 5px; }
  .Products .acc-nav .nav-arr {
    width: 50px;
    height: 50px;
    margin-top: -25px; }
  .Products .acc-nav #arr-prev {
    margin-left: -290px; }
  .Products .acc-nav #arr-next {
    margin-right: -290px; }
  .Products .list-tab .custom-table .account-col {
    width: 100%; }
  .Products .list-tab .custom-table .acc-number-col {
    width: 40%; }
  .Products .list-tab .custom-table .button-col {
    width: 60%; }
  .Products .list-tab .account-icon {
    left: 10px; }
  .CardBalancePreviewV2 .custom-table .account-col,
  .AccountBalancePreviewV3 .custom-table .account-col,
  .LoanBalancePreviewV2 .custom-table .account-col,
  .SecuritiesBalancePreview .custom-table .account-col {
    width: 100%; }
  .CardBalancePreviewV2 .custom-table .acc-number-col,
  .AccountBalancePreviewV3 .custom-table .acc-number-col,
  .LoanBalancePreviewV2 .custom-table .acc-number-col,
  .SecuritiesBalancePreview .custom-table .acc-number-col {
    width: 40%; }
  .CardBalancePreviewV2 .custom-table .button-col,
  .AccountBalancePreviewV3 .custom-table .button-col,
  .LoanBalancePreviewV2 .custom-table .button-col,
  .SecuritiesBalancePreview .custom-table .button-col {
    width: 60%; }
  .CardBalancePreviewV2 .account-icon,
  .AccountBalancePreviewV3 .account-icon,
  .LoanBalancePreviewV2 .account-icon,
  .SecuritiesBalancePreview .account-icon {
    left: 10px;
    display: none; }
  .SecuritiesBalancePreview .custom-table .col-ss-12 {
    width: 100%;
    text-align: center; }
  .SecuritiesBalancePreview .custom-table .col-mm-12 {
    width: 100%; }
  .SecuritiesBalancePreview .custom-table .col-mm-8 {
    width: 66%; }
  .SecuritiesBalancePreview .custom-table .col-mm-7 {
    width: 58%; }
  .SecuritiesBalancePreview .custom-table .col-mm-5 {
    width: 41%; }
  .SecuritiesBalancePreview .custom-table .col-mm-4 {
    width: 33%; }
  .SecuritiesBalancePreview .custom-table .col-mm-3 {
    width: 25%; }
  .ProfileData .email,
  .ProfileData .token,
  .TokenList .email,
  .TokenList .token {
    box-sizing: border-box;
    overflow: hidden; }
    .ProfileData .email i,
    .ProfileData .token i,
    .TokenList .email i,
    .TokenList .token i {
      transform: none;
      top: 20px; }
    .ProfileData .email .button-wrap,
    .ProfileData .token .button-wrap,
    .TokenList .email .button-wrap,
    .TokenList .token .button-wrap {
      -webkit-transform: none;
      transform: none;
      position: relative;
      right: auto;
      top: auto;
      float: right;
      margin-top: 20px; }
  .PersonalSettingsV3 .checkbox-bar .custom-check-label {
    text-align: center;
    width: 32%;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 50px; }
    .PersonalSettingsV3 .checkbox-bar .custom-check-label .custom-checkbox-wrapper {
      left: 50%;
      transform: translateX(-50%); }
  .Accounts .list-tab .custom-table .account-col {
    width: 100%;
    padding-left: 50px; }
  .Accounts .list-tab .custom-table .checkbox {
    left: 10px; }
  .Accounts .list-tab .acc-number-col {
    width: 100%; }
  .Accounts .list-tab .button-col {
    display: none; }
  .payment-slider .slide {
    display: block; }
  .payment-slider .slide-left, .payment-slider .slide-right {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 30px; }
  .payment-slider .slider-container {
    padding: 0;
    width: 94%;
    max-width: 300px;
    margin: auto; }
  .payment-slider.type-2 .slider-container {
    padding: 0 20px; }
  .plan-text .key, .plan-text .value {
    float: none; }
  .plan-text .key {
    margin-bottom: 10px; }
  .PfmTurnoverChart .DateRange {
    width: 100% !important; }
    .PfmTurnoverChart .DateRange .filterRegion {
      width: calc(94% - 40px) !important; }
  .PfmTurnoverChart .s-widget.Chart {
    width: 100% !important; }
  .PfmTurnoverChart #gvFinanceTurnover .clientGrid th:nth-child(3) {
    display: none; }
  .PfmTurnoverChart #gvFinanceTurnover .clientGrid td:nth-child(3) {
    display: none; } }

@media only screen and (max-width: 900px) {
  .PaymentLimits .payment-limits .payment-limit-container {
    display: block; }
  .PaymentLimits .payment-limits .uk-width-3-6,
  .PaymentLimits .payment-limits .uk-width-2-6,
  .PaymentLimits .payment-limits .uk-width-1-6 {
    width: 100%; }
  .PaymentLimits .payment-limits .uk-width-2-6,
  .PaymentLimits .payment-limits .uk-width-1-6 {
    padding-left: 0; }
  .PaymentLimits .payment-limits .uk-width-1-6 {
    position: relative;
    top: -20px; } }

@media only screen and (min-width: 801px) {
  .ui-dialog.right-dialog.details-dialog.message-hub-dialog.listSignature {
    width: 800px !important; }
  .ui-dialog.right-dialog.details-dialog.message-hub-dialog.domesticDetail {
    width: 1000px !important; }
  .ui-dialog.right-dialog.details-dialog.message-hub-dialog.foreignDetail {
    width: 1200px !important; }
  .ui-dialog.right-dialog.details-dialog {
    width: 800px !important; }
    .ui-dialog.right-dialog.details-dialog.inflow, .ui-dialog.right-dialog.details-dialog.inflowAccount {
      width: 700px !important; }
    .ui-dialog.right-dialog.details-dialog.domesticModify, .ui-dialog.right-dialog.details-dialog.foreignModify {
      width: 1200px !important; }
      .ui-dialog.right-dialog.details-dialog.domesticModify .box_body, .ui-dialog.right-dialog.details-dialog.foreignModify .box_body {
        background: var(--uds-base-background);
        margin-top: 40px; }
      .ui-dialog.right-dialog.details-dialog.domesticModify .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .input-wrap, .ui-dialog.right-dialog.details-dialog.foreignModify .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .input-wrap {
        max-height: 50px; }
        .ui-dialog.right-dialog.details-dialog.domesticModify .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .input-wrap .validationMessage, .ui-dialog.right-dialog.details-dialog.foreignModify .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .input-wrap .validationMessage {
          width: max-content; }
      .ui-dialog.right-dialog.details-dialog.domesticModify .ui-dialog-titlebar, .ui-dialog.right-dialog.details-dialog.foreignModify .ui-dialog-titlebar {
        border-left: none; }
    .ui-dialog.right-dialog.details-dialog .error-summary {
      background-color: #FFE6E6;
      color: #C41414;
      border-bottom: 1px solid #C41414;
      padding: 4px; }
  .ui-dialog.right-dialog.creditor-temlate-dialog,
  .ui-dialog.right-dialog.short-dialog {
    width: 440px !important; }
  .InvestmentFunds .button-col {
    width: 41% !important; }
  .InvestmentFunds .account-col {
    width: 59% !important; } }

@media only screen and (max-width: 800px) and (min-width: 501px) {
  .ui-dialog.right-dialog.undue-liabilities-dialog, .ui-dialog.right-dialog.reserved-dialog, .ui-dialog.right-dialog.details-dialog {
    width: 100% !important;
    max-width: 500px; }
  .InvestmentFunds .button-col {
    width: 41% !important; }
  .InvestmentFunds .account-col {
    width: 59% !important; } }

@media only screen and (max-width: 1300px) {
  .ui-dialog.right-dialog.inflowManaging {
    max-width: 1230px;
    width: 100% !important; }
  .ui-dialog.right-dialog.commisionDetailGrid {
    max-width: 1270px;
    width: 100% !important; } }

@media only screen and (min-width: 1300px) {
  .ui-dialog.right-dialog.details-dialog.inflowManaging {
    width: 1230px !important; }
  .ui-dialog.right-dialog.details-dialog.commisionDetailGrid {
    width: 1270px !important; } }

@media only screen and (max-width: 800px) {
  .ui-dialog.right-dialog.outflowsDetail {
    max-width: 700px;
    width: 100% !important; } }

@media only screen and (min-width: 800px) {
  .ui-dialog.right-dialog.details-dialog.outflowsDetail {
    width: 700px !important; } }

@media only screen and (max-width: 500px) {
  .ui-dialog.right-dialog.undue-liabilities-dialog, .ui-dialog.right-dialog.reserved-dialog, .ui-dialog.right-dialog.details-dialog {
    width: 102% !important; }
    .ui-dialog.right-dialog.undue-liabilities-dialog .col, .ui-dialog.right-dialog.reserved-dialog .col, .ui-dialog.right-dialog.details-dialog .col {
      padding-left: 0px !important;
      width: 100%; }
  .undue-liabilities-dialog .ui-dialog-buttonset button,
  .reserved-dialog .ui-dialog-buttonset button,
  .short-dialog .ui-dialog-buttonset button,
  .filter-dialog .ui-dialog-buttonset button {
    left: 20px; }
  .AccountLastChanges td:nth-child(4) {
    width: 30%;
    white-space: nowrap !important; }
  .AccountLastChanges td:nth-child(3) .title {
    max-width: 100% !important; }
  .profile-zone .attachment-card {
    max-width: 195px;
    padding-left: 50px; }
  .attachment-card span {
    font-size: 11px;
    color: #888888;
    text-transform: uppercase; } }

@media only screen and (max-width: 1270px) and (min-width: 951px) {
  .PaymentOrderV3 .custom-form .inner .btnOrderExecute {
    width: 85%; } }

@media only screen and (max-width: 1270px) {
  .PaymentOrderV3 .custom-form .inner {
    width: 100%; }
    .PaymentOrderV3 .custom-form .inner .left-col {
      width: 43%; }
    .PaymentOrderV3 .custom-form .inner .right-col {
      width: 42%; }
    .PaymentOrderV3 .custom-form .inner .checkbox-group {
      display: block; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2.col-fix-size-6 {
      margin-top: -47px; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col {
      width: 100%;
      margin-bottom: 40px; }
      .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col.col-fix-size-5 {
        right: 0px; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col {
      right: -8px; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col-2 {
      float: right; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 {
      width: 100%; }
      .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12.col-fix-size-4 {
        margin-bottom: 20px; } }

@media only screen and (max-width: 950px) {
  .PaymentOrderV3 .custom-form .inner {
    width: 81% !important; }
    .PaymentOrderV3 .custom-form .inner .left-col {
      width: 100% !important; }
    .PaymentOrderV3 .custom-form .inner .right-col {
      width: 100% !important;
      padding-left: 0px; }
    .PaymentOrderV3 .custom-form .inner .checkbox-group {
      display: block; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2.col-fix-size-6 {
      margin-top: -47px; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col {
      width: 100%;
      margin-bottom: 40px; }
      .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .check-wrap-1.col.col-fix-size-5 {
        right: 0px; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .info-icon.col-fix-size-8 {
      right: 19px; }
    .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 {
      width: 100%; }
      .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12.col-fix-size-4 {
        margin-bottom: 20px; } }

@media only screen and (min-width: 1000px) {
  .ui-dialog.right-dialog.details-dialog.commissionsForeign {
    width: 940px !important; } }

@media only screen and (max-width: 1000px) {
  .ui-dialog.right-dialog.commissionsForeign {
    max-width: 940px;
    width: 100% !important; } }

@media only screen and (max-width: 720px) {
  .PaymentOrderV3 .custom-form .inner .uk-width-1-6 .input-wrap.type-2 {
    width: 87%; }
  .PaymentOrderV3 .custom-form .inner .uk-width-5-6 {
    padding-left: 25px; }
  .PaymentOrderV3 .custom-form .inner .custom-grid.type-2 .col.col-ls-8.col-mm-12 .input-wrap.type-2 {
    width: 87%; } }

@media only screen and (max-width: 441px) {
  .PaymentOrderV3 .custom-form .inner .input-wrap-payment {
    width: 100%; }
  .PaymentOrderV3 .custom-form .inner .uk-width-5-6 {
    padding-left: 25px; } }

@media only screen and (max-width: 440px) {
  .ui-dialog.right-dialog.creditor-temlate-dialog,
  .ui-dialog.right-dialog.short-dialog,
  .ui-dialog.right-dialog.filter-dialog {
    width: 100% !important; } }

@media only screen and (max-width: 755px) {
  .widget-tabs.type-2 {
    display: flex; }
  .widget-tabs.type-2 li {
    float: left;
    width: 25%;
    line-height: 12px;
    padding: 10px 5px; }
  .widget-tabs.type-2 li a {
    font-size: 14px; }
  .widget-tabs.type-4 {
    display: flex; }
  .widget-tabs.type-4 li a {
    font-size: 14px; }
  .widget-tabs .button-wrap li {
    width: auto; }
  .user-profile-wrap .btn-1.color-6 {
    width: 100%;
    float: left;
    margin-left: auto;
    margin-top: 20px; }
  .user-profile-wrap img {
    transform: translateX(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 85px;
    height: 85px; } }

@media only screen and (min-width: 721px) {
  .chart-tab .slick-slide {
    height: 330px; }
  .splitDialog .catGrid .options {
    width: 227.7px !important; }
  .splitDialog .catGrid .options,
  .PfmTurnoverChart .catGrid .options {
    top: 40px !important;
    left: 9px !important; } }

@media only screen and (max-width: 720px) {
  .s-page-host:not(.login) {
    padding: 10px 10px 0 10px; }
    .s-page-host:not(.login) .s-widget {
      margin-bottom: 10px; }
  .sticky-header-wrap {
    width: calc(100% - 70px);
    margin-left: 100px; }
    .sticky-header-wrap .main-peace {
      max-width: none;
      width: calc(100% - 190px);
      padding: 5px 20px;
      padding-left: 60px; }
      .sticky-header-wrap .main-peace .icon {
        left: 0px; }
    .sticky-header-wrap .sticky-dropdown {
      left: 40px;
      width: calc(100% - 200px); }
    .sticky-header-wrap .button-5 {
      font-size: 14px;
      right: 50px; }
  .CreditorTemplateManaging .clientGrid .tag {
    margin-right: 0;
    margin-left: 10px; }
  .CreditorTemplateManaging.dashboard-widget button {
    opacity: 1; }
  .CreditorTemplateManaging.dashboard-widget th:last-child,
  .CreditorTemplateManaging.dashboard-widget td:last-child {
    width: 120px; }
  .CreditorTemplateManaging:not(.dashboard-widget) .clientGrid .name {
    width: calc(100% - 120px); }
  .CreditorTemplateManaging:not(.dashboard-widget) .custom-form {
    padding-left: 20px !important;
    padding-right: 20px !important; }
    .CreditorTemplateManaging:not(.dashboard-widget) .custom-form .uk-width-5-6 {
      padding-left: 25px !important; }
  .CurrencyExchangeV2 .inner.type-2 {
    padding: 0 20px; }
  .CurrencyExchangeV2 th:nth-child(5),
  .CurrencyExchangeV2 td:nth-child(5) {
    display: none !important; }
  .CurrencyExchangeV2.dashboard-currency-exchange .clientGrid tr th:nth-child(4),
  .CurrencyExchangeV2.dashboard-currency-exchange .clientGrid tr td:nth-child(4) {
    display: none !important; }
  .Products .chart-tab .account-name {
    top: -20px; }
  .Products .chart-tab .chart-slider {
    width: 100%; }
  .Products .chart-tab .chart-wrap .gauge-chart {
    width: 360px !important;
    height: 260px !important; }
  .Products .chart-tab .chart-wrap .chart-content {
    top: 140px; }
    .Products .chart-tab .chart-wrap .chart-content .val {
      font-size: 20px; }
    .Products .chart-tab .chart-wrap .chart-content .small {
      font-size: 14px; }
    .Products .chart-tab .chart-wrap .chart-content .currencySelect:after {
      top: 10px; }
    .Products .chart-tab .chart-wrap .chart-content .value-menu {
      right: 0; }
  .Products .chart-tab .slick-slide {
    height: 310px; }
  .Products .chart-tab .slide-inner {
    position: relative;
    top: 20px; }
  .Products .chart-tab .slick-dots {
    width: 100%;
    position: absolute;
    bottom: 9px;
    border: none; }
  .Products .chart-tab .acc-nav #arr-prev {
    margin-left: -250px; }
  .Products .chart-tab .acc-nav #arr-next {
    margin-right: -250px; }
  .profile-zone .profile-zone-header {
    padding-right: 20px;
    padding-left: 20px; }
  .profile-zone .contact-data {
    padding-right: 20px;
    padding-left: 20px; }
  .profile-zone .change-password-dialog {
    padding-left: 20px;
    padding-right: 20px; }
    .profile-zone .change-password-dialog .uk-width-3-6 {
      width: 100%; }
    .profile-zone .change-password-dialog .info-icon {
      display: none; }
  .Chart .chartView {
    padding: 0 20px; }
  .exchange-office-zone .s-widget {
    margin-bottom: 0 !important; }
  .FXTrading .inner {
    padding-left: 20px !important;
    padding-right: 20px !important; }
  .FXTradingCurrencyHistory {
    margin-bottom: 0 !important; }
    .FXTradingCurrencyHistory .inner.type-2 {
      padding: 0 20px; }
  .PaymentLimits .payment-limits {
    padding-left: 20px;
    padding-right: 20px; }
  .PaymentLimits .info-icon {
    display: none; }
  .PersonalSettingsV3 .inner {
    padding-left: 20px;
    padding-right: 20px; }
  .ProfileData .email,
  .ProfileData .token,
  .TokenList .email,
  .TokenList .token {
    padding: 20px 20px 20px 70px; }
    .ProfileData .email i,
    .ProfileData .token i,
    .TokenList .email i,
    .TokenList .token i {
      left: 15px; }
  .ProfileData .inner-padding-5,
  .TokenList .inner-padding-5 {
    padding-left: 20px;
    padding-right: 20px; }
  .buy-hov-modal .custom-grid.type-2 .col.timeConstraintContainer:nth-child(even) {
    padding-left: 0; }
  .buy-hov-modal .hovTypeContainer .custom-radio-1 .radio {
    width: 100% !important; }
  .SecuritiesBalancePreview .custom-table .col-ss-6 {
    width: 50%; }
  .SecuritiesBalancePreview .custom-table .account-col.type-2 p, .SecuritiesBalancePreview .custom-table .ss-center p {
    text-align: center !important; }
  .Reminders #calendar {
    /*thead {
                display: none;
            }

            td {
                display: block !important;
                width: calc(100vw - 20px);
            }*/ }
  .PaymentTransferV2 .payment-slider {
    padding-top: 50px; }
  .PaymentTransferV2 .custom-form .inner {
    padding-left: 20px;
    padding-right: 20px; }
  .P2PPaymentTransfer .p2pConfirmation, .P2PPaymentTransfer .custom-form .inner {
    padding-left: 20px;
    padding-right: 20px; }
  .P2PPaymentTransfer .payment-slider {
    padding-top: 56px; }
  .InflowsOverview .widget-tabs {
    display: flex;
    text-align: center;
    font-size: 14px; }
  .col-fix-size-1, .col-fix-size-2 {
    max-width: 100%;
    width: 100% !important; }
  .col-ss-12 {
    width: 100% !important; }
  .col-ss-4 {
    width: 33.33333333% !important; }
  .col-ss-hidden {
    display: none !important; }
  .custom-table .col-text.text-5 {
    font-size: 12px !important; }
  /*Payments*/
  .widget-payment .page-container {
    padding: 10px 2% 0 2%; }
  .widget.widget-payment {
    padding-bottom: 20px; }
  .group-inner .info-wrap {
    display: none; }
  .form-actions {
    position: static;
    width: 100%; }
    .form-actions .btn-1 {
      width: 100%;
      margin-bottom: 10px; }
  .account-slat-1 .col-4 .btn-1 {
    min-width: 70px; }
  .dps .account-list .drag-padding-ls {
    padding-right: 20px; }
  .payment-options .hidden-content ul {
    zoom: 1; }
    .payment-options .hidden-content ul:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .payment-options .hidden-content li {
    float: left;
    width: 31.33%;
    max-width: 100%;
    margin-right: 0;
    margin-left: 0; }
    .payment-options .hidden-content li a {
      min-height: 160px;
      padding: 10px; }
    .payment-options .hidden-content li:not(:last-child) {
      margin-right: 3%; }
  .payment-account .col-left {
    width: 100%; }
  .payment-account .col-right {
    width: 100%; }
    .payment-account .col-right p {
      opacity: 1;
      text-align: right; }
  .widget-payment .inner {
    padding-left: 20px;
    padding-right: 20px; }
    .widget-payment .inner.type-2 {
      padding-left: 20px;
      padding-right: 20px; }
  .custom-form .group {
    width: 100%; }
    .custom-form .group .info-icon {
      display: none; }
  .custom-form div[class^="uk-width"] {
    width: 100%; }
  .message-controls .msg-button {
    position: relative;
    padding: 15px 7px;
    font-size: 14px;
    min-height: 48.5px;
    box-sizing: border-box; }
    .message-controls .msg-button span {
      position: relative;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      position: absolute; }
      .message-controls .msg-button span i {
        display: none; }
  .message-controls .checkbox {
    left: 10px; }
  .message .archive-button {
    opacity: 1;
    visibility: visible;
    right: 35px;
    width: 32px;
    height: 24px; }
  .message .title {
    font-size: 14px;
    line-height: 16px; }
    .message .title span {
      font-size: 13px; }
  .splitDialog .subcategory-row {
    position: static;
    margin-bottom: 0px;
    padding-bottom: 0px; }
  .splitDialog .input-wrap,
  .splitDialog .remove-button,
  .splitDialog .drag-bar {
    position: relative !important;
    display: inline-block !important; }
  .splitDialog .drag-bar {
    width: calc(100% - 221px) !important;
    left: 20px !important;
    top: 50px !important; }
  .splitDialog .remove-button {
    float: right;
    top: -121px; }
  .splitDialog .options,
  .splitDialog .custom-dropdown {
    display: block;
    position: relative !important;
    margin-top: 20px;
    margin-left: 53px;
    width: 95% !important; }
  .splitDialog .catGrid {
    width: 80%; }
  .splitDialog .options {
    top: -5px !important;
    left: 0px !important;
    width: 125% !important; }
  .col-ss-12 {
    width: 100%; }
  .col-ss-11 {
    width: 91.66666667%; }
  .col-ss-10 {
    width: 83.33333333%; }
  .col-ss-9 {
    width: 75%; }
  .col-ss-8 {
    width: 66.66666667%; }
  .col-ss-7 {
    width: 58.33333333%; }
  .col-ss-6 {
    width: 50%; }
  .col-ss-5 {
    width: 41.66666667%; }
  .col-ss-4 {
    width: 33.33333333%; }
  .col-ss-3 {
    width: 25%; }
  .col-ss-2 {
    width: 16.66666667%; }
  .col-ss-1 {
    width: 8.33333333%; }
  .col-ss-hidden {
    display: none !important; }
  .ss-left {
    text-align: left !important; }
  .ss-center {
    text-align: center !important; } }

@media only screen and (max-width: 600px) {
  .group-submit {
    display: block !important; }
    .group-submit .btn-1 {
      width: 100% !important; }
  .group-dates {
    display: block !important; }
    .group-dates .dates-wrap {
      width: 100% !important; }
  /*dialog*/
  .ui-dialog.no-yes-dialog {
    width: 100vw !important;
    height: auto;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    overflow: hidden; }
  .sticky-header-wrap {
    margin-left: 60px;
    left: 0;
    top: 14px; }
    .sticky-header-wrap .main-peace {
      max-width: none;
      width: 100%;
      padding-left: 0;
      border: none;
      background: #fee600; }
      .sticky-header-wrap .main-peace .icon {
        display: none; }
    .sticky-header-wrap .sticky-dropdown {
      left: -20px;
      width: calc(100% - 10px); }
    .sticky-header-wrap .button-5 {
      display: none; }
  .monthlyBillDialog .blueHover.custom-grid.type-2 .col:nth-child(even) {
    width: 100%;
    float: none; }
  .Products .chart-tab .acc-nav .nav-arr {
    width: 30px;
    height: 30px;
    margin-top: -15px; }
  .Products .chart-tab .acc-nav #arr-prev {
    margin-left: 0;
    left: 10px; }
  .Products .chart-tab .acc-nav #arr-next {
    margin-right: 0;
    right: 10px; }
  .Products .list-tab .custom-table .col {
    padding: 4px 15px; }
  .Products .list-tab .custom-table .acc-number-col {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
  .Products .list-tab .custom-table .button-col {
    width: 100%; }
    .Products .list-tab .custom-table .button-col .btn-1 {
      width: 100%;
      position: static;
      top: 0;
      margin-top: 15px;
      margin-bottom: 10px; }
  .Products .list-tab .custom-table p {
    text-align: center !important; }
  .Products .value-menu {
    right: 10px; }
  .InvestmentFunds .account-col {
    width: 100% !important; }
  .InvestmentFunds .custom-table .list-item .left, .InvestmentFunds .custom-table .list-item .p,
  .CardBalancePreviewV2 .custom-table .list-item .left,
  .CardBalancePreviewV2 .custom-table .list-item .p,
  .AccountBalancePreviewV3 .custom-table .list-item .left,
  .AccountBalancePreviewV3 .custom-table .list-item .p,
  .LoanBalancePreviewV2 .custom-table .list-item .left,
  .LoanBalancePreviewV2 .custom-table .list-item .p,
  .SecuritiesBalancePreview .custom-table .list-item .left,
  .SecuritiesBalancePreview .custom-table .list-item .p {
    text-align: center !important; }
  .InvestmentFunds .custom-table .button-col .col-button,
  .CardBalancePreviewV2 .custom-table .button-col .col-button,
  .AccountBalancePreviewV3 .custom-table .button-col .col-button,
  .LoanBalancePreviewV2 .custom-table .button-col .col-button,
  .SecuritiesBalancePreview .custom-table .button-col .col-button {
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    max-width: 100px;
    margin: auto;
    display: block;
    position: static;
    top: 0;
    margin-top: 15px; }
  .InvestmentFunds .custom-table .col,
  .CardBalancePreviewV2 .custom-table .col,
  .AccountBalancePreviewV3 .custom-table .col,
  .LoanBalancePreviewV2 .custom-table .col,
  .SecuritiesBalancePreview .custom-table .col {
    padding: 4px 15px; }
  .InvestmentFunds .custom-table .acc-number-col,
  .CardBalancePreviewV2 .custom-table .acc-number-col,
  .AccountBalancePreviewV3 .custom-table .acc-number-col,
  .LoanBalancePreviewV2 .custom-table .acc-number-col,
  .SecuritiesBalancePreview .custom-table .acc-number-col {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px; }
  .InvestmentFunds .custom-table .button-col,
  .CardBalancePreviewV2 .custom-table .button-col,
  .AccountBalancePreviewV3 .custom-table .button-col,
  .LoanBalancePreviewV2 .custom-table .button-col,
  .SecuritiesBalancePreview .custom-table .button-col {
    width: 100%; }
    .InvestmentFunds .custom-table .button-col .btn-1,
    .CardBalancePreviewV2 .custom-table .button-col .btn-1,
    .AccountBalancePreviewV3 .custom-table .button-col .btn-1,
    .LoanBalancePreviewV2 .custom-table .button-col .btn-1,
    .SecuritiesBalancePreview .custom-table .button-col .btn-1 {
      width: 100%;
      position: static;
      top: 0;
      margin-top: 15px;
      margin-bottom: 10px; }
  .InvestmentFunds .custom-table p,
  .CardBalancePreviewV2 .custom-table p,
  .AccountBalancePreviewV3 .custom-table p,
  .LoanBalancePreviewV2 .custom-table p,
  .SecuritiesBalancePreview .custom-table p {
    text-align: center !important; }
  .InvestmentFunds .account-icon,
  .CardBalancePreviewV2 .account-icon,
  .AccountBalancePreviewV3 .account-icon,
  .LoanBalancePreviewV2 .account-icon,
  .SecuritiesBalancePreview .account-icon {
    left: 10px; }
  .SecuritiesBalancePreview .custom-table .has-button .btn-1 {
    display: block;
    position: static;
    margin: 10px 0;
    width: 100%; }
  .SecuritiesBalancePreview .custom-table .col-xs-6 {
    width: 50%; }
  .SecuritiesBalancePreview .custom-table .col-xs-12 {
    width: 100%; }
  .SecuritiesBalancePreview .custom-table .right {
    text-align: right !important; }
  .SecuritiesBalancePreview .custom-table .xs-left {
    text-align: left !important; }
  .SecuritiesBalancePreview .custom-table .xs-center p {
    text-align: center !important; }
  .CardStatements .clientGrid td:nth-child(3),
  .CardStatements .clientGrid th:nth-child(3) {
    display: none; }
  .CardStatements .clientGrid td:nth-child(5) {
    width: 60px !important; }
  .CardStatements .clientGrid td {
    font-size: 12px; }
    .CardStatements .clientGrid td .text {
      display: none; }
  .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tbody td:not(:nth-child(2)) {
    font-size: 12px !important; }
  .Accounts .list-tab .custom-table .col {
    padding: 4px 15px; }
  .Accounts .list-tab .custom-table .account-col p,
  .Accounts .list-tab .custom-table .acc-num {
    text-align: center !important; }
  .Accounts .list-tab .custom-table .acc-title {
    padding-left: 20px; }
  .FXTradingCurrencyHistory .date-container {
    display: block !important; }
  .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item {
    display: block;
    text-align: left;
    border-bottom: none; }
    .payment-overview-zone .k-tabstrip .k-tabstrip-items .k-item .k-link {
      font-size: 20px; }
  .payment-slider {
    /*padding-top: 100px;*/ }
    .payment-slider .slide-control {
      -webkit-transform: none;
      transform: none;
      top: 20px;
      width: 50px;
      height: 50px;
      display: none !important; }
    .payment-slider .slide-prev, .payment-slider .slide-next {
      visibility: hidden; }
    .payment-slider .slide-prev {
      left: auto;
      right: 100px; }
    .payment-slider .slide-next {
      right: 30px; }
    .payment-slider .tag-title {
      font-size: 22px;
      line-height: 35px;
      padding-left: 0; }
  .widget-payment .inner.type-2 {
    padding: 0 20px; }
  .widget-links .link {
    font-size: 16px;
    padding: 20px 20px; }
  .widget-links .icon {
    right: 20px; }
  .clientGrid thead th, .clientGrid thead td {
    font-size: 12px !important; }
  .custom-table .col {
    padding-top: 6px;
    padding-bottom: 6px; }
  .group-submit.inline {
    display: block; }
  .plan-text span {
    display: block;
    text-align: left !important; }
  .plan-text .value {
    max-width: 100%; } }

@media only screen and (max-width: 500px) {
  .ui-dialog.info-dialog.error-dialog, .ui-dialog.error-dialog.information, .ui-dialog.info-dialog.success-dialog, .ui-dialog.success-dialog.information {
    width: auto !important; } }

@media only screen and (max-width: 450px) {
  .btn-1.color-6.messahe-hub {
    width: 100%;
    margin-top: 15px; }
  .input-wrap.message-hub {
    width: 100%;
    margin-top: 15px; }
  .bills-list .expand-trigger {
    left: auto;
    right: 0; }
  .bills-list .checkbox-1 {
    left: 0; }
  .bills-list .col-tag {
    padding-left: 26px; }
  .bills-list .col-buttons .text-3 {
    padding-left: 10px;
    font-size: 18px; }
  .bills-list .row-1:before {
    left: auto;
    right: 0; }
  .bills-list .logo-icon-2 {
    width: 20px;
    height: 20px;
    top: 12px;
    right: 16px;
    background-size: 16px; }
  .custom-options a {
    font-size: 14px; }
  .message .title {
    font-size: 12px;
    line-height: 14px; }
  .message.attachment {
    padding-right: 70px;
    background-size: 12px;
    background-position: calc(100% - 5px) 5px; }
  .Products .chart-tab .chart-wrap .gauge-chart {
    width: 250px !important;
    height: 180px !important; }
  .Products .chart-tab .chart-wrap .chart-content {
    top: 115px; }
  .Products .chart-tab .slick-slide {
    height: 290px; }
  .Products .chart-tab .icon-2 {
    margin-left: 5px; }
  .Products .chart-tab .acc-icon {
    margin-right: 5px; }
  .CurrencyExchangeV2:not(.dashboard-currency-exchange) .clientGrid tbody td:nth-child(2) {
    font-size: 12px !important; }
  .ProfileData .email .button-wrap,
  .ProfileData .token .button-wrap,
  .TokenList .email .button-wrap,
  .TokenList .token .button-wrap {
    display: block;
    width: 100%; }
    .ProfileData .email .button-wrap .button,
    .ProfileData .token .button-wrap .button,
    .TokenList .email .button-wrap .button,
    .TokenList .token .button-wrap .button {
      width: calc(50% - 10px);
      font-size: 12px;
      margin-left: 10px;
      min-width: auto; }
      .ProfileData .email .button-wrap .button:first-child,
      .ProfileData .token .button-wrap .button:first-child,
      .TokenList .email .button-wrap .button:first-child,
      .TokenList .token .button-wrap .button:first-child {
        margin-left: 0; }
  .CreditorTemplateManaging button.edit, .CreditorTemplateManaging button.delete {
    font-size: 14px; }
  .UserInfo .s-widget-body .heading {
    font-size: 14px; }
  .FXTradingCalculator .currency.currency-left {
    padding-left: 20px; }
  .FXTradingCalculator .currency.currency-right {
    padding-right: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(2) {
    line-height: 20px; }
  .FinanceRules .clientGrid tbody td:nth-child(3),
  .FinanceRules .clientGrid tbody td:nth-child(4) {
    font-size: 14px;
    width: 70px; }
  .clientGrid tbody tr td {
    font-size: 14px; }
    .clientGrid tbody tr td .title {
      font-size: 14px; }
    .clientGrid tbody tr td .value {
      font-size: 14px; }
  .ui-dialog.right-dialog {
    margin-right: 0 !important; }
  .s-widget-title {
    font-size: 16px; }
  .s-widget {
    background-position-x: 17px !important; }
  .s-widget-header {
    padding-left: 40px !important; }
  .fast-payment-zone .s-widget-header.zone-header {
    background-position-x: 10px; }
  .exchange-zone .s-widget-header {
    background-position-x: 10px; }
  .payment-overview-zone .s-widget-header {
    background-position-x: 11px; }
  .statements-zone .s-widget-header {
    background-position-x: 7px; }
  .CardBalancePreviewV2 {
    background-position-x: 12px !important; }
  .input-select-wrap.type-2 {
    padding-right: 0; }
    .input-select-wrap.type-2 .select-4 {
      position: relative;
      left: 50%;
      -webkit-transform: translate(-50%);
      transform: translate(-50%);
      position: relative; }
  .BudgetList .custom-table .text-1, .BudgetList .custom-table .text-2, .BudgetList .custom-table .text-3, .BudgetList .custom-table small {
    font-size: 12px !important; }
  .BudgetList .custom-table .transaction-btn {
    font-size: 14px !important; }
  .buy-hov-modal .custom-radio-1 .radio.has-input-2 {
    padding-right: 20px; }
    .buy-hov-modal .custom-radio-1 .radio.has-input-2 .input-wrap {
      -webkit-transform: none;
      transform: none;
      position: relative;
      top: auto;
      right: auto;
      max-width: none;
      margin-top: 20px; }
  .buy-hov-modal .modal-inner-content {
    padding: 30px 30px 0 30px; } }

/*#endregion responsive*/
.payment-slider.type-2 .slick-track,
.payment-slider.type-2 .slick-track .slick-slide {
  width: 100% !important; }

.tempName {
  font-family: "amalia", sans-serif;
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #494f5a;
  border-radius: 0;
  box-sizing: border-box;
  width: 95%;
  display: block;
  border: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
  overflow: visible;
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000 !important; }

/*test*/
.app-version {
  position: absolute;
  right: 10px;
  bottom: 5px;
  color: #666;
  font-style: italic;
  font-size: 0.9em; }

.predodobreni-krediti {
  /* Calendar style */
  /* Data processing */
  /* ==================================================
	    =Media Queries
	===================================================== */ }
  .predodobreni-krediti * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .predodobreni-krediti span.alpaca-field {
    display: block;
    vertical-align: middle; }
  .predodobreni-krediti .widget {
    padding-bottom: 1px; }
  .predodobreni-krediti html .ui-autocomplete {
    font-family: "amalia", sans-serif;
    font-size: 16px;
    background-color: #fff; }
  .predodobreni-krediti html .ui-state-focus, .predodobreni-krediti html .ui-widget-content .ui-state-focus {
    background-color: #fffee6;
    border: 0;
    font-weight: 400;
    color: #000;
    font-size: 16px; }
  .predodobreni-krediti .row-grid {
    zoom: 1;
    margin-left: -18px; }
    .predodobreni-krediti .row-grid:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .predodobreni-krediti .row-grid > * {
      padding-left: 18px;
      box-sizing: border-box; }
  .predodobreni-krediti .col {
    float: left;
    min-height: 1px; }
  .predodobreni-krediti .col-ls-12 {
    width: 100%; }
  .predodobreni-krediti .col-ls-11 {
    width: calc((100% / 12) * 11); }
  .predodobreni-krediti .col-ls-10 {
    width: calc((100% / 12) * 10); }
  .predodobreni-krediti .col-ls-9 {
    width: calc((100% / 12) * 9); }
  .predodobreni-krediti .col-ls-8 {
    width: calc((100% / 12) * 8); }
  .predodobreni-krediti .col-ls-7 {
    width: calc((100% / 12) * 7); }
  .predodobreni-krediti .col-ls-6 {
    width: calc(100% / 2); }
  .predodobreni-krediti .col-ls-5 {
    width: calc((100% / 12) * 5); }
  .predodobreni-krediti .col-ls-4 {
    width: calc((100% / 12) * 4); }
  .predodobreni-krediti .col-ls-3 {
    width: calc((100% / 12) * 3); }
  .predodobreni-krediti .col-ls-2 {
    width: calc((100% / 12) * 2); }
  .predodobreni-krediti .col-ls-1 {
    width: calc(100% / 12); }
  .predodobreni-krediti a {
    font-size: inherit;
    color: inherit; }
  .predodobreni-krediti input:focus, .predodobreni-krediti button:focus, .predodobreni-krediti textarea:focus {
    outline: none; }
  .predodobreni-krediti .icon-shoppingcart {
    background-image: url(images/krediti/icon-shoppingcart.png);
    background-size: 40px; }
  .predodobreni-krediti .icon-mobile {
    background-image: url(images/krediti/icon-mobile.png);
    background-size: 24px; }
  .predodobreni-krediti .icon-money {
    background-image: url(images/krediti/icon-money.png);
    background-size: 40px; }
  .predodobreni-krediti .icon-vault {
    background-image: url(images/krediti/icon-vault.png);
    background-size: 44px; }
  .predodobreni-krediti .icon-cards {
    background-image: url(images/krediti/icon-cards.png);
    background-size: 44px; }
  .predodobreni-krediti .icon-moneybag {
    background-image: url(images/krediti/icon-moneybag.png);
    background-size: 84px; }
  .predodobreni-krediti .icon-document {
    background-image: url(images/krediti/icon-document.png);
    background-size: 80px; }
  .predodobreni-krediti .icon-camera {
    background-image: url(images/krediti/icon-camera.png);
    background-size: 65px; }
  .predodobreni-krediti .icon-phone-1 {
    background-image: url(images/krediti/icon-phone-1.png);
    background-size: 18px; }
  .predodobreni-krediti .icon-bubble-1 {
    background-image: url(images/krediti/icon-bubble-1.png);
    background-size: 18px; }
  .predodobreni-krediti .icon-facebook-1 {
    background-image: url(images/krediti/icon-facebook-1.png);
    background-size: 10px; }
    .predodobreni-krediti .icon-facebook-1:hover {
      background-image: url(images/krediti/icon-facebook-2.png); }
  .predodobreni-krediti .icon-save {
    background-image: url(images/krediti/icon-save.png);
    background-size: 24px; }
  .predodobreni-krediti .icon-youtube-1 {
    background-image: url(images/krediti/icon-youtube-1.png);
    background-size: 20px; }
  .predodobreni-krediti .icon-youtube-1:hover {
    background-image: url(images/krediti/icon-youtube-2.png); }
  .predodobreni-krediti .icon-twitter-1 {
    background-image: url(images/krediti/icon-twitter-1.png);
    background-size: 21px; }
    .predodobreni-krediti .icon-twitter-1:hover {
      background-image: url(images/krediti/icon-twitter-2.png); }
  .predodobreni-krediti .icon-download {
    background-image: url(images/krediti/download.png);
    background-size: 21px; }
  .predodobreni-krediti .icon-man {
    background-image: url(images/krediti/icon-man.png);
    background-size: 16px; }
  .predodobreni-krediti .icon-clock {
    background-image: url(images/krediti/icon-clock.png);
    background-size: 20px; }
  .predodobreni-krediti .icon-card {
    background-image: url(images/krediti/icon-card.png);
    background-size: 20px; }
  .predodobreni-krediti .icon-mega {
    background-image: url(images/krediti/icon-mega.png);
    background-size: 81px; }
  .predodobreni-krediti .icon-chat {
    background-image: url(images/krediti/icon-chat.png);
    background-size: 75px; }
  .predodobreni-krediti .icon-calendar {
    background-image: url(images/krediti/icon-calendar.png);
    background-size: 90px; }
  .predodobreni-krediti .icon-puzzle {
    background-image: url(images/krediti/icon-puzzle.png);
    background-size: 90px; }
  .predodobreni-krediti .container-1 {
    width: calc(100% - 40px);
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-2 {
    width: calc(100% - 40px);
    max-width: 770px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-3 {
    max-width: 595px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-4 {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-5 {
    max-width: 1080px;
    width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .container-6 {
    position: relative;
    padding: 1px 60px; }
  .predodobreni-krediti .inner-margin-0 {
    margin-bottom: 0; }
  .predodobreni-krediti .inner-margin-1 {
    margin-bottom: 10px; }
  .predodobreni-krediti .inner-margin-2 {
    margin-bottom: 20px; }
  .predodobreni-krediti .inner-margin-3 {
    margin-bottom: 30px; }
  .predodobreni-krediti .inner-margin-4 {
    margin-bottom: 30px; }
  .predodobreni-krediti .inner-margin-5 {
    margin-bottom: 10px; }
  .predodobreni-krediti .inner-margin-6 {
    margin-bottom: 60px; }
  .predodobreni-krediti .inner-margin-7 {
    margin-bottom: 70px; }
  .predodobreni-krediti .inner-margin-8 {
    margin-bottom: 80px; }
  .predodobreni-krediti .inner-margin-9 {
    margin-bottom: 90px; }
  .predodobreni-krediti .inner-margin-10 {
    margin-bottom: 100px; }
  .predodobreni-krediti .top-padding-1 {
    padding-top: 20px; }
  .predodobreni-krediti .top-padding-2 {
    padding-top: 40px; }
  .predodobreni-krediti .top-padding-3 {
    padding-top: 60px; }
  .predodobreni-krediti .top-padding-4 {
    padding-top: 80px; }
  .predodobreni-krediti .top-padding-5 {
    padding-top: 100px; }
  .predodobreni-krediti #main {
    overflow: hidden; }
  .predodobreni-krediti .info-card.top-padding-6 {
    padding-top: 106px; }
  .predodobreni-krediti .info-card.fix {
    background-position: 50% 17%;
    background-size: 60px;
    border: none;
    min-height: 214px;
    position: relative; }
    .predodobreni-krediti .info-card.fix:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 0;
      width: 1px;
      height: 74%;
      background: #dbdbdb; }
  .predodobreni-krediti .infos-row .col:last-child .info-card:after {
    display: none; }
  .predodobreni-krediti .icon-camera.fix {
    background-size: 48px; }
  .predodobreni-krediti .inner-margin-1.fix {
    margin-bottom: 7px; }
  .predodobreni-krediti .intro-section.fix {
    -webkit-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 62px -9px rgba(0, 0, 0, 0.25);
    position: relative; }
  .predodobreni-krediti .section.fix-2 {
    padding-bottom: 146px; }
  .predodobreni-krediti .button-1.fix span {
    font-weight: 100;
    vertical-align: top; }
  .predodobreni-krediti .value-slider-section.fix {
    padding-top: 68px; }
  .predodobreni-krediti .benefit-section {
    padding-top: 110px;
    padding-bottom: 100px; }
    .predodobreni-krediti .benefit-section .info-card.fix {
      background-size: 124px;
      padding-top: 180px;
      background-position: 50% 5%; }
      .predodobreni-krediti .benefit-section .info-card.fix:after {
        display: none; }
      .predodobreni-krediti .benefit-section .info-card.fix.benefit-ico-2 {
        background-position: 50% 12%; }
    .predodobreni-krediti .benefit-section .col-ls-4 {
      padding: 0 4.4%; }
    .predodobreni-krediti .benefit-section .title-border-1:after {
      left: calc(50% - 50px); }
    .predodobreni-krediti .benefit-section .title-3 {
      font-size: 18px; }
    .predodobreni-krediti .benefit-section .row-grid {
      max-width: 1200px;
      margin: auto; }
  .predodobreni-krediti .benefit-ico-1 {
    background-image: url(images/krediti/benefit-ico-1.png);
    background-size: 124px; }
  .predodobreni-krediti .benefit-ico-2 {
    background-image: url(images/krediti/benefit-ico-2.png);
    background-size: 124px; }
  .predodobreni-krediti .benefit-ico-3 {
    background-image: url(images/krediti/benefit-ico-3.png);
    background-size: 124px; }
  .predodobreni-krediti .section-2.padding-fix {
    padding-bottom: 80px;
    padding-top: 0; }
  .predodobreni-krediti .section-2.padding-fix-2 {
    padding-bottom: 60px;
    padding-top: 30px; }
  .predodobreni-krediti .container-2.fix-center {
    text-align: center; }
  .predodobreni-krediti .strong-fix strong {
    color: #000;
    background: #fff133; }
  .predodobreni-krediti .yellow-bg strong {
    background: #ffec00;
    padding: 0 5px; }
  .predodobreni-krediti .store-wrap {
    border: 3px solid #f2f4f5;
    padding: 40px; }
    .predodobreni-krediti .store-wrap .store-btn {
      float: left;
      width: 50%; }
    .predodobreni-krediti .store-wrap img {
      display: block;
      max-width: 100%;
      max-height: 60px; }
    .predodobreni-krediti .store-wrap .google-play img {
      margin-left: auto;
      margin-right: 8px; }
    .predodobreni-krediti .store-wrap .apple-store img {
      margin-right: auto;
      margin-left: 8px; }
  .predodobreni-krediti .section-2.padding-fix-3 {
    padding-bottom: 0; }
  .predodobreni-krediti .save-btn-2 {
    color: #0095c9;
    text-decoration: underline; }
  .predodobreni-krediti span {
    display: inline-block;
    vertical-align: middle; }
  .predodobreni-krediti .full {
    width: 100%; }
  .predodobreni-krediti .ib {
    display: inline-block; }
  .predodobreni-krediti .block {
    display: block; }
  .predodobreni-krediti .semi-bold {
    font-weight: 500; }
  .predodobreni-krediti .bold {
    font-weight: 700; }
  .predodobreni-krediti .icon-text {
    padding-left: 125px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    max-width: 480px; }
  .predodobreni-krediti .text-changer {
    transition: opacity .5s ease;
    opacity: 1; }
    .predodobreni-krediti .text-changer.animating {
      opacity: 0; }
  .predodobreni-krediti .title-1 {
    float: none;
    border: none;
    font-size: 48px;
    font-weight: 700;
    line-height: 60px;
    text-shadow: -2px 2px 0px rgba(0, 0, 0, 0.4); }
  .predodobreni-krediti .title-2 {
    color: inherit;
    border: none;
    float: none;
    font-size: 30px;
    font-weight: 700;
    padding: 0; }
  .predodobreni-krediti .title-3 {
    font-size: 20px;
    font-weight: 700; }
  .predodobreni-krediti .title-4 {
    font-size: 20px; }
  .predodobreni-krediti .title-5 {
    font-size: 44px;
    font-weight: 700; }
  .predodobreni-krediti .text-1 {
    font-size: 16px;
    line-height: 24px; }
    .predodobreni-krediti .text-1 a {
      color: #0095c9;
      text-decoration: underline; }
  .predodobreni-krediti .text-2 {
    font-size: 18px;
    font-weight: 500; }
    .predodobreni-krediti .text-2 a {
      color: #0095c9;
      text-decoration: underline; }
  .predodobreni-krediti .text-3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    text-transform: uppercase; }
    .predodobreni-krediti .text-3 a {
      display: inline-block;
      vertical-align: text-bottom;
      line-height: 9px;
      color: #0095c9;
      border-bottom: 2px solid #0095c9; }
    .predodobreni-krediti .text-3 .checkbox:not(.checkbox-2) {
      vertical-align: top;
      margin-right: 20px;
      margin-top: -2px;
      margin-bottom: 15px; }
  .predodobreni-krediti .checkbox-wrap {
    position: relative;
    padding-left: 50px; }
    .predodobreni-krediti .checkbox-wrap .checkbox {
      position: absolute;
      top: 18px;
      left: 0; }
  .predodobreni-krediti .link-1 {
    font-size: 16px; }
  .predodobreni-krediti .padding-1 {
    padding: 0 60px; }
  .predodobreni-krediti .cl-2 {
    color: #7b7b7b; }
  .predodobreni-krediti .cl-3 {
    color: #fff; }
  .predodobreni-krediti .cl-4 {
    color: #0095c9; }
  .predodobreni-krediti .cl-5 {
    color: #888; }
  .predodobreni-krediti .bg-cl-1 {
    background-color: #f2f4f5; }
  .predodobreni-krediti .checkbox-1 {
    transition: background-color .4s ease;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 15px;
    border-radius: 16px;
    background-color: #dadada;
    cursor: pointer;
    vertical-align: middle; }
    .predodobreni-krediti .checkbox-1.checked {
      background-color: #c3b400; }
      .predodobreni-krediti .checkbox-1.checked mark {
        background-color: #ffec00;
        transform: translate3d(calc(100% - 7px), 0, 0); }
    .predodobreni-krediti .checkbox-1 mark {
      transition: transform .4s ease, background-color .4s ease;
      box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
      border-radius: 50%;
      position: absolute;
      left: -2px;
      top: -3px;
      display: inline-block;
      content: "";
      width: 22px;
      height: 22px;
      background-color: #fff; }
    .predodobreni-krediti .checkbox-1 .cc-checkbox {
      display: none; }
  .predodobreni-krediti .checkbox-2 {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-size: 14px; }
    .predodobreni-krediti .checkbox-2.checked mark {
      background: url(images/krediti/icon-check-1.png) no-repeat center;
      background-size: 18px; }
    .predodobreni-krediti .checkbox-2 mark {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      display: block;
      cursor: pointer;
      vertical-align: text-top;
      content: "";
      width: 18px;
      height: 18px;
      border: 1px solid #d1d1d1;
      background-color: #fff;
      margin-right: 10px; }
    .predodobreni-krediti .checkbox-2 .cc-checkbox {
      display: none; }
    .predodobreni-krediti .checkbox-2.right-dir {
      zoom: 1; }
      .predodobreni-krediti .checkbox-2.right-dir:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: "."; }
      .predodobreni-krediti .checkbox-2.right-dir mark {
        float: right;
        margin: 0;
        margin-left: 10px; }
  .predodobreni-krediti .panel {
    padding: 30px 18px; }
  .predodobreni-krediti .panel-bg {
    padding: 22px 10px;
    background: url(images/krediti/pattern.png) 0 0; }
  .predodobreni-krediti .save-box {
    position: absolute;
    top: 28px;
    right: 0;
    margin-right: 0; }
    .predodobreni-krediti .save-box .save-btn {
      position: relative;
      display: inline-block;
      height: 53px;
      border: 1px solid #d1d1d1;
      transition: border-color .4s ease;
      background: transparent;
      font-size: 14px;
      line-height: 50px;
      font-weight: bold;
      color: #000;
      text-transform: uppercase;
      padding: 0 20px;
      margin: 0; }
      .predodobreni-krediti .save-box .save-btn:hover {
        border-color: #000; }
      .predodobreni-krediti .save-box .save-btn i {
        display: inline-block;
        width: 24px;
        height: 53px;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100%;
        float: left;
        margin-right: 20px; }
    .predodobreni-krediti .save-box .tooltip {
      width: 280px;
      animation: nav-anim2 3s;
      animation-iteration-count: infinite;
      animation-timing-function: cubic-bezier(0, 1, 1, 1); }
      .predodobreni-krediti .save-box .tooltip:after {
        right: 68px; }
  .predodobreni-krediti .tooltip {
    background: #ffec00;
    position: absolute;
    top: calc(100% + 14px);
    right: 0;
    padding: 25px 25px 10px;
    z-index: 20; }
    .predodobreni-krediti .tooltip p {
      font-size: 16px;
      font-weight: 500;
      line-height: 1.5;
      margin-bottom: 10px; }
    .predodobreni-krediti .tooltip button {
      background: transparent;
      padding: 5px 0;
      color: #000;
      text-transform: uppercase;
      margin: 0; }
    .predodobreni-krediti .tooltip button:first-child {
      float: left; }
    .predodobreni-krediti .tooltip button:last-child {
      float: right; }
    .predodobreni-krediti .tooltip:after {
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 9px 11px 9px;
      border-color: transparent transparent #ffee00 transparent;
      position: absolute;
      bottom: 100%; }
  .predodobreni-krediti .jumbo-panel {
    position: relative;
    height: 440px;
    overflow: hidden; }
    .predodobreni-krediti .jumbo-panel .img {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: block;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      width: 100%;
      height: auto; }
    .predodobreni-krediti .jumbo-panel .title {
      text-align: center;
      transform: translate3d(0, -50%, 0);
      position: absolute;
      width: calc(100% - 40px);
      left: 20px;
      top: 50%; }
  .predodobreni-krediti .info-card {
    text-align: center;
    padding: 10px 30px;
    padding-top: 160px;
    min-height: 260px;
    background-repeat: no-repeat;
    background-position: 50% 20%;
    border: none;
    box-sizing: border-box; }
    .predodobreni-krediti .info-card .has-info {
      width: calc(100% + 50px); }
  .predodobreni-krediti .section {
    padding: 60px 0;
    padding-top: 75px; }
  .predodobreni-krediti .section-2 {
    padding: 50px 0; }
    .predodobreni-krediti .section-2.no-bottom-padding {
      padding-bottom: 0; }
  .predodobreni-krediti .value-slider-section {
    background-color: #f2f4f5; }
  .predodobreni-krediti .value-slider-wrap {
    border-bottom: 1px solid #fff; }
    .predodobreni-krediti .value-slider-wrap .title {
      float: left; }
    .predodobreni-krediti .value-slider-wrap input {
      text-align: right;
      float: right;
      max-width: 215px; }
    .predodobreni-krediti .value-slider-wrap .slider {
      width: 100%;
      float: left; }
    .predodobreni-krediti .value-slider-wrap .min-txt {
      float: left; }
    .predodobreni-krediti .value-slider-wrap .max-txt {
      float: right; }
  .predodobreni-krediti .value-wrap .input {
    text-align: right;
    float: right;
    max-width: 215px; }
  .predodobreni-krediti .hidden {
    display: none; }
  .predodobreni-krediti .button-wrap {
    zoom: 1;
    margin-left: -12px;
    padding: 0; }
    .predodobreni-krediti .button-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .predodobreni-krediti .button-wrap .button {
      float: left;
      margin-left: 12px;
      min-width: auto;
      width: calc(50% - 12px); }
  .predodobreni-krediti .button-1 {
    transition: box-shadow .3s ease, background-color .3s ease;
    box-shadow: 0px 30px 25px -10px rgba(181, 183, 184, 0.3);
    text-align: center;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 15.5px 10px;
    background-color: #ffec00;
    width: 100%;
    border: none; }
    .predodobreni-krediti .button-1:hover {
      box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75);
      background-color: #fff133;
      cursor: pointer; }
    .predodobreni-krediti .button-1.color-2 {
      background-color: #f1f2f4; }
      .predodobreni-krediti .button-1.color-2:hover {
        box-shadow: 0px 25px 25px -15px rgba(181, 183, 184, 0.75);
        background-color: #e2e4e9;
        cursor: pointer; }
  .predodobreni-krediti .input-1 {
    font-family: "amalia", sans-serif;
    display: block;
    font-size: 20px !important;
    font-weight: 700;
    appearance: none;
    outline: none;
    border: 1px solid #d1d1d1;
    padding: 12px 15px 10px;
    background-color: white; }
    .predodobreni-krediti .input-1.error {
      border-color: #e53935; }
    .predodobreni-krediti .input-1[disabled] {
      background-color: #f2f4f5; }
  .predodobreni-krediti .input-4 {
    font-family: "amalia", sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 500;
    appearance: none;
    outline: none;
    border: 1px solid #d1d1d1;
    padding: 15px 15px 8px; }
    .predodobreni-krediti .input-4.error {
      border-color: #e53935; }
  .predodobreni-krediti .input-date {
    background: url(images/krediti/icon-date.png) 100% 0 no-repeat;
    background-size: 18px;
    padding-right: 30px;
    cursor: pointer; }
  .predodobreni-krediti .ui-slider.ui-widget-content {
    border: none;
    border-radius: 0;
    background-color: #dbdbdb;
    height: 3px; }
    .predodobreni-krediti .ui-slider.ui-widget-content .ui-state-default {
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      z-index: 1;
      cursor: pointer;
      width: 14px;
      height: 14px;
      background-color: #fed500;
      outline: none; }
      .predodobreni-krediti .ui-slider.ui-widget-content .ui-state-default:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%, -50%, 0);
        -moz-transform: translate3d(-50%, -50%, 0);
        -ms-transform: translate3d(-50%, -50%, 0);
        transform: translate3d(-50%, -50%, 0);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        position: absolute;
        z-index: 1;
        width: calc(100% + 8px);
        height: calc(100% + 8px);
        background-color: rgba(0, 149, 201, 0.3); }
  .predodobreni-krediti .ui-slider .ui-widget-header {
    border-radius: 0;
    background-color: #fed500; }
  .predodobreni-krediti .datepicker-dd-wrap {
    position: relative;
    display: inline-block;
    width: 45%; }
    .predodobreni-krediti .datepicker-dd-wrap:after {
      content: "";
      position: absolute;
      right: 15px;
      top: calc(50% - 6px);
      width: 12px;
      height: 12px;
      background: center no-repeat url(images/krediti/arrow-bottom.png);
      background-size: 12px; }
  .predodobreni-krediti body .ui-datepicker select.ui-datepicker-month, .predodobreni-krediti body .ui-datepicker select.ui-datepicker-year {
    cursor: pointer;
    padding-left: 10px;
    font-size: 18px !important;
    width: 100% !important;
    border: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    outline: none;
    max-width: 82px;
    -moz-appearance: none;
    color: var(--uds-font-color); }
  .predodobreni-krediti body #ui-datepicker-div {
    width: 280px;
    border-radius: 2px;
    background: var(--uds-base-background);
    -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.3);
    padding: 10px; }
  .predodobreni-krediti body .ui-widget-header {
    border: none;
    background: var(--uds-base-background); }
  .predodobreni-krediti body table thead th {
    font-family: 'amalia', sans-serif;
    background: none;
    font-size: 16px;
    color: #505050; }
  .predodobreni-krediti body .ui-datepicker th {
    font-weight: 500; }
  .predodobreni-krediti body .ui-datepicker td {
    padding: 1px 2px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-title {
    font-size: 16px;
    font-weight: 500;
    color: #505050;
    margin-top: 9px;
    margin-bottom: 10px; }
  .predodobreni-krediti body .ui-widget-content .ui-state-default,
  .predodobreni-krediti body .ui-widget-header .ui-state-default {
    background: none;
    color: #505050;
    font-size: 14px;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0; }
  .predodobreni-krediti body .ui-datepicker td span, .predodobreni-krediti body .ui-datepicker td a {
    padding: .4em;
    text-align: center; }
  .predodobreni-krediti body .ui-widget-content .ui-state-active,
  .predodobreni-krediti body .ui-widget-header .ui-state-active,
  .predodobreni-krediti body .ui-widget-content .ui-state-hover,
  .predodobreni-krediti body .ui-widget-header .ui-state-hover,
  .predodobreni-krediti body .ui-widget-content .ui-state-highlight,
  .predodobreni-krediti body .ui-widget-header .ui-state-highlight {
    border-color: var(--action-color);
    background: var(--action-color);
    color: var(--uds-font-color-inverted);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    border-radius: 18px; }
  .predodobreni-krediti body table tr:nth-child(even) td,
  .predodobreni-krediti body table tr:nth-child(even) th {
    background: none; }
  .predodobreni-krediti body .ui-icon {
    width: 20px;
    height: 20px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev,
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next {
    width: 38px;
    height: 38px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid #d1d1d1;
    border-radius: 0; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev {
    top: 4px;
    left: 0;
    margin-left: 5px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next {
    top: 4px;
    right: 0;
    margin-right: 7px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover,
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover {
    background: none;
    border: 1px solid #d1d1d1;
    top: 4px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover {
    left: 0px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover {
    right: 0px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span,
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next span {
    margin-left: -10px;
    margin-top: -9px; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev span,
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-prev.ui-state-hover span {
    background: url(images/krediti/arrow-b-left.png) center center no-repeat;
    background-size: 7px;
    border: none; }
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next span,
  .predodobreni-krediti body .ui-datepicker .ui-datepicker-next.ui-state-hover span {
    background: url(images/krediti/arrow-b-right.png) center center no-repeat;
    background-size: 7px;
    border: none; }
  .predodobreni-krediti .input-info {
    position: relative; }
    .predodobreni-krediti .input-info .input-wrap {
      padding-right: 50px; }
    .predodobreni-krediti .input-info .info-icon {
      transform: translate3d(0, -50%, 0);
      position: absolute;
      top: calc(50%);
      right: 10px; }
  .predodobreni-krediti .has-info {
    position: relative;
    padding-right: 50px; }
    .predodobreni-krediti .has-info .info-icon, .predodobreni-krediti .has-info .pen-icon {
      transform: translate3d(0, -50%, 0);
      position: absolute;
      top: calc(50% - 2px);
      right: 0; }
  .predodobreni-krediti .pen-icon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 36px;
    height: 26px;
    border: 2px solid #cfd0d2;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/krediti/pen-icon.png); }
  .predodobreni-krediti .info-icon {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 36px;
    height: 26px;
    border: 2px solid #cfd0d2;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    -ms-border-radius: 13px;
    border-radius: 13px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(images/krediti/info-icon-1.png);
    background-size: 2px; }
    .predodobreni-krediti .info-icon p {
      text-align: center;
      width: 250px;
      padding: 15px;
      background-color: rgba(0, 0, 0, 0.8);
      position: absolute;
      right: 15px;
      bottom: 29px;
      font-size: 14px;
      color: #fff;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease; }
      .predodobreni-krediti .info-icon p:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0px 0 13px;
        border-color: #49505a transparent transparent transparent;
        position: absolute;
        right: 0px;
        bottom: -12px;
        opacity: 0.7; }
    .predodobreni-krediti .info-icon:hover p {
      opacity: 1;
      visibility: visible; }
  .predodobreni-krediti .title-border-1 {
    position: relative; }
    .predodobreni-krediti .title-border-1:after {
      content: '';
      position: absolute;
      left: calc(50% - 40px);
      bottom: -22px;
      width: 80px;
      height: 8px;
      background-color: #fff200; }
  .predodobreni-krediti .plain-text {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px; }
    .predodobreni-krediti .plain-text .semi-bold {
      position: relative;
      top: 4px; }
    .predodobreni-krediti .plain-text .info-icon {
      top: calc(50% - 5px); }
  .predodobreni-krediti .list-1 {
    list-style: disc;
    list-style-position: outside; }
    .predodobreni-krediti .list-1 li {
      margin-left: 20px;
      padding-left: 10px;
      margin-bottom: 20px; }
  .predodobreni-krediti .information-section .col:first-child {
    background-color: #fff; }
  .predodobreni-krediti .information-section .col:last-child {
    background-color: #fed500;
    background-position: 10% 30%;
    padding: 60px 105px 20px 190px; }
  .predodobreni-krediti .information-section .row {
    display: flex; }
  .predodobreni-krediti .information-section .col {
    position: relative;
    padding: 60px 140px 20px 9.5%;
    min-height: 395px;
    display: flex;
    align-items: center; }
  .predodobreni-krediti .information-section .title-1 {
    text-shadow: none;
    max-width: 330px;
    line-height: 56px; }
  .predodobreni-krediti .information-section .title-border-1:after {
    left: 0; }
  .predodobreni-krediti .information-section .list-1 span {
    vertical-align: top; }
  .predodobreni-krediti .information-section .man-1 {
    position: absolute;
    left: -210px;
    max-width: 100%;
    bottom: 0;
    z-index: 2; }
  .predodobreni-krediti .teste-slider {
    width: 100%; }
    .predodobreni-krediti .teste-slider .slick-dots {
      position: absolute;
      bottom: -80px;
      left: -5px; }
      .predodobreni-krediti .teste-slider .slick-dots li {
        position: relative;
        display: inline-block;
        width: 8px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer; }
      .predodobreni-krediti .teste-slider .slick-dots button {
        border-radius: 50%;
        padding: 0;
        font-size: 0;
        line-height: 0;
        display: block;
        width: 6px;
        height: 6px;
        margin: auto;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        background-color: #cacaca; }
      .predodobreni-krediti .teste-slider .slick-dots .slick-active button {
        background-color: #fed500; }
    .predodobreni-krediti .teste-slider .slide {
      opacity: 1 !important; }
    .predodobreni-krediti .teste-slider .inner {
      transition: opacity .5s ease;
      opacity: 0; }
    .predodobreni-krediti .teste-slider .slick-active .inner {
      transition-delay: .5s;
      opacity: 1; }
  .predodobreni-krediti .tag-wrap {
    position: relative;
    padding-right: 110px; }
    .predodobreni-krediti .tag-wrap .tag {
      position: absolute;
      top: calc(50% - 24px);
      right: 30px; }
  .predodobreni-krediti .tag {
    display: block;
    width: 48px;
    height: 48px;
    background-color: #ffec00;
    background-position: 50%;
    background-repeat: no-repeat; }
  .predodobreni-krediti .contact-section {
    padding: 27px 0;
    background-color: #34393c; }
    .predodobreni-krediti .contact-section .page-logo {
      margin-top: 15px;
      display: block;
      width: 191px;
      height: 50px;
      background: url(images/krediti/page-logo-2.png) 50% no-repeat;
      background-size: cover; }
    .predodobreni-krediti .contact-section .col:not(:first-child) {
      border-left: 1px solid #7b7b7b; }
    .predodobreni-krediti .contact-section .tag-wrap {
      padding-top: 5px;
      padding-bottom: 5px; }
  .predodobreni-krediti .social-section {
    background-color: #4f5054;
    padding: 11px 0; }
    .predodobreni-krediti .social-section .text-1 {
      position: relative;
      top: 6px; }
  .predodobreni-krediti .socials-wrap {
    zoom: 1; }
    .predodobreni-krediti .socials-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .predodobreni-krediti .socials-wrap li {
      float: left; }
    .predodobreni-krediti .socials-wrap a {
      transition: background-image .3s ease;
      display: block;
      height: 30px;
      width: 75px;
      background-repeat: no-repeat;
      background-position: 50%;
      backface-visibility: hidden; }
  .predodobreni-krediti .steps-wrap {
    position: relative;
    background-color: #34393c;
    background-image: url(images/krediti/pattern-2.png); }
    .predodobreni-krediti .steps-wrap .container-1 {
      position: relative;
      z-index: 1;
      min-height: 100px;
      max-width: none; }
    .predodobreni-krediti .steps-wrap .steps {
      position: absolute;
      top: 60px;
      left: 90px;
      width: calc(100% - 180px); }
    .predodobreni-krediti .steps-wrap div.center {
      position: relative;
      top: 135px; }
    .predodobreni-krediti .steps-wrap.type-2 {
      position: relative;
      background-image: url(images/krediti/pattern-2.png); }
      .predodobreni-krediti .steps-wrap.type-2:before {
        z-index: 0;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-image: url(images/krediti/sample-2.jpg);
        background-size: cover;
        background-position: top center; }
      .predodobreni-krediti .steps-wrap.type-2:after {
        z-index: 0;
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-image: url(images/krediti/pattern.png);
        opacity: 0.2; }
      .predodobreni-krediti .steps-wrap.type-2 .container-1 {
        position: relative;
        min-height: 390px;
        max-width: none; }
  .predodobreni-krediti .steps {
    position: relative;
    width: 100%;
    margin: 0; }
    .predodobreni-krediti .steps:before {
      display: none; }
    .predodobreni-krediti .steps .progress {
      background-color: #999999; }
      .predodobreni-krediti .steps .progress span {
        transition: width .3s ease-out;
        display: block;
        height: 3px;
        background-color: #fff100; }
    .predodobreni-krediti .steps .mobile-title {
      display: none;
      position: relative;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      position: absolute;
      top: -37px;
      margin: 0; }
    .predodobreni-krediti .steps .point {
      position: absolute;
      z-index: 10;
      transform: translate3d(-50%, 0, 0);
      top: calc(50% - 10px);
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background-color: #34393c;
      border: 1px solid #999999; }
      .predodobreni-krediti .steps .point:after {
        content: '';
        position: absolute;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        width: 50%;
        height: 50%;
        background-color: #999999; }
      .predodobreni-krediti .steps .point.active {
        border-color: #fff100; }
        .predodobreni-krediti .steps .point.active:after {
          background-color: transparent;
          background-image: url(images/krediti/small-check.png);
          background-size: 10px;
          background-position: 50%;
          background-repeat: no-repeat; }
      .predodobreni-krediti .steps .point.last-active {
        border-color: #fff100; }
        .predodobreni-krediti .steps .point.last-active p {
          color: #fff; }
        .predodobreni-krediti .steps .point.last-active:after {
          background-color: transparent;
          background-image: url(images/krediti/small-check.png);
          background-size: 10px;
          background-position: 50%;
          background-repeat: no-repeat; }
      .predodobreni-krediti .steps .point.current {
        border-color: #fff100; }
        .predodobreni-krediti .steps .point.current:after {
          background-color: #fff100; }
        .predodobreni-krediti .steps .point.current p {
          color: #fff; }
      .predodobreni-krediti .steps .point p {
        position: absolute;
        transform: translate3d(-50%, 0, 0);
        top: -30px;
        left: calc(50% + .2px);
        color: #999999;
        margin: 0;
        width: max-content;
        text-transform: none;
        letter-spacing: initial;
        text-align: inherit;
        white-space: nowrap; }
  .predodobreni-krediti .label-1 {
    font-size: 16px; }
  .predodobreni-krediti .back-button-1 {
    transition: border-color .4s ease;
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid #d1d1d1;
    background: url(images/krediti/return-icon.png) 50% no-repeat;
    background-size: 24px; }
    .predodobreni-krediti .back-button-1:hover {
      border-color: #000;
      cursor: pointer; }
  .predodobreni-krediti .has-back {
    position: relative; }
    .predodobreni-krediti .has-back .back-button {
      position: absolute;
      z-index: 100;
      left: 0;
      top: 0; }
  .predodobreni-krediti .input-2 {
    font-family: "amalia", sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 500;
    border: none;
    background-color: transparent;
    outline: none;
    line-height: 18px;
    padding: 0;
    text-align: inherit; }
  .predodobreni-krediti .input-3 {
    font-family: "amalia", sans-serif;
    display: block;
    font-size: 16px;
    border: none;
    background-color: transparent;
    outline: none; }
  .predodobreni-krediti .select-1 {
    cursor: pointer;
    width: 100%;
    font-family: "amalia", sans-serif;
    display: block;
    font-size: 18px;
    font-weight: 500;
    border: none;
    background-color: transparent;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(images/krediti/arrow-bottom.png) 100% 5px no-repeat;
    background-size: 12px; }
  .predodobreni-krediti .input-wrap {
    transition: border-color .4s ease;
    position: relative;
    border: 1px solid #d1d1d1;
    padding: 16px 18px 7px 18px; }
    .predodobreni-krediti .input-wrap .label {
      position: absolute;
      width: max-content;
      padding: 0 16px;
      background-color: #fff;
      left: 3px;
      top: -12px; }
    .predodobreni-krediti .input-wrap .input {
      width: 100%; }
      .predodobreni-krediti .input-wrap .input.input-3 {
        margin-bottom: 3px; }
    .predodobreni-krediti .input-wrap .err-txt {
      display: none;
      position: absolute;
      left: 0;
      bottom: -25px;
      color: #e53935;
      font-size: 14px;
      margin: 0;
      white-space: nowrap; }
    .predodobreni-krediti .input-wrap:focus-within {
      border-color: #000; }
    .predodobreni-krediti .input-wrap.error {
      border-color: #e53935; }
      .predodobreni-krediti .input-wrap.error .err-txt {
        display: block; }
  .predodobreni-krediti .error-helper-1 {
    display: none;
    background-color: #e53935;
    padding: 20px 20px;
    padding-bottom: 18px; }
  .predodobreni-krediti .popup-wrap {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 1000; }
    .predodobreni-krediti .popup-wrap .display-wrap {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      display: flex;
      align-items: center;
      padding: 40px 0;
      overflow: auto; }
  .predodobreni-krediti .popup {
    transition: transform .5s ease-out, opacity .5s ease-out;
    opacity: 0;
    transform: translate3d(0, -5%, 0);
    background-color: #fff; }
    .predodobreni-krediti .popup .inner {
      padding: 0px; }
      .predodobreni-krediti .popup .inner.type-2 {
        padding: 32px 40px 1px; }
    .predodobreni-krediti .popup.open {
      opacity: 1;
      transform: translate3d(0, 0%, 0); }
  .predodobreni-krediti .custom-radio-1 {
    display: inline-block; }
    .predodobreni-krediti .custom-radio-1 .radio {
      cursor: pointer;
      position: relative;
      display: block;
      font-size: 16px;
      padding: 22px 20px;
      padding-left: 40px;
      text-overflow: ellipsis;
      overflow: hidden; }
      .predodobreni-krediti .custom-radio-1 .radio > i {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        left: 0px;
        display: inline-block;
        width: 25px;
        height: 25px;
        background-image: url(images/krediti/radio-off.png);
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat; }
      .predodobreni-krediti .custom-radio-1 .radio.checked > i {
        background-image: url(images/krediti/radio-on.png); }
    .predodobreni-krediti .custom-radio-1.type-2 .radio > i {
      transform: none;
      top: 20px; }
  .predodobreni-krediti .loader-wrap {
    text-align: center; }
    .predodobreni-krediti .loader-wrap .loader {
      display: inline-block;
      background: #f2f4f5;
      padding: 2px;
      position: relative;
      overflow: hidden; }
    .predodobreni-krediti .loader-wrap .loader-progress {
      width: 0;
      height: calc(100% - 4px);
      position: absolute;
      top: 2px;
      left: 2px;
      background: #fff200;
      animation: loading 40s infinite; }
      .predodobreni-krediti .loader-wrap .loader-progress.type-2 {
        animation: loading 20s infinite; }
    .predodobreni-krediti .loader-wrap ul {
      position: relative;
      z-index: 1; }
    .predodobreni-krediti .loader-wrap li {
      float: left;
      width: 14px;
      height: 31px;
      border: 3px solid #fff;
      border-right: 0; }
      .predodobreni-krediti .loader-wrap li:last-child {
        width: 17px;
        border-right: 3px solid #fff; }
  .predodobreni-krediti .map-wrapper {
    position: relative;
    overflow: hidden; }
  .predodobreni-krediti #map-canvas {
    position: relative;
    width: 100%;
    height: 580px;
    overflow: hidden; }
  .predodobreni-krediti .infobox-wrapper {
    display: none;
    background: var(--uds-base-background); }
  .predodobreni-krediti .infobox {
    background-color: transparent;
    border: none;
    width: 380px;
    padding: 5px 5px 20px; }
    .predodobreni-krediti .infobox .inner {
      background: var(--uds-base-background);
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
      padding: 15px 22px;
      position: relative; }
      .predodobreni-krediti .infobox .inner:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -10px; }
    .predodobreni-krediti .infobox .loc-title {
      font-family: amalia, sans-serif;
      font-size: 16px;
      line-height: 20px;
      font-weight: 700;
      color: #000;
      margin-bottom: 20px; }
    .predodobreni-krediti .infobox li {
      position: relative;
      font-family: amalia, sans-serif;
      font-size: 16px;
      line-height: 30px;
      color: #000;
      padding-left: 35px;
      margin-bottom: 10px; }
    .predodobreni-krediti .infobox i {
      display: inline-block;
      width: 25px;
      height: 30px;
      position: absolute;
      top: 0;
      left: 0;
      background-repeat: no-repeat;
      background-position: center center; }
  .predodobreni-krediti .gm-style img {
    position: relative;
    z-index: 10;
    width: 15px;
    height: 15px; }
  .predodobreni-krediti .infoBox img {
    right: 15px;
    top: 5px; }
  .predodobreni-krediti .map-search {
    position: absolute;
    top: 25px;
    right: 25px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    overflow: hidden; }
    .predodobreni-krediti .map-search .search-1 {
      width: 290px;
      border: 0;
      font-family: amalia, sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #000;
      padding: 10px 20px; }
    .predodobreni-krediti .map-search:after {
      content: '';
      width: 60px;
      height: 100%;
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 26%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      position: absolute;
      top: 0;
      right: 0; }
    .predodobreni-krediti .map-search button {
      width: 50px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background: url(images/krediti/search-icon-2.png) center center no-repeat;
      background-size: 16px;
      border: 0;
      padding: 0;
      margin: 0;
      z-index: 1;
      opacity: 0.5;
      transition: opacity 0.3s ease; }
      .predodobreni-krediti .map-search button:hover {
        opacity: 1; }
  .predodobreni-krediti .list-block {
    border: 1px solid #0095c9;
    padding: 30px 40px; }
    .predodobreni-krediti .list-block li {
      font-size: 16px;
      line-height: 24px;
      font-weight: 500;
      color: #0095c9;
      margin-bottom: 20px;
      padding-left: 35px;
      position: relative; }
      .predodobreni-krediti .list-block li:after {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background: #0095c9;
        position: absolute;
        top: 8px;
        left: 0; }
  .predodobreni-krediti .img-full img {
    width: 100%;
    height: auto; }
  .predodobreni-krediti .offer-slider-wrap {
    max-width: 1300px;
    width: 94%;
    overflow: hidden;
    position: relative;
    margin: 0 auto; }
    .predodobreni-krediti .offer-slider-wrap .overlay {
      width: 350px;
      height: 100%;
      position: absolute;
      top: 0;
      z-index: 10;
      pointer-events: none; }
    .predodobreni-krediti .offer-slider-wrap .overlay-left {
      left: 0;
      background: -moz-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, white 0%, rgba(255, 255, 255, 0) 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
      /* IE6-9 */ }
    .predodobreni-krediti .offer-slider-wrap .overlay-right {
      right: 0;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
      background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
      /* IE6-9 */ }
  .predodobreni-krediti .offer-slider {
    width: 750px;
    margin: 0 auto; }
    .predodobreni-krediti .offer-slider .slide {
      outline: none; }
    .predodobreni-krediti .offer-slider .slick-list {
      overflow: visible; }
    .predodobreni-krediti .offer-slider .slick-arrow {
      width: 56px;
      height: 56px;
      background-color: #fff200;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 24px;
      text-indent: -9999px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      top: 50%;
      opacity: 1;
      visibility: visible;
      margin-top: -28px;
      z-index: 20;
      transition: all 0.5s ease; }
    .predodobreni-krediti .offer-slider .slick-prev {
      left: 50%;
      margin-left: -390px;
      background-image: url(images/krediti/return-icon.png); }
    .predodobreni-krediti .offer-slider .slick-next {
      right: 50%;
      margin-right: -390px;
      background-image: url(images/krediti/right-icon.png); }
    .predodobreni-krediti .offer-slider.first .slick-prev {
      opacity: 0;
      visibility: hidden; }
    .predodobreni-krediti .offer-slider.last .slick-next {
      opacity: 0;
      visibility: hidden; }
  .predodobreni-krediti .offer-block {
    width: 100%;
    max-width: 588px;
    padding: 42px 42px 30px;
    border: 1px solid #d1d1d1;
    margin: 0 auto; }
  .predodobreni-krediti .block-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative;
    zoom: 1; }
    .predodobreni-krediti .block-list li:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .predodobreni-krediti .block-list li:before {
      content: '';
      width: 6px;
      height: 6px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      top: 10px;
      left: 0;
      background: #0095c9; }
    .predodobreni-krediti .block-list li > span {
      float: left; }
    .predodobreni-krediti .block-list li .info-icon {
      display: inline-block;
      float: left;
      margin-left: 10px; }
      .predodobreni-krediti .block-list li .info-icon span {
        transform: translate3d(0, -50%, 0);
        position: absolute;
        top: calc(50%);
        right: 10px; }
  .predodobreni-krediti .slider-content-wrap {
    position: relative; }
    .predodobreni-krediti .slider-content-wrap .slider-content {
      transition: opacity .5s ease, visibility .5s ease;
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      opacity: 0;
      visibility: hidden; }
      .predodobreni-krediti .slider-content-wrap .slider-content.current {
        position: relative; }
      .predodobreni-krediti .slider-content-wrap .slider-content.active {
        visibility: visible;
        opacity: 1; }
  .predodobreni-krediti .docs-list {
    overflow: hidden; }
    .predodobreni-krediti .docs-list li {
      width: 49%;
      float: left; }
      .predodobreni-krediti .docs-list li:nth-child(odd) {
        margin-right: 2%; }
  .predodobreni-krediti .download-btn {
    display: block;
    background-color: #ebebeb;
    padding: 10px 85px 10px 25px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border-bottom: 2px solid #d9d9d9;
    position: relative;
    transition: background 0.3s ease; }
    .predodobreni-krediti .download-btn i {
      width: 70px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      border-left: 1px solid #d9d9d9;
      background-position: center center;
      background-repeat: no-repeat; }
    .predodobreni-krediti .download-btn:hover {
      background-color: #ffec00; }
  .predodobreni-krediti .dropzone {
    font-family: "amalia", sans-serif;
    font-size: 16px;
    font-weight: 700; }
    .predodobreni-krediti .dropzone .dz-preview {
      position: relative;
      margin-top: 70px; }
    .predodobreni-krediti .dropzone .dz-remove {
      position: absolute;
      right: 0;
      top: 0;
      text-transform: uppercase;
      color: #0095c9;
      font-weight: 500;
      font-size: 18px; }
    .predodobreni-krediti .dropzone .dz-default {
      background: url(images/krediti/border-image.png) no-repeat 50%;
      background-size: contain;
      text-align: center;
      min-height: 215px;
      padding: 20px;
      display: flex;
      align-items: center; }
      .predodobreni-krediti .dropzone .dz-default span {
        display: block;
        width: 100%; }
    .predodobreni-krediti .dropzone .dz-details {
      margin-bottom: 10px; }
    .predodobreni-krediti .dropzone .dz-filename {
      padding-right: 75px;
      word-break: break-all; }
    .predodobreni-krediti .dropzone .dz-success-mark {
      position: relative; }
      .predodobreni-krediti .dropzone .dz-success-mark svg {
        width: 20px;
        height: 20px; }
        .predodobreni-krediti .dropzone .dz-success-mark svg path {
          stroke: #9dcc68;
          stroke-opacity: 1;
          fill: #9dcc68; }
      .predodobreni-krediti .dropzone .dz-success-mark:after {
        content: 'Upload završen';
        display: block;
        position: absolute;
        top: 0;
        left: 30px;
        font-weight: 400;
        color: #666666; }
    .predodobreni-krediti .dropzone .dz-progress {
      background-color: #f2f2f2;
      margin-bottom: 10px; }
      .predodobreni-krediti .dropzone .dz-progress span {
        display: block;
        height: 7px;
        background-color: #ffec00; }
    .predodobreni-krediti .dropzone .dz-size, .predodobreni-krediti .dropzone .dz-error-message, .predodobreni-krediti .dropzone .dz-error-mark, .predodobreni-krediti .dropzone .dz-image {
      display: none; }
  .predodobreni-krediti .ie .page-header .page-title {
    margin-top: 35px; }
  .predodobreni-krediti .ie .checkbox-1.checked mark {
    transform: translate3d(14px, 0, 0); }
  .predodobreni-krediti .ie .steps .point p {
    white-space: nowrap; }
  .predodobreni-krediti .ie select::-ms-expand {
    display: none; }
  .predodobreni-krediti .detalji-ponude .container-5 > .text-1 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .detalji-ponude .container-5 > #PreapprovedDescription .text-1 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }
  .predodobreni-krediti .detalji-ponude .promo-section {
    background-image: url(images/krediti/polygon-1.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    min-height: 840px; }
    .predodobreni-krediti .detalji-ponude .promo-section .infos-row {
      max-width: 900px;
      margin: auto; }
    .predodobreni-krediti .detalji-ponude .promo-section .title-2 {
      position: relative;
      top: 40px;
      margin-bottom: 150px; }
  .predodobreni-krediti .isplata-kredita .container {
    background: var(--uds-base-background); }
  .predodobreni-krediti .center {
    text-align: center !important; }
  .predodobreni-krediti strong {
    font-weight: bold; }
  .predodobreni-krediti .ui-dialog.no-yes-dialog.ui-widget-content .ui-dialog-titlebar {
    height: 0; }
  .predodobreni-krediti .ui-dialog .ui-dialog-titlebar {
    padding: 0; }
  .predodobreni-krediti #PreapprovedDetails + .infos-row .container-2 {
    padding-top: 45px; }
  .predodobreni-krediti #PreapprovedLoanAmount .alpaca-controlfield-label div {
    font-size: 12px;
    line-height: 20px;
    color: #7b7b7b;
    margin-bottom: 20px; }
  .predodobreni-krediti #PreapprovedLoanPeriod .alpaca-controlfield-label div {
    font-size: 12px;
    line-height: 20px;
    color: #7b7b7b;
    margin-bottom: 20px;
    margin-left: -10%;
    margin-right: -10%; }
  .predodobreni-krediti #PreapprovedLoanInstallment .alpaca-controlfield-container.alpaca-controlfield-text.alpaca-controlfield-number {
    margin-top: 50px; }
    .predodobreni-krediti #PreapprovedLoanInstallment .alpaca-controlfield-container.alpaca-controlfield-text.alpaca-controlfield-number p {
      font-family: "amalia", sans-serif;
      display: block;
      font-size: 20px !important;
      font-weight: 700;
      outline: none;
      padding: 12px 15px 10px;
      background: #d1d1d1; }
  .predodobreni-krediti #LoanDetailsInterestRate, .predodobreni-krediti #LoanDetailsTotalExpense, .predodobreni-krediti #LoanDetailsTotalExpenseInterest {
    position: relative;
    width: calc(100% - 60px); }
    .predodobreni-krediti #LoanDetailsInterestRate .text-2.has-info, .predodobreni-krediti #LoanDetailsTotalExpense .text-2.has-info, .predodobreni-krediti #LoanDetailsTotalExpenseInterest .text-2.has-info {
      position: absolute;
      top: 20px;
      right: -50px; }

#LoanESignatureSMS input {
  text-transform: uppercase; }

@keyframes nav-anim {
  0% {
    transform: translate3d(0, 0px, 0); }
  50% {
    transform: translate3d(0, -5px, 0); }
  100% {
    transform: translate3d(0, 0px, 0); } }

@keyframes nav-anim2 {
  0% {
    transform: translate3d(0, 0px, 0); }
  7% {
    transform: translate3d(0, -5px, 0); }
  14% {
    transform: translate3d(0, 0px, 0); }
  21% {
    transform: translate3d(0, -5px, 0); }
  28% {
    transform: translate3d(0, 0px, 0); } }

@keyframes loading {
  0% {
    width: 0; }
  10% {
    width: 10%; }
  20% {
    width: 20%; }
  30% {
    width: 30%; }
  40% {
    width: 40%; }
  50% {
    width: 50%; }
  60% {
    width: 60%; }
  70% {
    width: 70%; }
  80% {
    width: 80%; }
  90% {
    width: 90%; }
  100% {
    width: 98%; } }

@media only screen and (min-width: 1920px) {
  .predodobreni-krediti .information-section .col:first-child {
    padding-left: 20%; } }

@media only screen and (max-width: 1200px) {
  .predodobreni-krediti .information-section .row {
    display: block; }
    .predodobreni-krediti .information-section .row .col {
      width: 100%; }
    .predodobreni-krediti .information-section .row .title-border-1:after {
      left: 50%;
      transform: translateX(-50%); }
  .predodobreni-krediti .information-section .title-1 {
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px; }
  .predodobreni-krediti .information-section .col {
    min-height: 270px; }
  .predodobreni-krediti .section.fix-2 {
    padding-bottom: 0; }
  .predodobreni-krediti .steps .point {
    display: flex;
    align-items: center; }
    .predodobreni-krediti .steps .point p {
      position: relative;
      font-size: 14px;
      width: auto;
      text-align: center;
      top: -35px; } }

@media only screen and (max-width: 980px) {
  .predodobreni-krediti .title-1 {
    font-size: 38px;
    line-height: 40px; }
  .predodobreni-krediti .information-section .col {
    padding: 30px 85px 20px 25px; }
  .predodobreni-krediti .offer-slider-wrap {
    width: 100%; }
    .predodobreni-krediti .offer-slider-wrap .overlay {
      display: none; }
  .predodobreni-krediti .offer-slider {
    width: 100%; }
    .predodobreni-krediti .offer-slider .slick-list {
      overflow: hidden;
      padding: 0 !important; }
  .predodobreni-krediti .docs-list {
    overflow: hidden; }
    .predodobreni-krediti .docs-list li {
      width: 100%;
      margin-bottom: 30px; }
      .predodobreni-krediti .docs-list li:nth-child(odd) {
        margin-right: 0; }
    .predodobreni-krediti .docs-list.inner-margin-5 {
      margin-bottom: 0; }
  .predodobreni-krediti .jumbo-panel {
    height: 46vw; }
  .predodobreni-krediti .steps .point p {
    font-size: 14px; }
  .ui-dialog.right-dialog.inflowManaging .custom-table-form {
    overflow-x: auto; } }

@media only screen and (max-width: 780px) {
  .predodobreni-krediti .col-ms-12 {
    width: 100%; }
  .predodobreni-krediti .col-ms-11 {
    width: calc((100% / 12) * 11); }
  .predodobreni-krediti .col-ms-10 {
    width: calc((100% / 12) * 10); }
  .predodobreni-krediti .col-ms-9 {
    width: calc((100% / 12) * 9); }
  .predodobreni-krediti .col-ms-8 {
    width: calc((100% / 12) * 8); }
  .predodobreni-krediti .col-ms-7 {
    width: calc((100% / 12) * 7); }
  .predodobreni-krediti .col-ms-6 {
    width: calc(100% / 2); }
  .predodobreni-krediti .col-ms-5 {
    width: calc((100% / 12) * 5); }
  .predodobreni-krediti .col-ms-4 {
    width: calc((100% / 12) * 4); }
  .predodobreni-krediti .col-ms-3 {
    width: calc((100% / 12) * 3); }
  .predodobreni-krediti .col-ms-2 {
    width: calc((100% / 12) * 2); }
  .predodobreni-krediti .col-ms-1 {
    width: calc(100% / 12); }
  .predodobreni-krediti .section-2 {
    padding: 30px 0px;
    padding-bottom: 20px; }
  .predodobreni-krediti .title-1 {
    font-size: 32px;
    line-height: 34px; }
  .predodobreni-krediti .title-2 {
    font-size: 24px; }
  .predodobreni-krediti .title-3 {
    font-size: 18px; }
  .predodobreni-krediti .text-1 {
    font-size: 14px;
    line-height: 20px; }
  .predodobreni-krediti .text-2 {
    font-size: 16px; }
  .predodobreni-krediti .input-1 {
    font-size: 18px;
    padding: 9px 15px 8px; }
  .predodobreni-krediti .input-2 {
    font-size: 16px; }
  .predodobreni-krediti .label {
    font-size: 14px; }
  .predodobreni-krediti .page-header {
    /*.page-logo {
                background-image: url(images/icons/page-logo-3.png);
                background-size: 47.5px;
                width: 48px;
            }*/ }
    .predodobreni-krediti .page-header .page-title {
      position: relative;
      top: 7px;
      font-size: 24px;
      text-align: left;
      padding-left: 60px; }
  .predodobreni-krediti .information-section .row {
    display: block; }
  .predodobreni-krediti .information-section .col {
    padding: 30px 85px 20px 25px; }
  .predodobreni-krediti .has-info.inner-margin-5 {
    margin-bottom: 35px; }
  .predodobreni-krediti .input-wrap .err-txt {
    font-size: 12px;
    bottom: -20px; }
  .predodobreni-krediti .title-5 {
    font-size: 24px; }
  .predodobreni-krediti .offer-slider {
    padding: 0 20px;
    margin-bottom: 40px; }
    .predodobreni-krediti .offer-slider .slide {
      padding: 0 10px; }
    .predodobreni-krediti .offer-slider .slick-arrow {
      width: 25px;
      background-size: 10px; }
    .predodobreni-krediti .offer-slider .slick-prev {
      left: 0px;
      margin-left: 0; }
    .predodobreni-krediti .offer-slider .slick-next {
      right: 0px;
      margin-right: 0; }
  .predodobreni-krediti .offer-block {
    padding: 22px 22px 20px; }
  .predodobreni-krediti .steps .point p {
    display: none; }
  .predodobreni-krediti .steps .mobile-title {
    display: block;
    width: 100%; } }

@media only screen and (max-width: 680px) {
  .predodobreni-krediti {
    /* Identification number */
    /*--------18.06.2018. korekcije----------*/ }
    .predodobreni-krediti .col-ss-12 {
      width: 100%; }
    .predodobreni-krediti .col-ss-11 {
      width: calc((100% / 12) * 11); }
    .predodobreni-krediti .col-ss-10 {
      width: calc((100% / 12) * 10); }
    .predodobreni-krediti .col-ss-9 {
      width: calc((100% / 12) * 9); }
    .predodobreni-krediti .col-ss-8 {
      width: calc((100% / 12) * 8); }
    .predodobreni-krediti .col-ss-7 {
      width: calc((100% / 12) * 7); }
    .predodobreni-krediti .col-ss-6 {
      width: calc(100% / 2); }
    .predodobreni-krediti .col-ss-5 {
      width: calc((100% / 12) * 5); }
    .predodobreni-krediti .col-ss-4 {
      width: calc((100% / 12) * 4); }
    .predodobreni-krediti .col-ss-3 {
      width: calc((100% / 12) * 3); }
    .predodobreni-krediti .col-ss-2 {
      width: calc((100% / 12) * 2); }
    .predodobreni-krediti .col-ss-1 {
      width: calc(100% / 12); }
    .predodobreni-krediti .back-button-1 {
      width: 35px;
      height: 35px;
      background-size: 12px; }
    .predodobreni-krediti .steps-wrap .steps {
      position: absolute;
      top: 60px;
      left: 0px;
      width: calc(100%); }
    .predodobreni-krediti .container-1.has-back .title-2.title-border-1 {
      padding: 0 40px; }
    .predodobreni-krediti .jumbo-panel .img {
      height: 60vw;
      object-fit: cover; }
    .predodobreni-krediti .icon-stopwatch {
      background-size: 56.5px; }
    .predodobreni-krediti .icon-document {
      background-size: 60px; }
    .predodobreni-krediti .icon-camera {
      background-size: 49px; }
    .predodobreni-krediti .info-card {
      text-align: center;
      padding: 10px 20px;
      padding-top: 110px;
      min-height: 190px;
      background-position: 50% 12%; }
      .predodobreni-krediti .info-card has-info {
        width: 100%; }
    .predodobreni-krediti .plain-text {
      padding-bottom: 5px; }
      .predodobreni-krediti .plain-text .text-1.alignright {
        width: 100%;
        text-align: right;
        margin-top: 5px; }
    .predodobreni-krediti .contact-section .col {
      margin-bottom: 30px; }
      .predodobreni-krediti .contact-section .col:not(:first-child) {
        border: 0; }
    .predodobreni-krediti .contact-section .tag-wrap {
      padding-right: 80px; }
      .predodobreni-krediti .contact-section .tag-wrap .tag {
        right: 0; }
    .predodobreni-krediti .title-2 {
      padding: 0px; }
    .predodobreni-krediti .link-1 {
      font-size: 14px; }
    .predodobreni-krediti .icon-text {
      margin: auto; }
      .predodobreni-krediti .icon-text.inner-margin-0 {
        margin-bottom: 40px; }
    .predodobreni-krediti .save-box .save-btn span {
      display: none; }
    .predodobreni-krediti .save-box .save-btn i {
      margin-right: 0; }
    .predodobreni-krediti .save-box .tooltip:after {
      right: 24px; }
    .predodobreni-krediti .popup .inner {
      padding: 15px 20px 1px; }
      .predodobreni-krediti .popup .inner.type-2 {
        padding: 32px 20px 1px; }
    .predodobreni-krediti .popup.open {
      opacity: 1;
      transform: translate3d(0, 0%, 0); }
    .predodobreni-krediti .popup .popup-img {
      max-width: 61.5px; }
    .predodobreni-krediti .info-card.fix:after {
      display: none; }
    .predodobreni-krediti .information-section .man-1 {
      display: none; }
    .predodobreni-krediti .information-section .col {
      min-height: 230px; }
      .predodobreni-krediti .information-section .col:last-child {
        padding: 60px 20px 20px 20px; }
    .predodobreni-krediti .detalji-ponude .promo-section {
      padding-bottom: 30px; }
      .predodobreni-krediti .detalji-ponude .promo-section .title-2 {
        margin-bottom: 210px; }
    .predodobreni-krediti .container-6 {
      padding: 1px 15px; }
    .predodobreni-krediti .steps .mobile-title {
      width: 100%; } }

@media only screen and (max-width: 480px) {
  .predodobreni-krediti {
    /* Identification number */
    /*------18.06.2018.--------*/ }
    .predodobreni-krediti .page-header .page-title {
      font-size: 16px;
      text-align: center;
      top: 2px;
      padding-right: 50px; }
    .predodobreni-krediti .page-header .menu-wrap {
      border: 0;
      top: 29px; }
    .predodobreni-krediti .page-header .container-1 {
      min-height: 80px; }
    .predodobreni-krediti .page-header .page-logo {
      top: 17px; }
    .predodobreni-krediti .page-header .menu-wrap {
      top: 16px; }
    .predodobreni-krediti .title-1 {
      font-size: 22px;
      line-height: 24px; }
    .predodobreni-krediti .button-1 {
      padding: 16.5px 10px;
      font-size: 16px; }
    .predodobreni-krediti .jumbo-panel.inner-margin-6 {
      margin-bottom: 30px; }
    .predodobreni-krediti .jumbo-panel .img {
      height: 60vw;
      object-fit: cover; }
    .predodobreni-krediti .jumbo-panel .title {
      width: calc(100% - 20px);
      left: 10px; }
    .predodobreni-krediti .section {
      padding: 30px 0;
      padding-top: 45px; }
    .predodobreni-krediti .intro-section.inner-margin-5 {
      margin-bottom: 20px; }
    .predodobreni-krediti .information-section .col {
      padding: 30px 25px 20px 25px;
      min-height: 200px; }
    .predodobreni-krediti .teste-slider .slick-dots {
      bottom: -20px; }
    .predodobreni-krediti .contact-section .page-logo {
      margin: auto;
      margin-top: 15px; }
    .predodobreni-krediti .social-section .text-1 {
      float: none;
      text-align: center; }
    .predodobreni-krediti .social-section .socials-wrap {
      float: none;
      max-width: max-content;
      margin: auto;
      margin-top: 20px; }
    .predodobreni-krediti .value-slider-wrap .title {
      float: none;
      text-align: center; }
    .predodobreni-krediti .value-slider-wrap .input {
      float: none;
      max-width: none;
      width: 100%;
      margin: auto;
      text-align: center; }
      .predodobreni-krediti .value-slider-wrap .input.inner-margin-3 {
        margin-bottom: 50px; }
    .predodobreni-krediti .value-wrap .title {
      float: none;
      text-align: center; }
    .predodobreni-krediti .value-wrap .input {
      float: none;
      max-width: none;
      width: 100%;
      margin: auto;
      text-align: center; }
    .predodobreni-krediti .padding-1 {
      padding: 0; }
    .predodobreni-krediti .col-ls-6 {
      width: 100%; }
    .predodobreni-krediti .save-box .save-btn {
      width: 30px;
      height: 30px;
      top: 0px;
      right: 0;
      margin-right: 0;
      padding: 0; }
      .predodobreni-krediti .save-box .save-btn i {
        width: 30px;
        height: 30px;
        margin-right: 0;
        background-size: 50%;
        background-position: 7px 7px; }
    .predodobreni-krediti .button-wrap .button {
      width: calc(100% - 12px);
      margin-bottom: 10px !important; }
    .predodobreni-krediti .map-search {
      width: 94%;
      right: 3%; }
      .predodobreni-krediti .map-search .search-1 {
        width: 100%; }
    .predodobreni-krediti .infobox .inner {
      width: 260px;
      margin-left: 55px; }
    .predodobreni-krediti .infoBox img {
      right: 70px; }
    .predodobreni-krediti .list-block {
      padding: 30px 20px; }
      .predodobreni-krediti .list-block li {
        padding-left: 20px; }
    .predodobreni-krediti .information-section .col {
      min-height: 160px; }
    .predodobreni-krediti .benefit-section {
      padding-top: 60px;
      padding-bottom: 50px; }
    .predodobreni-krediti .input-wrap .label {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; } }

/* ==================================================
    =High def devices
===================================================== */
/*RetailOffers*/
/* Custom tables ----------------------------------------------------------------------------------------------- */
.custom-table .table-row.flex .col {
  display: flex;
  align-items: center; }

.custom-table .table-row.flex .col-text {
  width: 100%;
  white-space: normal; }

.custom-table.horizontal-scroll {
  overflow: auto; }
  .custom-table.horizontal-scroll .table-row.border-bottom {
    border-bottom: none; }
    .custom-table.horizontal-scroll .table-row.border-bottom .col {
      border-bottom: 2px solid #ebeced; }
  .custom-table.horizontal-scroll .col-ls-2 {
    min-width: 103px; }
  .custom-table.horizontal-scroll .col-ls-3 {
    min-width: 155px; }
  .custom-table.horizontal-scroll .col-ls-4 {
    min-width: 207px; }
  .custom-table.horizontal-scroll .col-ls-5 {
    min-width: 175px; }

.custom-table .table-row {
  zoom: 1;
  position: relative;
  display: block; }
  .custom-table .table-row:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .custom-table .table-row.flex {
    display: flex;
    min-height: 60px; }
  .custom-table .table-row.button-row {
    padding-right: 85px; }

.custom-table .table-head.flex {
  min-height: auto; }

.custom-table .button-row .row-btn {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  right: 20px;
  line-height: 20px; }

.custom-table .flag:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 6px;
  height: calc(100% - 2px); }

.custom-table .flag.cl-1:before {
  background-color: #e23939; }

.custom-table .flag.cl-2:before {
  background-color: #fed500; }

.custom-table .flag.cl-3:before {
  background-color: #9ccc66; }

.custom-table .hoverable-row:hover {
  background-color: #fffde5;
  cursor: pointer; }

.custom-table .table-row.clickable {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer; }
  .custom-table .table-row.clickable:hover {
    background-color: #fffde5; }

.custom-table .table-row.row-2 {
  zoom: 1; }
  .custom-table .table-row.row-2:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.custom-table .table-row.border {
  border-bottom: 1px solid #efefef; }
  .custom-table .table-row.border:first-child {
    border-top: 1px solid #efefef; }

.custom-table .table-row.row-1 {
  border-bottom: 1px solid #ebeced; }

.custom-table .table-row.border-bottom {
  border-bottom: 2px solid #ebeced; }

.custom-table .no-padd-bot .col {
  padding-bottom: 0; }

.custom-table .hidden-elems {
  display: none; }

.custom-table .col-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 0; }

.custom-table .progress-bar-2 {
  margin: 14px 0; }

.custom-table .col {
  padding: 11px 15px;
  position: relative; }

.custom-table .has-button {
  padding-right: 160px; }
  .custom-table .has-button .btn-1 {
    width: 130px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 15px; }

.custom-table .tag-col {
  padding-left: 65px;
  background-repeat: no-repeat;
  background-position: 15px center; }

.custom-table .account-col {
  padding-left: 70px; }

.custom-table .row-1 .col.no-border:before {
  display: none; }

.custom-table .row-1 .col:before {
  content: '';
  width: 1px;
  height: 18px;
  background: #ebeced;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -9px; }

.custom-table .row-1 .col:first-child:before {
  display: none; }

.custom-table .pos-left {
  float: left; }

.custom-table .col .center {
  text-align: center; }

.custom-table .text-cl-1 {
  color: #333333; }

.custom-table .text-cl-2 {
  color: #000; }

.custom-table .text-cl-3 {
  color: #7b7b7b; }

.custom-table .text-1 {
  font-size: 14px;
  line-height: 38px; }
  .custom-table .text-1 a {
    color: #0095c9;
    text-transform: uppercase;
    text-decoration: underline; }

.custom-table .text-2 {
  font-size: 12px;
  line-height: 38px; }

.custom-table .text-3 {
  font-size: 18px;
  line-height: 38px; }
  .custom-table .text-3 small {
    font-size: 14px; }
  .custom-table .text-3 span {
    text-transform: uppercase; }

.custom-table .text-4 {
  font-size: 14px;
  line-height: 19px;
  height: 38px;
  overflow: hidden; }

.custom-table .text-5 {
  font-size: 16px;
  line-height: 38px;
  overflow: hidden; }

.custom-table .text-6 {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  overflow: visible; }

.custom-table .text-7 {
  font-size: 16px;
  line-height: 18px;
  overflow: hidden; }

.custom-table .img-cell img {
  width: 52px;
  height: auto; }

.custom-table .text-top-1 {
  font-size: 16px;
  line-height: 24px; }
  .custom-table .text-top-1 small {
    font-size: 14px; }

.custom-table .text-top-2 {
  font-size: 14px;
  line-height: 15px; }

.custom-table .text-bottom-1 {
  font-size: 14px;
  line-height: 14px; }

.custom-table .text-bottom-2 {
  font-size: 20px;
  line-height: 22px; }
  .custom-table .text-bottom-2 small {
    font-size: 16px; }

.custom-table .text-bottom-3 {
  font-size: 16px;
  line-height: 24px; }

.custom-table .status-cell {
  position: relative;
  padding-left: 38px; }
  .custom-table .status-cell p {
    line-height: 1;
    position: relative;
    top: 55%;
    transform: translateY(-50%); }
  .custom-table .status-cell .active-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -6px; }

.custom-table .active-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: relative;
  top: 2px; }
  .custom-table .active-icon.active {
    background: #9ccc66; }
  .custom-table .active-icon.inactive {
    background: #ef5350; }
  .custom-table .active-icon.expired {
    background: #49505a; }

.custom-table .btn-1 {
  display: inline-block;
  width: auto;
  min-width: 82px;
  padding: 9px 10px; }

.custom-table .btn-right {
  float: right; }

.custom-table .transaction-icon {
  display: inline-block;
  float: right;
  margin-left: 5px;
  width: 10px;
  height: 38px;
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 11px;
  right: 10px; }

.custom-table .transaction-col {
  padding-right: 28px; }

.custom-table .transaction-img {
  float: left;
  width: 36px;
  height: auto;
  margin-right: 15px; }

.custom-table .flag-box {
  display: inline-block;
  width: 20px;
  height: 20px;
  float: left;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 10px; }
  .custom-table .flag-box img {
    width: 100%;
    height: auto;
    margin-right: 10px; }

.custom-table .icon-2 {
  margin-top: 4px; }
  .custom-table .icon-2:hover {
    border-color: #494f5a; }

.custom-table .edit-icon:hover {
  background-image: url(images/icons/edit-4.png); }

.custom-table .icon-close-1:hover {
  background-image: url(images/icons/close-icon-4.png); }

.custom-table .row-hover {
  background: var(--uds-base-background);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .custom-table .row-hover:hover {
    background: #f2fafc;
    border-color: #000; }

.custom-table .detail-btn {
  font-size: 16px;
  line-height: 38px;
  color: #0095c9;
  text-decoration: underline;
  text-transform: uppercase; }
  .custom-table .detail-btn.push-right {
    float: right; }

.custom-table .account-icon {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center center; }

.custom-table .tag {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  position: absolute;
  left: 15px;
  border: 2px solid #d9d9d9;
  color: #000;
  font-weight: normal;
  font-size: 16px;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 32px; }
  .custom-table .tag.type-2 {
    border-color: #ed1c24;
    background-color: #ed1c24; }
  .custom-table .tag img {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    max-width: 100%;
    max-height: 100%; }

.custom-table.table-2 .flag-box {
  width: 35px;
  height: 35px; }

.custom-table.table-2 .table-row {
  padding: 0 35px; }

.small-table .table-head {
  padding-top: 8px;
  border-bottom: 1px solid #e6e6e6; }
  .small-table .table-head col-text {
    line-height: 20px; }

.small-table .table-row.row-1.no-border {
  border: 0; }

.small-table .col {
  padding: 9px 10px 10px 10px; }

.small-table .col-text {
  line-height: 35px; }

.small-table .flag-box {
  width: 35px;
  height: 35px; }

.show-more {
  display: block;
  /*width: 100%;*/
  font-size: 14px;
  color: #333333;
  text-transform: uppercase;
  padding: 15px 0 15px 0; }
  .show-more span {
    display: inline-block;
    text-decoration: underline; }
  .show-more.type-2 {
    display: inline-block;
    width: auto;
    color: #0095c9; }
    .show-more.type-2 span {
      text-decoration: none; }
    .show-more.type-2 .arrow-bottom-1 {
      background: url(images/icons/arrow-blue-d.png) center center no-repeat;
      background-size: 10px; }

.RetailOffers .s-widget-body {
  overflow: visible; }

.zoneWithOffers {
  min-height: 0px; }

.formApproval .alpaca-controlfield-container.alpaca-controlfield-text input {
  font-family: "amalia", sans-serif;
  width: 100%;
  font-size: 16px !important;
  letter-spacing: 0.5px;
  line-height: 29px;
  min-height: 24px;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  padding-left: 3px;
  background-color: transparent;
  color: #000; }

.formApproval .alpaca-controlfield-container.alpaca-controlfield-text {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  -ms-box-sizing: border-box !important;
  -o-box-sizing: border-box !important;
  box-sizing: border-box !important;
  width: auto;
  padding: 14px 15px 12px 15px;
  min-height: 40px;
  position: relative;
  border: 1px solid #d1d1d1;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -ms-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease; }

.formApproval .form-container {
  font-size: 20px;
  padding-top: 30px;
  margin-bottom: 30px;
  float: left;
  width: 100%; }

.formApproval .s-widget-header.ui-corner-tl.ui-corner-tr {
  display: none; }

.formApproval .alpaca-form-fields-container {
  padding: 0 100px; }

.formApproval .alpaca-form-buttons-container {
  padding: 0 100px;
  padding-bottom: 25px; }

.formApproval .alpaca-form-button.alpaca-form-button-submit {
  display: inline-block;
  width: 100%;
  border: none;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  padding: 15px 10px;
  margin-right: 0;
  cursor: pointer;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  box-sizing: border-box;
  background-color: #ffec00;
  color: #000; }

.formApproval .alpaca-controlfield-label {
  color: #7b7b7b;
  background: var(--uds-base-background);
  position: absolute;
  left: 20px;
  padding: 0 10px;
  font-size: 16px !important;
  bottom: calc(100% - 20px);
  z-index: 1000; }

.formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreet"] {
  width: 70%;
  float: left; }

.formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreetNumber"] {
  width: 30%;
  float: left; }

.formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="new-fd394"] {
  display: inline-block;
  width: 100%; }

.formApproval .alpaca-controlfield-radio-item.radio {
  padding: 15px 30px; }

.formApproval .alpaca-controlfield {
  padding: 10px;
  position: relative; }

.formApproval .alpaca-fieldset-legend.legend-expanded {
  font-size: 25px;
  text-transform: uppercase;
  line-height: 40px;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  pointer-events: none; }

.formApproval .error-helper-1.center {
  color: red; }

.formApproval .alpaca-controlfield-message-text {
  color: red; }

@media only screen and (max-width: 600px) {
  .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreet"] {
    width: 100%; }
  .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="IdCardStreetNumber"] {
    width: 100%; }
  .formApproval .alpaca-fieldset-items-container .alpaca-fieldset-item-container[data-alpaca-item-container-item-key="new-fd394"] {
    padding-bottom: 25px; } }

#page-header .header-icons .tooltip {
  position: relative; }
  #page-header .header-icons .tooltip .t-modal {
    display: block;
    padding: 5px;
    background-color: rgba(73, 80, 90, 0.7);
    position: absolute;
    bottom: 100%;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
    border-radius: 0px; }
    #page-header .header-icons .tooltip .t-modal.padding {
      padding: 15px; }
    #page-header .header-icons .tooltip .t-modal.size-1 {
      max-width: 300px;
      white-space: nowrap; }
    #page-header .header-icons .tooltip .t-modal.t-right {
      right: 50%; }
      #page-header .header-icons .tooltip .t-modal.t-right:after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 12px 0px 0 13px;
        border-color: #49505a transparent transparent transparent;
        position: absolute;
        right: 0px;
        bottom: -12px;
        opacity: 0.7; }
  #page-header .header-icons .tooltip:hover .t-modal {
    opacity: 1;
    visibility: visible;
    width: auto;
    top: -89%; }

/*#region LoginBackground*/
/*.LoginBackground {
    margin: 0 !important;

    .s-widget-body {
        padding: 0 !important;

        .video-cover {
            background-image: url(images/login/login-cover.jpg);
            background-position: left 40px center, center center;
            background-size: 50%, cover;
        }

        .page-cover {
            width: calc((100%) - 568px);
            height: 100%;
            position: absolute;
            overflow: hidden;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;

            .inner {
                position: absolute;
                top: 24%;
                left: 20%;
                color: #fff;

                h2 {
                    font-size: 20px;
                    padding: 2px 0;
                    font-weight: 700;
                    text-shadow: 0 0 13px black;

                    strong {
                        line-height: 39px;
                        font-size: 30px;
                    }
                }

                span {
                    line-height: 62px;
                    font-weight: 100;
                    font-size: 18px;
                }

                .btn-1.color-6 {
                    width: 200px !important;
                }
            }
        }
    }
}*/
/*#endregion LoginBackground*/
.ui-customIcons16 {
  width: 16px;
  height: 16px;
  background-image: url(images/icons16.png);
  display: block;
  padding: 0; }

.ui-customIcons16-pdf {
  background-position: 0 0; }

.ui-customIcons16-txt {
  background-position: -16px 0; }

.ui-customIcons16-xml {
  background-position: -32px 0; }

.ui-customIcons16-xls {
  background-position: -48px 0; }

.ui-customIcons16-mt940 {
  background-position: -64px 0; }

.bottomInfo {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  left: 0;
  display: flex;
  padding: 16px 0;
  border-top: solid 1px var(--border-bottom); }
  .bottomInfo a {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 33.33%;
    justify-content: center; }
    .bottomInfo a .icon.telephone:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 20px;
      height: 20px;
      background-color: var(--uds-font-color);
      mask: url(images/uds/phone-active.svg) no-repeat center;
      -webkit-mask: url(images/uds/phone-active.svg) no-repeat center;
      mask-size: 20px;
      -webkit-mask-size: 20px; }
    .bottomInfo a .icon.email:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 20px;
      height: 20px;
      background-color: var(--uds-font-color);
      mask: url(images/uds/ic_poruka_top_nav.svg) no-repeat center;
      -webkit-mask: url(images/uds/ic_poruka_top_nav.svg) no-repeat center;
      mask-size: 20px;
      -webkit-mask-size: 20px; }
    .bottomInfo a .icon.chat:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 20px;
      height: 20px;
      background-color: var(--uds-font-color);
      mask: url(images/uds/chat-2.svg) no-repeat center;
      -webkit-mask: url(images/uds/chat-2.svg) no-repeat center;
      mask-size: 20px;
      -webkit-mask-size: 20px; }
    .bottomInfo a p {
      font-size: 14px;
      color: var(--uds-secondary-font-color); }

/*
.widget-pagination {
    padding: 6px 20px 6px 0;

    &.right {
        display: inline-block;
        float: right !important;
        position: relative;
    }

    .first_link {
        background: url(images/icons/arrow-left-5-double.png) 50% 48% no-repeat;
        background-size: 17px;
    }

    .previous_link {
        background: url(images/icons/arrow-left-5.png) 50% 50% no-repeat;
        background-size: 7px;
        margin-right: 10px;
    }

    .next_link {
        background: url(images/icons/arrow-right-5.png) 50% 50% no-repeat;
        background-size: 7px;
    }

    .last_link {
        background: url(images/icons/arrow-right-5-double.png) 50% 48% no-repeat;
        background-size: 17px;
    }

    &.templates a {
        display: inline-block;
        width: 40px;
        height: 40px;
        border: 1px solid #d1d1d1;
        overflow: hidden;
        text-indent: 0;
        text-align: center;
        color: #000;
        font-size: 12px;
        /*
        &:first-child {
        }

        &:last-child {
        }

        &:hover {
            background-color: #f8f8f8;
        }
    }

    .ellipse.less {
        display: none !important;
    }

    .ellipse.more {
        display: none !important;
    }

    .page_link.first {
        display: none !important;
    }

    .page_link.last {
        display: none !important;
    }
}



.showPagination {
    .pagination {
        display: inline-block;
        margin-top: 15px;
        margin-left: 20px;
        color: #808185;
        font-size: 14px;
    }
}*/
/***Domestic payments***/
.domestic-zone {
  float: none;
  padding-bottom: 40px; }
  .domestic-zone .s-widget-body {
    overflow: hidden;
    border-top: none; }

.plus-minus-btn {
  position: relative;
  display: inline-block;
  font-size: 12px;
  color: var(--uds-font-color) !important;
  cursor: pointer;
  max-width: fit-content; }
  .plus-minus-btn .plus-minus {
    width: 12px;
    height: 12px;
    float: left;
    background: none;
    position: relative; }
    .plus-minus-btn .plus-minus span {
      width: 12px;
      position: absolute;
      background: var(--top-nav-icon-color);
      height: 0px;
      display: block;
      border-top: solid 2px var(--top-nav-icon-color);
      top: 6px; }
    .plus-minus-btn .plus-minus span:first-child {
      left: 6px;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .plus-minus-btn .plus-minus span:last-child {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease,-webkit-transform .3s ease; }
  .plus-minus-btn p {
    margin-bottom: 0;
    float: left;
    margin-left: 18px; }
  .plus-minus-btn.open .plus-minus span:last-child {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease; }

.box .box-body .box-body_tabs {
  display: table;
  margin: 0 auto;
  padding: 40px 20px 0; }
  .box .box-body .box-body_tabs .tab {
    padding: 9px 25px 11px;
    font-weight: 700;
    color: var(--uds-font-color);
    font-size: 15px;
    -webkit-transition: color .4s ease,background .4s ease;
    transition: color .4s ease,background .4s ease;
    float: left;
    zoom: 1;
    display: block; }
    .box .box-body .box-body_tabs .tab:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .box .box-body .box-body_tabs .tab.active {
      color: #fff;
      background: #0095c9;
      -webkit-transition: color .4s ease,background .4s ease;
      transition: color .4s ease,background .4s ease; }

@media only screen and (max-width: 480px) {
  .box .box_body .box-body_tabs.type-2 {
    display: block;
    overflow: hidden; } }

.box .box_body .box-body_tabs.type-2 .tab {
  width: 230px;
  text-align: center;
  cursor: pointer; }

@media only screen and (max-width: 560px) {
  .box .box_body .box-body_tabs.type-2 .tab {
    width: auto; } }

@media only screen and (max-width: 480px) {
  .box .box_body .box-body_tabs.type-2 .tab {
    width: 100%; } }

.custom-radio-2 .radio {
  cursor: pointer;
  position: relative;
  display: block;
  font-size: 16px;
  padding: 12px 20px;
  padding-left: 40px;
  text-overflow: ellipsis;
  overflow: hidden; }
  .custom-radio-2 .radio.has-input {
    padding-right: 130px; }
    .custom-radio-2 .radio.has-input .input-wrap {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 0;
      max-width: 120px; }
  .custom-radio-2 .radio.has-input-2 {
    padding-right: 230px; }
    .custom-radio-2 .radio.has-input-2 .input-wrap {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      position: absolute;
      right: 0;
      max-width: 220px; }
  .custom-radio-2 .radio > i {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    display: inline-block;
    width: 25px;
    height: 25px;
    background-image: url(images/icons/radio-off.png);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat; }
  .custom-radio-2 .radio.checked > i {
    background-image: url(images/icons/radio-on.png); }
  .custom-radio-2 .radio .text-1 {
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    color: #000;
    margin-bottom: 8px; }
  .custom-radio-2 .radio .text-2 {
    color: #808185;
    line-height: 22px;
    font-size: 15px; }

.innerBox {
  background: #f8f8f8;
  padding-top: 20px; }
  .innerBox .box_body {
    background: var(--uds-base-background); }

.normal-form {
  padding: 24px 48px; }
  .normal-form.without-padding {
    padding: 24px 0; }
  .normal-form .normal-form-title {
    font-size: 15px;
    color: #000;
    line-height: 20px;
    margin-bottom: 16px;
    font-weight: 700; }
  .normal-form .radio-group-title {
    line-height: 22px;
    color: #808185;
    font-size: 15px;
    margin-bottom: 0; }
  .normal-form .custom-radio-2 {
    display: block; }
  .normal-form .input-wrap:focus {
    border-color: #000;
    box-shadow: inset 0 0 0 1px #000; }
  .normal-form .hidden-group .plus-minus-btn {
    margin-bottom: 37px; }
  .normal-form input[type=color], .normal-form input[type=date], .normal-form input[type=datetime-local], .normal-form input[type=datetime], .normal-form input[type=email], .normal-form input[type=month], .normal-form input[type=number], .normal-form input[type=password], .normal-form input[type=search], .normal-form input[type=tel], .normal-form input[type=text], .normal-form input[type=time], .normal-form input[type=url], .normal-form input[type=week], .normal-form select, .normal-form textarea {
    -webkit-appearance: none; }
  .normal-form .list-cols {
    margin-bottom: 40px; }
  .normal-form .form-cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .normal-form .form-cols .form-col {
      width: 48%;
      display: flex;
      flex-direction: column;
      gap: 8px; }
      .normal-form .form-cols .form-col .container-row {
        display: flex;
        gap: 16px;
        align-items: center; }
        .normal-form .form-cols .form-col .container-row .part-input-select-1 {
          width: 100% !important;
          min-width: unset !important; }
        .normal-form .form-cols .form-col .container-row.with-flex-start {
          align-items: flex-start; }
        .normal-form .form-cols .form-col .container-row.with-flex-end {
          align-items: flex-end; }
        .normal-form .form-cols .form-col .container-row.with-margin {
          margin-top: 12px; }
      .normal-form .form-cols .form-col .validationMessage {
        color: #D7424B;
        font-size: 13px;
        margin-top: 10px;
        display: flex;
        align-items: center;
        float: none;
        text-align: left; }
        .normal-form .form-cols .form-col .validationMessage:before {
          content: '';
          width: 12px;
          height: 12px;
          position: relative;
          margin-right: 6px;
          background-image: url(images/icons/errorIcon.svg);
          background-repeat: no-repeat;
          background-position: center;
          flex-shrink: 0; }
      .normal-form .form-cols .form-col .list-item {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background: #f8f8f8;
        min-height: 40px;
        padding: 10px 24px;
        margin-bottom: 2px; }
        .normal-form .form-cols .form-col .list-item .key {
          font-size: 15px;
          line-height: 20px;
          color: #808185; }
        .normal-form .form-cols .form-col .list-item .value {
          max-width: 50%;
          font-weight: 700;
          font-size: 15px;
          line-height: 20px;
          color: var(--uds-font-color);
          white-space: normal;
          overflow: hidden;
          text-overflow: ellipsis;
          text-align: right; }
        .normal-form .form-cols .form-col .list-item .strong {
          font-size: 20px !important; }
        .normal-form .form-cols .form-col .list-item span {
          display: inline-block; }
      .normal-form .form-cols .form-col .group {
        width: 100%;
        zoom: 1; }
        .normal-form .form-cols .form-col .group:after {
          display: block;
          visibility: hidden;
          height: 0;
          clear: both;
          content: "."; }
        .normal-form .form-cols .form-col .group .input-wrap:focus {
          border: 1px solid black; }
        .normal-form .form-cols .form-col .group .group-inner {
          margin-bottom: 0px;
          zoom: 1; }
          .normal-form .form-cols .form-col .group .group-inner:after {
            display: block;
            visibility: hidden;
            height: 0;
            clear: both;
            content: "."; }
        .normal-form .form-cols .form-col .group .group-inner.with-info {
          padding-right: 70px;
          width: auto; }
          .normal-form .form-cols .form-col .group .group-inner.with-info .input-wrap {
            margin-bottom: 38px; }
            .normal-form .form-cols .form-col .group .group-inner.with-info .input-wrap .label-1 {
              font-size: 15px;
              color: #7b7b7b;
              background: var(--uds-base-background);
              position: absolute;
              bottom: -webkit-calc(100% - 8px);
              bottom: calc(100% - 8px);
              left: 5px;
              padding: 0 10px;
              letter-spacing: .2px; }
              .normal-form .form-cols .form-col .group .group-inner.with-info .input-wrap .label-1:before {
                content: "";
                width: 100%;
                height: 10px;
                position: absolute;
                bottom: 0;
                left: 0;
                background: transparent; }
            .normal-form .form-cols .form-col .group .group-inner.with-info .input-wrap .input-1.readonly {
              background: #ededed;
              color: #808185; }
            .normal-form .form-cols .form-col .group .group-inner.with-info .input-wrap .input-1 {
              font-size: 15px;
              line-height: 28px; }
          .normal-form .form-cols .form-col .group .group-inner.with-info .input-wrap.focus {
            border-color: #000;
            box-shadow: inset 0 0 0 1px #000; }
        .normal-form .form-cols .form-col .group .group-inner.combo-wrap-1 .input-wrap {
          width: -webkit-calc(100% - 70px);
          width: calc(100% - 70px);
          float: left; }
          .normal-form .form-cols .form-col .group .group-inner.combo-wrap-1 .input-wrap .label-1 {
            z-index: 1; }
          .normal-form .form-cols .form-col .group .group-inner.combo-wrap-1 .input-wrap .input-1 {
            padding-right: 35px;
            position: relative;
            background: transparent; }
        .normal-form .form-cols .form-col .group .group-inner.combo-wrap-1 .accounts-btn {
          float: right; }
          .normal-form .form-cols .form-col .group .group-inner.combo-wrap-1 .accounts-btn span {
            background-image: url(images/icons/ico_nazivprimaoca.png);
            width: 18px;
            height: 20px;
            background-repeat: no-repeat; }
        .normal-form .form-cols .form-col .group .group-inner.group-account .input-wrap:first-child {
          width: 80px;
          float: left; }
        .normal-form .form-cols .form-col .group .group-inner.group-account .input-wrap:nth-child(2) {
          width: -webkit-calc(100% - 100px);
          width: calc(100% - 100px);
          float: right; }
        .normal-form .form-cols .form-col .group .group-dates {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; }
          .normal-form .form-cols .form-col .group .group-dates .input-wrap {
            width: -webkit-calc(50% - 60px);
            width: calc(50% - 60px);
            margin-right: 2%; }
            .normal-form .form-cols .form-col .group .group-dates .input-wrap .label-1 {
              white-space: nowrap;
              font-size: 15px; }
            .normal-form .form-cols .form-col .group .group-dates .input-wrap .input-1 {
              font-size: 14px; }
            .normal-form .form-cols .form-col .group .group-dates .input-wrap .icon-calendar {
              width: 18px;
              height: 20px;
              position: absolute;
              display: block;
              top: 15px;
              right: 10px;
              cursor: pointer; }
          .normal-form .form-cols .form-col .group .group-dates .dates-wrap img {
            width: 18px;
            height: 20px;
            position: absolute;
            display: block;
            top: 15px;
            right: 10px;
            cursor: pointer; }
        .normal-form .form-cols .form-col .group .marginOrder {
          margin-top: 25px; }
  .normal-form .custom-select-wrap {
    padding-left: 0;
    padding-right: 0; }
    .normal-form .custom-select-wrap .custom-select {
      position: relative; }
      .normal-form .custom-select-wrap .custom-select .selected-item {
        position: relative;
        cursor: pointer;
        padding-right: 40px; }
      .normal-form .custom-select-wrap .custom-select .item {
        padding: 7px 15px; }
        .normal-form .custom-select-wrap .custom-select .item .value-2 {
          font-size: 15px;
          line-height: 22px;
          text-align: left;
          color: #808185; }
      .normal-form .custom-select-wrap .custom-select ul {
        width: -webkit-calc(100% + -2px);
        width: calc(100% + -2px);
        max-height: 210px;
        overflow: auto;
        position: absolute;
        top: 100%;
        left: -1px;
        margin-top: 0px;
        background: var(--uds-base-background);
        z-index: 1;
        border: 2px solid #000;
        border-top: 1px solid #ededed;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .3s,visibility .3s;
        transition: opacity .3s,visibility .3s; }
        .normal-form .custom-select-wrap .custom-select ul .item.selected, .normal-form .custom-select-wrap .custom-select ul .item:hover {
          background: #f8f8f8; }
        .normal-form .custom-select-wrap .custom-select ul .item {
          background: transparent;
          cursor: pointer;
          -webkit-transition: background .3s;
          transition: background .3s;
          padding: 12px 15px; }
          .normal-form .custom-select-wrap .custom-select ul .item .value-1 {
            font-weight: 700;
            color: #000; }
          .normal-form .custom-select-wrap .custom-select ul .item span {
            display: block;
            font-size: 15px;
            line-height: 22px;
            text-align: left;
            color: #808185; }
          .normal-form .custom-select-wrap .custom-select ul .item .value-2 {
            font-family: amalia,sans-serif;
            font-size: 15px;
            line-height: 22px;
            color: #000;
            background: transparent;
            cursor: pointer;
            -webkit-transition: background .3s;
            transition: background .3s; }
      .normal-form .custom-select-wrap .custom-select .no-border {
        width: 100% !important;
        border: 1px solid #d1d1d1 !important;
        top: 45px; }
      .normal-form .custom-select-wrap .custom-select select {
        position: absolute;
        width: 0;
        height: 0;
        visibility: hidden; }
    .normal-form .custom-select-wrap .custom-select .selected-item:after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 6px 5.5px 0;
      border-color: #000 transparent transparent;
      position: absolute;
      top: 50%;
      right: 15px; }
  .normal-form .custom-select.active ul {
    opacity: 1;
    visibility: visible; }

.search {
  background-image: url(images/icons/search.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 14px;
  right: 12px; }

.dropdown-icon {
  position: absolute;
  float: right;
  right: 10px;
  width: 40px;
  height: 40px;
  right: 0px;
  top: 0px;
  z-index: 9999;
  cursor: pointer; }

.filtered-list.active {
  visibility: visible !important;
  opacity: 1 !important; }

.box .box_header {
  float: right;
  position: relative;
  top: -20px; }
  .box .box_header .box_header__right .header-steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: -2px;
    position: relative; }
    .box .box_header .box_header__right .header-steps li:not(:first-child) {
      margin-left: 15px; }
    .box .box_header .box_header__right .header-steps li.lineBefore span:before {
      content: "";
      width: 16px;
      height: 8px;
      position: absolute;
      top: 50%;
      right: 100%;
      margin-right: -1px;
      margin-top: -4px; }
    .box .box_header .box_header__right .header-steps li.active span {
      background: #ffec00;
      color: var(--uds-font-color); }
    .box .box_header .box_header__right .header-steps li span {
      display: inline-block;
      width: 24px;
      height: 24px;
      border-radius: 12px;
      background: #ededed;
      color: #808185;
      font-weight: 700;
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      position: relative; }
    .box .box_header .box_header__right .header-steps li span:before {
      background: #ededed; }

.box .box_header .box_header__left {
  position: relative;
  float: left;
  padding-right: 45px; }

.box .commissionBox {
  background: var(--uds-base-background); }
  .box .commissionBox .details-list {
    margin-bottom: 20px; }
    .box .commissionBox .details-list .fieled {
      display: inline-block;
      float: right;
      background: #e9eaea;
      padding: 0 6px; }
  .box .commissionBox .plan-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f8f8;
    min-height: 60px;
    padding: 10px 24px;
    margin-bottom: 2px;
    border-bottom: 1px solid #fff; }
    .box .commissionBox .plan-text span {
      margin: 20px; }
  .box .commissionBox .description {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .box .commissionBox .description .value {
      max-width: 240px;
      text-align: right;
      white-space: normal;
      overflow: hidden;
      text-overflow: clip;
      position: inherit; }
    .box .commissionBox .description .key {
      width: 30%; }
  .box .commissionBox .group-title {
    text-align: center;
    font-weight: bold;
    color: #000; }
  .box .commissionBox .select-center {
    max-width: 460px;
    margin: 0 auto 40px; }
    .box .commissionBox .select-center .custom-select ul {
      left: -1px; }
  .box .commissionBox .group-inner.with-info {
    padding-right: 0px !important; }

.box .status-wrap {
  padding: 50px 0; }

.box .cnt-small {
  max-width: 420px;
  margin: 0 auto; }
  .box .cnt-small .status-section {
    text-align: center;
    margin-bottom: 50px; }
    .box .cnt-small .status-section div.success {
      background-image: url(images/icons/ico_nalogzaprimljen.png) !important;
      width: 73px;
      height: 58px;
      margin: auto;
      margin: 20px auto;
      background-repeat: no-repeat; }
    .box .cnt-small .status-section svg {
      width: 58px;
      height: 58px;
      margin-bottom: 20px; }
    .box .cnt-small .status-section p {
      font-size: 16px;
      line-height: 22px;
      text-align: center;
      color: #000;
      margin-bottom: 10px; }
      .box .cnt-small .status-section p strong {
        font-weight: 700; }
  .box .cnt-small .options-section {
    margin-bottom: 60px; }
    .box .cnt-small .options-section h5 {
      font-weight: 700;
      font-size: 18px;
      letter-spacing: -.02em;
      line-height: 20px;
      text-align: center;
      color: var(--uds-font-color);
      margin-bottom: 15px; }
    .box .cnt-small .options-section .options-list li {
      margin-bottom: 2px; }
      .box .cnt-small .options-section .options-list li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: #f8f8f8;
        position: relative;
        padding: 20px 60px 20px 24px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
        cursor: pointer; }
        .box .cnt-small .options-section .options-list li a i {
          display: inline-block;
          width: 32px;
          height: 32px;
          background: var(--uds-base-background);
          border-radius: 50%;
          float: left;
          padding: 8px;
          margin-right: 16px; }
        .box .cnt-small .options-section .options-list li a .wrap {
          display: inline-block;
          width: 18px;
          height: 18px;
          background: var(--uds-base-background);
          border-radius: 50%;
          float: left;
          padding: 8px;
          margin-right: 16px; }
          .box .cnt-small .options-section .options-list li a .wrap .save {
            background-image: url(images/icons/ico_sacuvaj.png) !important;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: 100%; }
          .box .cnt-small .options-section .options-list li a .wrap .repeat {
            background-image: url(images/icons/ico_ponovi.png) !important;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: 100%; }
          .box .cnt-small .options-section .options-list li a .wrap .download {
            background-image: url(images/icons/ico_download_veca.png) !important;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: 100%; }
          .box .cnt-small .options-section .options-list li a .wrap .new {
            background-image: url(images/icons/arrow-b-left.png) !important;
            background-repeat: no-repeat;
            background-size: contain;
            width: 100%;
            height: 100%; }
        .box .cnt-small .options-section .options-list li a span {
          font-weight: 700;
          font-size: 15px;
          line-height: 20px;
          text-align: left;
          color: var(--uds-font-color); }
        .box .cnt-small .options-section .options-list li a .arrow {
          position: absolute;
          width: 24px;
          height: 24px;
          right: 24px;
          top: 50%;
          -webkit-transform: translateY(-50%) translateX(0);
          transform: translateY(-50%) translateX(0);
          -webkit-transition: -webkit-transform .3s ease;
          transition: -webkit-transform .3s ease;
          transition: transform .3s ease;
          transition: transform .3s ease,-webkit-transform .3s ease; }
          .box .cnt-small .options-section .options-list li a .arrow .icon {
            background-image: url(images/icons/arrow-right-5b.png);
            display: block;
            background-repeat: no-repeat;
            background-size: contain;
            height: 12px;
            width: auto;
            margin-top: 6px; }
      .box .cnt-small .options-section .options-list li a:hover {
        background: #f3f3f3; }
    .box .cnt-small .options-section .options-list li:hover .icon {
      background-position-x: 4px;
      transition: .3s ease,-webkit-transform .3s ease; }

.custom-combo .combo-list {
  width: calc(100% - 6px);
  position: absolute;
  top: 100%;
  left: -1px;
  margin-top: -1px;
  border-top: 0; }

.custom-combo .ui-autocomplete {
  width: 100% !important;
  position: static !important;
  border: 2px solid var(--uds-font-color);
  border-top: 1px solid #ededed;
  max-height: 200px; }

.custom-combo .combo-list, .custom-combo .ui-autocomplete {
  max-height: 200px;
  background: var(--uds-base-background);
  z-index: 10; }

.custom-combo .ui-autocomplete .ui-menu-item {
  font-family: amalia,sans-serif;
  font-size: 15px;
  line-height: 22px;
  color: #000;
  padding: 8px 14px;
  background: transparent;
  cursor: pointer;
  -webkit-transition: background .3s;
  transition: background .3s; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

.custom-combo .ui-autocomplete .ui-menu-item:hover, .custom-combo .ui-autocomplete .ui-menu-item:focus {
  font-size: 15px;
  font-weight: 400;
  border: none;
  color: #000;
  background: #f8f8f8;
  margin: 0; }

.custom-combo-2 {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  border: solid transparent;
  border-top-color: #000;
  border-width: 5.6px 5.6px 0;
  margin: 0; }
  .custom-combo-2 .custom-combobox {
    display: block;
    width: 100%; }
  .custom-combo-2 .combo-list {
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    max-height: 200px;
    overflow: auto;
    position: absolute;
    top: 100%;
    left: -1px;
    margin-top: -1px;
    background: var(--uds-base-background);
    border-top: 0;
    z-index: 10; }
  .custom-combo-2 .ui-autocomplete {
    width: 100% !important;
    position: static !important;
    max-height: 200px;
    background: var(--uds-base-background);
    border: 2px solid var(--uds-font-color);
    border-top: 1px solid #ededed;
    overflow: auto;
    z-index: 10; }
    .custom-combo-2 .ui-autocomplete .ui-menu-item {
      font-family: amalia,sans-serif;
      font-size: 15px;
      line-height: 22px;
      color: #000;
      padding: 8px 14px;
      background: transparent;
      cursor: pointer;
      -webkit-transition: background .3s;
      transition: background .3s; }

.info-icon-2 {
  display: inline-block;
  width: 36px;
  height: 26px;
  position: absolute;
  top: 10px;
  right: 10px; }
  .info-icon-2 svg {
    width: 36px;
    height: 36px;
    fill: #cacaca;
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease; }
  .info-icon-2 p {
    width: 250px;
    padding: 15px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    right: 15px;
    bottom: 25px;
    font-size: 14px;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; }
  .info-icon-2 p:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 0 0 13px;
    border-color: #000 transparent transparent;
    position: absolute;
    right: 0;
    bottom: -12px;
    opacity: .8; }

.input-1.al-right {
  text-align: right; }

.input-1.bold-2 {
  font-weight: 700; }

.group-inner {
  width: 100%;
  position: relative; }

.accounts-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50px;
  height: 50px;
  background: #ffec00;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none;
  cursor: pointer;
  -webkit-transition: .3s ease;
  transition: .3s ease; }

.accounts-btn:hover {
  background: #fed500; }

.accounts-btn svg {
  width: 24px;
  height: 24px; }

.group-submit.inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .group-submit.inline .btn-1 {
    width: auto;
    min-width: 220px;
    display: inline-block;
    margin: 8px;
    font-size: 14px; }
  .group-submit.inline .btn-1.big {
    padding: 15px;
    border: none; }
  .group-submit.inline .btn-1.color-9 {
    background-color: #f8f8f8;
    color: #000; }
    .group-submit.inline .btn-1.color-9 .ui-icon-close {
      width: 24px;
      height: 24px;
      position: relative;
      top: 10px;
      background: url(images/icons/ico_obrisi.png);
      background-repeat: no-repeat; }
  .group-submit.inline .btn-1.color-9:hover {
    background-color: #ebebeb; }
  .group-submit.inline .btn-1.big:hover {
    padding: 15px;
    border: none; }
  .group-submit.inline .btn-1.color-6 {
    background-color: #fee600;
    color: #000; }
    .group-submit.inline .btn-1.color-6 .ui-icon-clock {
      width: 24px;
      height: 24px;
      position: relative;
      top: 10px;
      background: url(images/icons/ico_posalji.png);
      background-repeat: no-repeat; }
  .group-submit.inline .btn-1.color-9 .ui-icon-delete {
    width: 24px;
    height: 24px;
    position: relative;
    top: 10px;
    background: url(images/icons/ico_obrisi.png);
    background-repeat: no-repeat; }
  .group-submit.inline .btn-1.color-6:hover {
    background-color: #fed500; }
  .group-submit.inline .btn-1.icon {
    text-align: center; }
    .group-submit.inline .btn-1.icon span {
      display: inline-block;
      line-height: 24px;
      font-family: amalia,sans-serif; }

@media only screen and (max-width: 1440px) {
  .normal-form {
    padding: 45px 20px; }
    .normal-form .form-cols .form-col {
      width: 100%; } }

/***End Domestic payments***/
/***Foreign payments***/
.foreign-zone {
  float: none;
  padding-bottom: 40px; }
  .foreign-zone .s-widget-body {
    overflow: hidden;
    border-top: none; }
  .foreign-zone .box_header__right {
    right: 90px !important; }
  .foreign-zone .btn-frn {
    background: #f8f8f8;
    padding-top: 40px; }

.small-popup-box.payment-coodebook .options-list-2 {
  min-height: 360px !important; }
  .small-popup-box.payment-coodebook .options-list-2 p {
    font-weight: 100 !important; }

.innerBox .box-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
  margin-bottom: 16px; }

.innerBox .custom-table-form {
  position: relative;
  width: 100%;
  zoom: 1;
  overflow-x: auto;
  overflow-y: hidden; }
  .innerBox .custom-table-form:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }
  .innerBox .custom-table-form .custom-table-form_inner {
    width: 100%;
    min-width: 1170px; }
    .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_head {
      background: #e9eaea;
      padding: 13px 56px;
      width: auto;
      overflow-x: hidden;
      overflow-y: hidden; }
      .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_head li {
        font-family: amalia,sans-serif;
        float: left;
        font-size: 11px;
        line-height: 20px;
        font-weight: 500;
        color: #000;
        text-transform: uppercase; }
      .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_head li:first-child {
        width: 110px;
        margin-right: 16px;
        float: left; }
      .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_head li:nth-child(2) {
        width: 235px;
        margin-right: 16px;
        float: left; }
      .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_head li:nth-child(3) {
        width: 350px;
        margin-left: 15px;
        float: left; }
      .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_head li:nth-child(4) {
        /*ne gaziti vise ovaj selektor*/
        width: 330px;
        margin-left: -15px;
        float: left;
        text-align: right; }
    .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body {
      position: relative;
      list-style: none;
      counter-reset: a;
      width: 100%; }
      .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li:first-child .plus-minus-btn {
        display: none; }
      .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li {
        position: relative;
        height: 60px;
        zoom: 1;
        padding: 15px 56px;
        background: var(--uds-base-background);
        margin-bottom: 2px; }
        .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li:after {
          display: block;
          visibility: hidden;
          height: 0;
          clear: both;
          content: "."; }
        .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell {
          position: relative;
          float: left;
          zoom: 1; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell:after {
            display: block;
            visibility: hidden;
            height: 0;
            clear: both;
            content: "."; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .input-wrap {
            margin-right: 16px;
            float: left;
            padding: 10px 15px; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .bruto-amount > input {
            text-align: right; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .input-wrap.focus {
            border-color: #000;
            box-shadow: inset 0 0 0 1px #000; }
            .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .input-wrap.focus .icon-cards {
              height: 47px;
              top: 1px;
              right: -1px; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .contract-num {
            width: 135px; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .year {
            width: 97px; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .transaction-info {
            width: 375px; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .bruto-amount {
            width: 255px;
            margin-right: 0; }
            .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .bruto-amount .validationMessage {
              width: 255px;
              left: -1px;
              z-index: 9999999; }
            .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .bruto-amount .plus-minus-btn {
              position: absolute;
              right: -37px;
              top: 17px; }
              .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .cell .bruto-amount .plus-minus-btn .plus-minus span:last-child {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: -webkit-transform .3s ease;
                transition: -webkit-transform .3s ease;
                transition: transform .3s ease;
                transition: transform .3s ease,-webkit-transform .3s ease; }
        .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .basic-code {
          width: 110px; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .basic-code input {
            width: 40px;
            font-size: 15px !important; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .basic-code .validationMessage {
            width: 300px;
            top: 40px;
            left: -60px;
            z-index: 9999999; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .basic-code .icon-cards {
            width: 50px;
            height: 50px;
            position: absolute;
            top: 0px;
            right: -1px;
            background: #fee600 url(images/icons/icon-cards.png) no-repeat 50% 50%;
            background-size: 22px;
            cursor: pointer;
            -webkit-transition: background .3s ease;
            transition: background .3s ease; }
          .innerBox .custom-table-form .custom-table-form_inner .custom-table-form_body li .basic-code .icon-cards:hover {
            background: #fed500 url(images/icons/icon-cards.png) no-repeat 50% 50%;
            background-size: 22px;
            -webkit-transition: background .3s ease;
            transition: background .3s ease;
            border: 1px solid #cccccc; }
    .innerBox .custom-table-form .custom-table-form_inner .cell:first-child {
      counter-increment: a;
      zoom: 1; }
      .innerBox .custom-table-form .custom-table-form_inner .cell:first-child:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: "."; }
    .innerBox .custom-table-form .custom-table-form_inner .cell:first-child:before {
      content: counter(a) "";
      font-weight: 700;
      position: absolute;
      font-size: 15px;
      color: #000;
      font-family: amalia,sans-serif;
      left: -30px;
      top: 15px; }
  .innerBox .custom-table-form .custom-table-form_bottom {
    position: relative;
    width: 100%;
    zoom: 1;
    margin-top: 16px; }
    .innerBox .custom-table-form .custom-table-form_bottom:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__left {
      margin-right: 2%;
      width: 49%;
      float: left; }
      .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__left .plus-minus-btn {
        margin-top: 14px;
        margin-bottom: 0; }
    .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__right {
      width: 49%;
      float: left;
      margin-bottom: 20px; }
      .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__right label {
        font-size: 15px;
        line-height: 20px;
        color: var(--uds-font-color);
        font-family: amalia,sans-serif;
        font-weight: 700;
        position: absolute;
        right: 350px;
        margin-top: 14px; }
      .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__right .bruto-amount {
        width: 255px;
        background: var(--uds-base-background);
        float: right;
        margin-right: 55px;
        padding: 10px 15px; }
        .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__right .bruto-amount .validationMessage {
          width: 430px;
          /*top: -40px;*/
          left: -175px;
          z-index: 9999999; }
        .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__right .bruto-amount input {
          text-align: right;
          font-weight: 700;
          color: #000; }
        .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__right .bruto-amount .readonly {
          background: #ededed;
          color: #808185; }
      .innerBox .custom-table-form .custom-table-form_bottom .custom-table-form_bottom__right .bruto-amount.side-modal-bruto {
        margin-right: 74px; }

/***End Foreign payments***/
.s-widget-button {
  cursor: pointer;
  width: 16px; }

.s-icon {
  display: inline-block;
  width: 36px;
  height: 26px;
  border: 2px solid #cfd0d2;
  border-radius: 13px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 14px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  box-sizing: border-box;
  left: -2px; }

.s-icon.s-icon-filter {
  background-image: url(images/icons/filter-1.png); }

.s-icon.s-icon-filter:hover {
  background-image: url(images/icons/filter-2.png); }

.s-icon.s-icon-options {
  background-image: url(images/icons/options-icon-1.png);
  background-size: 10%; }

.s-icon:hover {
  border-color: #494f5a; }

@media only screen and (max-width: 860px) {
  .CardTurnoverCorporateV2 .s-widget-button-filter {
    display: table-cell !important; } }

.CardBalanceCorporateV3 .box_body .normal-list .normal-list_item {
  box-shadow: none !important;
  transition: none !important;
  cursor: default !important; }
  .CardBalanceCorporateV3 .box_body .normal-list .normal-list_item .part-float-right {
    display: flex;
    align-items: center; }

.AccountTurnoverCorporateV2 .input-wrap.input-calendar.big,
.CardSpendingCorporateV2 .input-wrap.input-calendar.big,
.CardSpendingCorporateV3 .input-wrap.input-calendar.big {
  width: 160px; }

.AccountTurnoverCorporateV2 .input-wrap.input-value.big,
.CardSpendingCorporateV2 .input-wrap.input-value.big,
.CardSpendingCorporateV3 .input-wrap.input-value.big {
  width: 200px; }
  .AccountTurnoverCorporateV2 .input-wrap.input-value.big.name,
  .CardSpendingCorporateV2 .input-wrap.input-value.big.name,
  .CardSpendingCorporateV3 .input-wrap.input-value.big.name {
    width: 190px; }
  .AccountTurnoverCorporateV2 .input-wrap.input-value.big.account,
  .CardSpendingCorporateV2 .input-wrap.input-value.big.account,
  .CardSpendingCorporateV3 .input-wrap.input-value.big.account {
    width: 180px; }

.AccountTurnoverCorporateV2 .show-more .arrow-bottom-1,
.CardSpendingCorporateV2 .show-more .arrow-bottom-1,
.CardSpendingCorporateV3 .show-more .arrow-bottom-1 {
  transform: rotate(180deg); }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr td:nth-child(2) div {
  padding-left: 60px; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr > td > div .sort-indicator {
  display: none; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr td:nth-child(3) {
  white-space: nowrap; }
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table thead tr td:nth-child(3) div {
    padding-left: 10px; }

.AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td {
  padding: 10px; }
  .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .creditorName, .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .account-num, .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .creditorModel, .AccountTurnoverCorporateV2 .gvAccountTurnoverPreview table tbody tr td .referencNumber {
    display: inline-block;
    width: max-content;
    padding: 0 5px 0 5px !important; }

.modal-body.type-filter {
  padding: 40px; }

.modal-body.type-filter .filter-group,
.box_body__filter .filter-group {
  position: relative;
  margin-bottom: 40px; }
  .modal-body.type-filter .filter-group .filter-input-2:after, .modal-body.type-filter .filter-group .filter-input-3:after,
  .box_body__filter .filter-group .filter-input-2:after,
  .box_body__filter .filter-group .filter-input-3:after {
    content: '';
    top: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top-color: #000;
    position: absolute;
    border-width: .35em .35em 0;
    margin: 0;
    border: solid transparent;
    right: 0;
    background-image: url(images/icons/arrow-down.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px; }
  .modal-body.type-filter .filter-group .input-wrap,
  .box_body__filter .filter-group .input-wrap {
    width: 100%;
    background: var(--uds-base-background);
    margin-bottom: 33px;
    padding: 9px 30px 5px 10px; }
    .modal-body.type-filter .filter-group .input-wrap .label-1,
    .box_body__filter .filter-group .input-wrap .label-1 {
      background: transparent;
      font-size: 15px; }
      .modal-body.type-filter .filter-group .input-wrap .label-1 span,
      .box_body__filter .filter-group .input-wrap .label-1 span {
        position: relative;
        z-index: 1; }
      .modal-body.type-filter .filter-group .input-wrap .label-1 .mask,
      .box_body__filter .filter-group .input-wrap .label-1 .mask {
        position: absolute;
        width: 100%;
        height: 3px;
        top: 10px;
        left: 0;
        background: var(--uds-base-background); }
    .modal-body.type-filter .filter-group .input-wrap .select-1,
    .box_body__filter .filter-group .input-wrap .select-1 {
      width: 100%;
      line-height: 29px;
      font-family: amalia,sans-serif;
      font-size: 16px;
      letter-spacing: .5px;
      color: #000;
      border: none;
      -webkit-appearance: none;
      border-radius: 0;
      padding: 0;
      letter-spacing: 0; }
    .modal-body.type-filter .filter-group .input-wrap .select-1,
    .box_body__filter .filter-group .input-wrap .select-1 {
      font-size: 14px;
      line-height: 22px; }
  .modal-body.type-filter .filter-group .account-input,
  .box_body__filter .filter-group .account-input {
    display: block; }
    .modal-body.type-filter .filter-group .account-input .input-wrap:first-child,
    .box_body__filter .filter-group .account-input .input-wrap:first-child {
      width: 80px;
      float: left;
      margin-right: 20px; }
    .modal-body.type-filter .filter-group .account-input .input-wrap:nth-child(2),
    .box_body__filter .filter-group .account-input .input-wrap:nth-child(2) {
      width: calc(100% - 100px);
      float: left; }
  .modal-body.type-filter .filter-group .remove-btn,
  .box_body__filter .filter-group .remove-btn {
    float: right;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    color: #0093ff;
    text-transform: uppercase;
    cursor: pointer; }
  .modal-body.type-filter .filter-group .duplicate-content,
  .box_body__filter .filter-group .duplicate-content {
    position: relative; }
    .modal-body.type-filter .filter-group .duplicate-content .add-btn,
    .box_body__filter .filter-group .duplicate-content .add-btn {
      padding: 0;
      margin: 0;
      border: 0;
      background: transparent;
      padding-left: 30px;
      cursor: pointer;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity .3s,visibility .3s;
      transition: opacity .3s,visibility .3s; }
      .modal-body.type-filter .filter-group .duplicate-content .add-btn:before,
      .box_body__filter .filter-group .duplicate-content .add-btn:before {
        content: '';
        width: 24px;
        height: 24px;
        position: absolute;
        top: -4px;
        left: 0px;
        background-image: url(images/icons/ico_plus.png);
        background-repeat: no-repeat;
        background-position: center; }
      .modal-body.type-filter .filter-group .duplicate-content .add-btn span,
      .box_body__filter .filter-group .duplicate-content .add-btn span {
        font-family: amalia,sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 18px;
        color: #0093ff;
        text-transform: uppercase;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s; }
      .modal-body.type-filter .filter-group .duplicate-content .add-btn.active,
      .box_body__filter .filter-group .duplicate-content .add-btn.active {
        opacity: 1;
        visibility: visible; }
  .modal-body.type-filter .filter-group .input-1,
  .box_body__filter .filter-group .input-1 {
    font-size: 14px;
    line-height: 22px; }

.modal-body.type-filter .modal-body-title-1,
.box_body__filter .modal-body-title-1 {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: var(--uds-font-color);
  margin-bottom: 33px; }

.modal-body.type-filter .dk-selected:before,
.box_body__filter .dk-selected:before {
  content: '';
  display: block; }

.modal-body.type-filter .dk-selected,
.box_body__filter .dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  padding: 0 1.5em 0 0.5em;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .modal-body.type-filter .dk-selected:before,
  .box_body__filter .dk-selected:before {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top-color: #000;
    position: absolute;
    border-width: .35em .35em 0;
    margin: 0; }

.modal-body.type-filter .select .dk-selected,
.box_body__filter .select .dk-selected {
  border: none;
  padding-left: 0; }
  .modal-body.type-filter .select .dk-selected:before,
  .box_body__filter .select .dk-selected:before {
    content: '';
    top: 50%;
    display: block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top-color: #000;
    position: absolute;
    border-width: .35em .35em 0;
    margin: 0;
    border: solid transparent;
    right: 0;
    background-image: url(images/icons/arrow-down.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px; }

.modal-body.type-filter .dk-select-options,
.box_body__filter .dk-select-options {
  background-color: white;
  border: 1px solid #CCCCCC;
  border-radius: 0.4em;
  list-style: none;
  margin: 0;
  max-height: 10.5em;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0.25em 0;
  width: auto;
  z-index: 100; }
  .modal-body.type-filter .dk-select-options li:hover,
  .box_body__filter .dk-select-options li:hover {
    background: #f8f8f8; }

.modal-body.type-filter .dk-select .dk-select-options,
.box_body__filter .dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0; }
  .modal-body.type-filter .dk-select .dk-select-options.active,
  .box_body__filter .dk-select .dk-select-options.active {
    display: block !important; }

.modal-body.type-filter .dk-select-options,
.box_body__filter .dk-select-options {
  top: 100%;
  left: -11px;
  right: -11px;
  border-radius: 0;
  margin-top: -5px;
  position: absolute; }
  .modal-body.type-filter .dk-select-options .dk-option,
  .box_body__filter .dk-select-options .dk-option {
    padding: 10px 18px;
    color: #000;
    background: transparent;
    -webkit-transition: background-color .3s;
    transition: background-color .3s; }
  .modal-body.type-filter .dk-select-options .dk-option-selected,
  .box_body__filter .dk-select-options .dk-option-selected {
    color: #000;
    background: #f8f8f8; }

.modal-body.type-filter select[data-dkcacheid],
.box_body__filter select[data-dkcacheid] {
  display: none; }

.modal-body.type-filter .modal-btn,
.box_body__filter .modal-btn {
  width: 100%;
  max-width: 100%;
  margin-top: 20px; }

.modal-body.type-filter .btn-2,
.box_body__filter .btn-2 {
  display: inline-block;
  text-align: center;
  background: var(--uds-font-color);
  color: #fff;
  text-transform: uppercase;
  padding: 11px 30px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer; }

.modal-body.type-filter .btn-1.color-10:hover,
.box_body__filter .btn-1.color-10:hover {
  background-color: #dcdede;
  color: #000; }

.modal-body.type-filter .btn-1.color-6:hover,
.box_body__filter .btn-1.color-6:hover {
  background-color: #fed500; }

.modal-body.type-filter .btn-2.color-2,
.box_body__filter .btn-2.color-2 {
  background: #fee600;
  border: 2px solid transparent;
  color: #000; }
  .modal-body.type-filter .btn-2.color-2:hover,
  .box_body__filter .btn-2.color-2:hover {
    -webkit-transition: background .3s ease;
    transition: background .3s ease; }

.modal-body.type-filter .input-1.box_input.hasDatepicker,
.box_body__filter .input-1.box_input.hasDatepicker {
  position: relative; }

.modal-body.type-filter .ui-datepicker-trigger,
.box_body__filter .ui-datepicker-trigger {
  position: absolute;
  top: 10px;
  right: 10px; }

.box_body__filter .dk-select.select-1 {
  padding-left: 4px;
  width: 100%; }
  .box_body__filter .dk-select.select-1 .dk-selected {
    padding: 0; }

.box_body__filter .dk-select .dk-select-options {
  border-top: none; }

.box_body__filter .dk-select-options.focusin {
  border-color: #494f5a;
  border-top: none;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-right: 2px solid; }

.CardSpendingCorporateV2 .box_body__filter, .CardSpendingCorporateV3 .box_body__filter, .UploadDocumentReviewCorporateV2 .box_body__filter, .DownloadDocumentCorporate .box_body__filter {
  padding: 24px;
  padding-bottom: 0;
  background: #feffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #feffff), color-stop(30%, #e9eaea));
  background: linear-gradient(180deg, #feffff 30%, #e9eaea); }

.CardSpendingCorporateV2 .top2, .CardSpendingCorporateV3 .top2, .UploadDocumentReviewCorporateV2 .top2, .DownloadDocumentCorporate .top2 {
  background: var(--uds-base-background); }

.CardSpendingCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select-1.focusin, .CardSpendingCorporateV3 .box_body__filter .top-wrap .input-wrap.input-select-1.focusin, .UploadDocumentReviewCorporateV2 .box_body__filter .top-wrap .input-wrap.input-select-1.focusin, .DownloadDocumentCorporate .box_body__filter .top-wrap .input-wrap.input-select-1.focusin {
  border-color: transparent !important; }

.CardSpendingCorporateV2 .box_body__filter .dk-select-options.focusin, .CardSpendingCorporateV3 .box_body__filter .dk-select-options.focusin, .UploadDocumentReviewCorporateV2 .box_body__filter .dk-select-options.focusin, .DownloadDocumentCorporate .box_body__filter .dk-select-options.focusin {
  border-right: 2.3px solid; }

.CardSpendingCorporateV2 .normal-table.type-2 .normal-table-overscroll, .CardSpendingCorporateV3 .normal-table.type-2 .normal-table-overscroll, .UploadDocumentReviewCorporateV2 .normal-table.type-2 .normal-table-overscroll, .DownloadDocumentCorporate .normal-table.type-2 .normal-table-overscroll {
  overflow-x: auto;
  border-top: 1px solid #fff; }

.CardSpendingCorporateV2 .box_body__header .part-info .big-text, .CardSpendingCorporateV3 .box_body__header .part-info .big-text, .UploadDocumentReviewCorporateV2 .box_body__header .part-info .big-text, .DownloadDocumentCorporate .box_body__header .part-info .big-text {
  text-transform: lowercase; }
  .CardSpendingCorporateV2 .box_body__header .part-info .big-text:first-line, .CardSpendingCorporateV3 .box_body__header .part-info .big-text:first-line, .UploadDocumentReviewCorporateV2 .box_body__header .part-info .big-text:first-line, .DownloadDocumentCorporate .box_body__header .part-info .big-text:first-line {
    text-transform: capitalize; }

.CardSpendingCorporateV2 .part-file-type-btns a:nth-child(2), .CardSpendingCorporateV3 .part-file-type-btns a:nth-child(2), .UploadDocumentReviewCorporateV2 .part-file-type-btns a:nth-child(2), .DownloadDocumentCorporate .part-file-type-btns a:nth-child(2) {
  margin-right: 0; }

.CardSpendingCorporateV3 .item {
  position: relative; }
  .CardSpendingCorporateV3 .item .tooltip {
    position: absolute;
    top: 0;
    left: 35%;
    transform: translateY(-105%);
    display: none;
    background: var(--uds-base-background);
    padding: 0px 20px;
    font-weight: 400;
    font-size: 12px;
    color: var(--uds-font-color);
    box-shadow: 0px 6px 20px 0px rgba(19, 20, 22, 0.2), 0px 2px 6px 0px rgba(19, 20, 22, 0.15);
    border-radius: 16px;
    z-index: 1000;
    width: 300px;
    text-align: left;
    height: auto; }
    .CardSpendingCorporateV3 .item .tooltip .content {
      display: none;
      height: 0;
      overflow: hidden; }
      .CardSpendingCorporateV3 .item .tooltip .content > b {
        font-size: 14px;
        font-weight: 500; }
  .CardSpendingCorporateV3 .item .tooltip::after {
    content: '';
    display: none;
    position: absolute;
    bottom: 2px;
    left: 10px;
    width: 60px;
    height: 0px;
    background-color: var(--uds-base-background);
    mask: url(images/icons/Pointer.svg) no-repeat center;
    -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
    mask-size: 60px 20px;
    -webkit-mask-size: 60px 20px;
    z-index: 999; }

.CardSpendingCorporateV3 .item:hover .tooltip {
  display: flex;
  align-items: center;
  animation: tooltipAnimation 0.5s forwards linear;
  animation-delay: 0.5s; }
  .CardSpendingCorporateV3 .item:hover .tooltip .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    animation: tooltipContentAnimation 0.5s forwards linear;
    animation-delay: 0.5s; }

.CardSpendingCorporateV3 .item:hover .tooltip::after {
  display: block;
  animation: tooltipAfterAnimation 0.5s forwards linear;
  animation-delay: 0.5s; }

@keyframes tooltipAnimation {
  from {
    padding: 0px 20px; }
  to {
    padding: 16px 20px; } }

@keyframes tooltipContentAnimation {
  from {
    height: 0px; }
  to {
    height: 120px; } }

@keyframes tooltipAfterAnimation {
  from {
    height: 0px;
    bottom: 2px; }
  to {
    height: 20px;
    bottom: -19.5px; } }

.Credit .part-file-type-btns,
.CreditV2 .part-file-type-btns,
.CardSpendingCorporateV2 .part-file-type-btns,
.CardSpendingCorporateV3 .part-file-type-btns,
.DomesticOrderReportCorporateV2 .part-file-type-btns,
.ForeignOrderReportCorporateV2 .part-file-type-btns,
.CreditPreview .part-file-type-btns,
.CreditPreviewV2 .part-file-type-btns,
.InflowsCorporateV2 .part-file-type-btns,
.OutflowsCorporateV2 .part-file-type-btns,
.CommissionsForeignCorporateV2 .part-file-type-btns,
.CurrencyExchangeCorporateV2 .part-file-type-btns,
.UploadDocumentReviewCorporateV2 .part-file-type-btns,
.FXManagedOrdersOverviewCorporateV2 .part-file-type-btns {
  opacity: 0;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,transform .3s ease;
  transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
  float: right;
  margin-top: 16px; }
  .Credit .part-file-type-btns.show,
  .CreditV2 .part-file-type-btns.show,
  .CardSpendingCorporateV2 .part-file-type-btns.show,
  .CardSpendingCorporateV3 .part-file-type-btns.show,
  .DomesticOrderReportCorporateV2 .part-file-type-btns.show,
  .ForeignOrderReportCorporateV2 .part-file-type-btns.show,
  .CreditPreview .part-file-type-btns.show,
  .CreditPreviewV2 .part-file-type-btns.show,
  .InflowsCorporateV2 .part-file-type-btns.show,
  .OutflowsCorporateV2 .part-file-type-btns.show,
  .CommissionsForeignCorporateV2 .part-file-type-btns.show,
  .CurrencyExchangeCorporateV2 .part-file-type-btns.show,
  .UploadDocumentReviewCorporateV2 .part-file-type-btns.show,
  .FXManagedOrdersOverviewCorporateV2 .part-file-type-btns.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: block; }
  .Credit .part-file-type-btns .btn-4,
  .CreditV2 .part-file-type-btns .btn-4,
  .CardSpendingCorporateV2 .part-file-type-btns .btn-4,
  .CardSpendingCorporateV3 .part-file-type-btns .btn-4,
  .DomesticOrderReportCorporateV2 .part-file-type-btns .btn-4,
  .ForeignOrderReportCorporateV2 .part-file-type-btns .btn-4,
  .CreditPreview .part-file-type-btns .btn-4,
  .CreditPreviewV2 .part-file-type-btns .btn-4,
  .InflowsCorporateV2 .part-file-type-btns .btn-4,
  .OutflowsCorporateV2 .part-file-type-btns .btn-4,
  .CommissionsForeignCorporateV2 .part-file-type-btns .btn-4,
  .CurrencyExchangeCorporateV2 .part-file-type-btns .btn-4,
  .UploadDocumentReviewCorporateV2 .part-file-type-btns .btn-4,
  .FXManagedOrdersOverviewCorporateV2 .part-file-type-btns .btn-4 {
    position: relative;
    width: 29px;
    height: 17px;
    display: inline-block;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #cacaca;
    background: var(--uds-base-background);
    padding-left: 40px;
    padding: 11px 18px 10px 40px;
    cursor: pointer;
    margin-right: 15px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease; }
    .Credit .part-file-type-btns .btn-4:before,
    .CreditV2 .part-file-type-btns .btn-4:before,
    .CardSpendingCorporateV2 .part-file-type-btns .btn-4:before,
    .CardSpendingCorporateV3 .part-file-type-btns .btn-4:before,
    .DomesticOrderReportCorporateV2 .part-file-type-btns .btn-4:before,
    .ForeignOrderReportCorporateV2 .part-file-type-btns .btn-4:before,
    .CreditPreview .part-file-type-btns .btn-4:before,
    .CreditPreviewV2 .part-file-type-btns .btn-4:before,
    .InflowsCorporateV2 .part-file-type-btns .btn-4:before,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4:before,
    .CommissionsForeignCorporateV2 .part-file-type-btns .btn-4:before,
    .CurrencyExchangeCorporateV2 .part-file-type-btns .btn-4:before,
    .UploadDocumentReviewCorporateV2 .part-file-type-btns .btn-4:before,
    .FXManagedOrdersOverviewCorporateV2 .part-file-type-btns .btn-4:before {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      top: 8px;
      left: 8px;
      background-image: url(images/icons/ico_download.png);
      background-repeat: no-repeat;
      background-position: center; }
    .Credit .part-file-type-btns .btn-4:hover,
    .CreditV2 .part-file-type-btns .btn-4:hover,
    .CardSpendingCorporateV2 .part-file-type-btns .btn-4:hover,
    .CardSpendingCorporateV3 .part-file-type-btns .btn-4:hover,
    .DomesticOrderReportCorporateV2 .part-file-type-btns .btn-4:hover,
    .ForeignOrderReportCorporateV2 .part-file-type-btns .btn-4:hover,
    .CreditPreview .part-file-type-btns .btn-4:hover,
    .CreditPreviewV2 .part-file-type-btns .btn-4:hover,
    .InflowsCorporateV2 .part-file-type-btns .btn-4:hover,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4:hover,
    .CommissionsForeignCorporateV2 .part-file-type-btns .btn-4:hover,
    .CurrencyExchangeCorporateV2 .part-file-type-btns .btn-4:hover,
    .UploadDocumentReviewCorporateV2 .part-file-type-btns .btn-4:hover,
    .FXManagedOrdersOverviewCorporateV2 .part-file-type-btns .btn-4:hover {
      background: #f8f8f8;
      -webkit-transition: background .3s ease;
      transition: background .3s ease; }
    .Credit .part-file-type-btns .btn-4.delete:before,
    .CreditV2 .part-file-type-btns .btn-4.delete:before,
    .CardSpendingCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .CardSpendingCorporateV3 .part-file-type-btns .btn-4.delete:before,
    .DomesticOrderReportCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .ForeignOrderReportCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .CreditPreview .part-file-type-btns .btn-4.delete:before,
    .CreditPreviewV2 .part-file-type-btns .btn-4.delete:before,
    .InflowsCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .CommissionsForeignCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .CurrencyExchangeCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .UploadDocumentReviewCorporateV2 .part-file-type-btns .btn-4.delete:before,
    .FXManagedOrdersOverviewCorporateV2 .part-file-type-btns .btn-4.delete:before {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      top: 7px;
      left: 8px;
      background-image: url(images/icons/ico_storno.png);
      background-repeat: no-repeat;
      background-position: center; }
    .Credit .part-file-type-btns .btn-4.delete:hover,
    .CreditV2 .part-file-type-btns .btn-4.delete:hover,
    .CardSpendingCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .CardSpendingCorporateV3 .part-file-type-btns .btn-4.delete:hover,
    .DomesticOrderReportCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .ForeignOrderReportCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .CreditPreview .part-file-type-btns .btn-4.delete:hover,
    .CreditPreviewV2 .part-file-type-btns .btn-4.delete:hover,
    .InflowsCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .CommissionsForeignCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .CurrencyExchangeCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .UploadDocumentReviewCorporateV2 .part-file-type-btns .btn-4.delete:hover,
    .FXManagedOrdersOverviewCorporateV2 .part-file-type-btns .btn-4.delete:hover {
      background: #f8f8f8;
      -webkit-transition: background .3s ease;
      transition: background .3s ease; }

.Credit .box_body .box_body__header, .CreditV2 .box_body .box_body__header {
  padding: 0; }
  .Credit .box_body .box_body__header .part-file-type-btns, .CreditV2 .box_body .box_body__header .part-file-type-btns {
    padding: 21px;
    margin-top: 0;
    float: none;
    text-align: right; }
    .Credit .box_body .box_body__header .part-file-type-btns > a, .CreditV2 .box_body .box_body__header .part-file-type-btns > a {
      margin-right: 0px; }
      .Credit .box_body .box_body__header .part-file-type-btns > a > span, .CreditV2 .box_body .box_body__header .part-file-type-btns > a > span {
        text-transform: uppercase; }

.productExelButton {
  bottom: 10px !important; }

.CreditPreview .top-wrap .amount-info-list .single-amount, .CreditPreviewV2 .top-wrap .amount-info-list .single-amount {
  display: flex; }
  .CreditPreview .top-wrap .amount-info-list .single-amount .info-2, .CreditPreviewV2 .top-wrap .amount-info-list .single-amount .info-2 {
    font-weight: bold;
    margin-left: 1%; }

.icon-building {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  background: url(images/icons/ico_firma.png);
  background-repeat: no-repeat;
  background-size: contain; }

.DomesticOrderReportCorporateV2 .box_body__filter,
.ForeignOrderReportCorporateV2 .box_body__filter,
.CommissionsForeignCorporateV2 .box_body__filter,
.InflowsCorporateV2 .box_body__filter, .OutflowsCorporateV2 .box_body__filter, .CreditPreview .box_body__filter, .CreditPreviewV2 .box_body__filter {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #feffff), color-stop(30%, #e9eaea));
  background: linear-gradient(180deg, #feffff 30%, #e9eaea); }

.DomesticOrderReportCorporateV2 .filter-form,
.ForeignOrderReportCorporateV2 .filter-form,
.CommissionsForeignCorporateV2 .filter-form,
.InflowsCorporateV2 .filter-form, .OutflowsCorporateV2 .filter-form, .CreditPreview .filter-form, .CreditPreviewV2 .filter-form {
  float: left;
  width: 900px; }

.DomesticOrderReportCorporateV2 .top-wrap,
.ForeignOrderReportCorporateV2 .top-wrap,
.CommissionsForeignCorporateV2 .top-wrap,
.InflowsCorporateV2 .top-wrap, .OutflowsCorporateV2 .top-wrap, .CreditPreview .top-wrap, .CreditPreviewV2 .top-wrap {
  padding-bottom: 30px;
  zoom: 1; }
  .DomesticOrderReportCorporateV2 .top-wrap:after,
  .ForeignOrderReportCorporateV2 .top-wrap:after,
  .CommissionsForeignCorporateV2 .top-wrap:after,
  .InflowsCorporateV2 .top-wrap:after, .OutflowsCorporateV2 .top-wrap:after, .CreditPreview .top-wrap:after, .CreditPreviewV2 .top-wrap:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.DomesticOrderReportCorporateV2 .filter-filedset,
.ForeignOrderReportCorporateV2 .filter-filedset,
.CommissionsForeignCorporateV2 .filter-filedset,
.InflowsCorporateV2 .filter-filedset, .OutflowsCorporateV2 .filter-filedset, .CreditPreview .filter-filedset, .CreditPreviewV2 .filter-filedset {
  zoom: 1; }
  .DomesticOrderReportCorporateV2 .filter-filedset:after,
  .ForeignOrderReportCorporateV2 .filter-filedset:after,
  .CommissionsForeignCorporateV2 .filter-filedset:after,
  .InflowsCorporateV2 .filter-filedset:after, .OutflowsCorporateV2 .filter-filedset:after, .CreditPreview .filter-filedset:after, .CreditPreviewV2 .filter-filedset:after {
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
    content: "."; }

.DomesticOrderReportCorporateV2 .top-wrap .input-select,
.ForeignOrderReportCorporateV2 .top-wrap .input-select,
.CommissionsForeignCorporateV2 .top-wrap .input-select,
.InflowsCorporateV2 .top-wrap .input-select, .OutflowsCorporateV2 .top-wrap .input-select, .CreditPreview .top-wrap .input-select, .CreditPreviewV2 .top-wrap .input-select {
  width: 260px;
  float: left; }

.DomesticOrderReportCorporateV2 .input-wrap.input-value input,
.ForeignOrderReportCorporateV2 .input-wrap.input-value input,
.CommissionsForeignCorporateV2 .input-wrap.input-value input,
.InflowsCorporateV2 .input-wrap.input-value input, .OutflowsCorporateV2 .input-wrap.input-value input, .CreditPreview .input-wrap.input-value input, .CreditPreviewV2 .input-wrap.input-value input {
  width: 100% !important; }

.DomesticOrderReportCorporateV2 .input-wrap.input-calendar.big,
.ForeignOrderReportCorporateV2 .input-wrap.input-calendar.big,
.CommissionsForeignCorporateV2 .input-wrap.input-calendar.big,
.InflowsCorporateV2 .input-wrap.input-calendar.big, .OutflowsCorporateV2 .input-wrap.input-calendar.big, .CreditPreview .input-wrap.input-calendar.big, .CreditPreviewV2 .input-wrap.input-calendar.big {
  width: 130px; }

.DomesticOrderReportCorporateV2 .input-wrap.input-value.big,
.ForeignOrderReportCorporateV2 .input-wrap.input-value.big,
.CommissionsForeignCorporateV2 .input-wrap.input-value.big,
.InflowsCorporateV2 .input-wrap.input-value.big, .OutflowsCorporateV2 .input-wrap.input-value.big, .CreditPreview .input-wrap.input-value.big, .CreditPreviewV2 .input-wrap.input-value.big {
  width: 238px; }

.DomesticOrderReportCorporateV2 .part-file-type-btns.show,
.ForeignOrderReportCorporateV2 .part-file-type-btns.show,
.CommissionsForeignCorporateV2 .part-file-type-btns.show,
.InflowsCorporateV2 .part-file-type-btns.show, .OutflowsCorporateV2 .part-file-type-btns.show, .CreditPreview .part-file-type-btns.show, .CreditPreviewV2 .part-file-type-btns.show {
  position: absolute;
  right: 0;
  bottom: 30px;
  margin-top: 0px; }
  .DomesticOrderReportCorporateV2 .part-file-type-btns.show.inflows,
  .ForeignOrderReportCorporateV2 .part-file-type-btns.show.inflows,
  .CommissionsForeignCorporateV2 .part-file-type-btns.show.inflows,
  .InflowsCorporateV2 .part-file-type-btns.show.inflows, .OutflowsCorporateV2 .part-file-type-btns.show.inflows, .CreditPreview .part-file-type-btns.show.inflows, .CreditPreviewV2 .part-file-type-btns.show.inflows {
    position: relative;
    margin-top: 20px;
    display: block;
    bottom: 0;
    float: left; }

.right-dialog.details-dialog.domesticReport .icon.icon-left {
  position: absolute;
  background: #f8f8f8;
  overflow: hidden;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  left: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .right-dialog.details-dialog.domesticReport .icon.icon-left.repeat {
    background-image: url(images/icons/ico_ponovinalog.png);
    background-repeat: no-repeat;
    background-position: center; }
  .right-dialog.details-dialog.domesticReport .icon.icon-left.submit {
    background-image: url(images/icons/ico_download.png);
    background-repeat: no-repeat;
    background-position: center; }

.DomesticOrdersReviewCorporateV2 .part-checkbox,
.ForeignOrdersReviewCorporateV2 .part-checkbox,
.DownloadDocumentCorporate .part-checkbox,
.OutflowsCorporateV2 .part-checkbox {
  float: right; }
  .DomesticOrdersReviewCorporateV2 .part-checkbox .checkboxCustom,
  .ForeignOrdersReviewCorporateV2 .part-checkbox .checkboxCustom,
  .DownloadDocumentCorporate .part-checkbox .checkboxCustom,
  .OutflowsCorporateV2 .part-checkbox .checkboxCustom {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 18px;
    height: 18px;
    border-radius: 2px;
    overflow: hidden; }
    .DomesticOrdersReviewCorporateV2 .part-checkbox .checkboxCustom.header,
    .ForeignOrdersReviewCorporateV2 .part-checkbox .checkboxCustom.header,
    .DownloadDocumentCorporate .part-checkbox .checkboxCustom.header,
    .OutflowsCorporateV2 .part-checkbox .checkboxCustom.header {
      padding-right: 8px; }
    .DomesticOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i,
    .ForeignOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i,
    .DownloadDocumentCorporate .part-checkbox .checkboxCustom ul .checkbox-save > i,
    .OutflowsCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i {
      width: 18px;
      height: 18px;
      background-color: #fff;
      display: inline-block;
      cursor: pointer;
      border-radius: 3px; }
      .DomesticOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i.list,
      .ForeignOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i.list,
      .DownloadDocumentCorporate .part-checkbox .checkboxCustom ul .checkbox-save > i.list,
      .OutflowsCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i.list {
        background-color: #eee; }
      .DomesticOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i:hover,
      .ForeignOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i:hover,
      .DownloadDocumentCorporate .part-checkbox .checkboxCustom ul .checkbox-save > i:hover,
      .OutflowsCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save > i:hover {
        background-color: #ccc; }
    .DomesticOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save.checked > i,
    .ForeignOrdersReviewCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save.checked > i,
    .DownloadDocumentCorporate .part-checkbox .checkboxCustom ul .checkbox-save.checked > i,
    .OutflowsCorporateV2 .part-checkbox .checkboxCustom ul .checkbox-save.checked > i {
      background-image: url(images/icons/check-icon.png);
      background-repeat: no-repeat;
      background-color: #2196f3;
      border-color: #c3c3c3;
      background-position: 50%; }

.DomesticOrdersReviewCorporateV2 .part-file-type-btns,
.ForeignOrdersReviewCorporateV2 .part-file-type-btns,
.DownloadDocumentCorporate .part-file-type-btns,
.OutflowsCorporateV2 .part-file-type-btns {
  opacity: 0;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,-webkit-transform .3s ease;
  transition: opacity .3s ease,transform .3s ease;
  transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
  float: right;
  margin-top: 16px; }
  .DomesticOrdersReviewCorporateV2 .part-file-type-btns.show,
  .ForeignOrdersReviewCorporateV2 .part-file-type-btns.show,
  .DownloadDocumentCorporate .part-file-type-btns.show,
  .OutflowsCorporateV2 .part-file-type-btns.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    display: block; }
  .DomesticOrdersReviewCorporateV2 .part-file-type-btns .btn-4,
  .ForeignOrdersReviewCorporateV2 .part-file-type-btns .btn-4,
  .DownloadDocumentCorporate .part-file-type-btns .btn-4,
  .OutflowsCorporateV2 .part-file-type-btns .btn-4 {
    position: relative;
    width: 29px;
    height: 17px;
    display: inline-block;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #cacaca;
    background: var(--uds-base-background);
    padding-left: 40px;
    padding: 11px 18px 10px 40px;
    cursor: pointer;
    margin-right: 15px;
    -webkit-transition: background .3s ease;
    transition: background .3s ease; }
    .DomesticOrdersReviewCorporateV2 .part-file-type-btns .btn-4.storno:before,
    .ForeignOrdersReviewCorporateV2 .part-file-type-btns .btn-4.storno:before,
    .DownloadDocumentCorporate .part-file-type-btns .btn-4.storno:before,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4.storno:before {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      top: 8px;
      left: 8px;
      background-image: url(images/icons/ico_storno.png);
      background-repeat: no-repeat;
      background-position: center; }
    .DomesticOrdersReviewCorporateV2 .part-file-type-btns .btn-4.upload:before,
    .ForeignOrdersReviewCorporateV2 .part-file-type-btns .btn-4.upload:before,
    .DownloadDocumentCorporate .part-file-type-btns .btn-4.upload:before,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4.upload:before {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      top: 8px;
      left: 8px;
      background-image: url(images/icons/upload.png);
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain; }
    .DomesticOrdersReviewCorporateV2 .part-file-type-btns .btn-4.datum:before,
    .ForeignOrdersReviewCorporateV2 .part-file-type-btns .btn-4.datum:before,
    .DownloadDocumentCorporate .part-file-type-btns .btn-4.datum:before,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4.datum:before {
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      top: 8px;
      left: 8px;
      background-image: url(images/icons/ico_datum.png);
      background-repeat: no-repeat;
      background-position: center; }
    .DomesticOrdersReviewCorporateV2 .part-file-type-btns .btn-4:hover,
    .ForeignOrdersReviewCorporateV2 .part-file-type-btns .btn-4:hover,
    .DownloadDocumentCorporate .part-file-type-btns .btn-4:hover,
    .OutflowsCorporateV2 .part-file-type-btns .btn-4:hover {
      background: #f8f8f8;
      -webkit-transition: background .3s ease;
      transition: background .3s ease; }

.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(6) {
  text-align: right;
  padding-right: 24px; }

.VBG {
  background: url(images/cards/visa-card.png) 100% center no-repeat;
  background-size: 210px 133px; }

.DBD {
  background: url(images/cards/DDK.png) 100% center no-repeat;
  background-size: 210px 133px; }

.MKB {
  background: url(images/cards/MKBR.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VSB {
  background: url(images/cards/VSBR.png) 100% center no-repeat;
  background-size: 210px 133px; }

.MC {
  background: url(images/cards/mastercard-card.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VVA {
  background: url(images/cards/VVA.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VSP {
  background: url(images/cards/VSP.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VSG {
  background: url(images/cards/VSG.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VSE {
  background: url(images/cards/VSE.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VSE {
  background: url(images/cards/VSE.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VSBR {
  background: url(images/cards/VSBR.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VKP {
  background: url(images/cards/VKP.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VKG {
  background: url(images/cards/VKG.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VKC {
  background: url(images/cards/VKC.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VKB {
  background: url(images/cards/VKBR.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VKBR {
  background: url(images/cards/VKBR.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VES {
  background: url(images/cards/VES.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VCL {
  background: url(images/cards/VCL.png) 100% center no-repeat;
  background-size: 210px 133px; }

.VBGR {
  background: url(images/cards/VBGR.png) 100% center no-repeat;
  background-size: 210px 133px; }

.TBD {
  background: url(images/cards/TBD.png) 100% center no-repeat;
  background-size: 210px 133px; }

.MSE {
  background: url(images/cards/MSE.png) 100% center no-repeat;
  background-size: 210px 133px; }

.MKW {
  background: url(images/cards/MKW.png) 100% center no-repeat;
  background-size: 210px 133px; }

.MKS {
  background: url(images/cards/MKS.png) 100% center no-repeat;
  background-size: 210px 133px; }

.MKBR {
  background: url(images/cards/MKBR.png) 100% center no-repeat;
  background-size: 210px 133px; }

.MDS {
  background: url(images/cards/MDS.png) 100% center no-repeat;
  background-size: 210px 133px; }

.DDK {
  background: url(images/cards/DDK.png) 100% center no-repeat;
  background-size: 210px 133px; }

.normal-table-overscroll {
  border-top: 1px solid #fff; }
  .normal-table-overscroll .cell-user-letter {
    width: 32px;
    height: 32px;
    float: left;
    position: relative;
    text-align: center;
    border: 1px solid #cacaca;
    border-radius: 50%;
    overflow: hidden;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    margin-right: 15px;
    font-size: 14px;
    margin-top: -6px; }
  .normal-table-overscroll table {
    position: relative;
    width: 100%;
    min-width: 1170px;
    margin-bottom: 3px; }
  .normal-table-overscroll tbody tr {
    cursor: pointer;
    box-shadow: 0 4px 4px transparent;
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease; }
  .normal-table-overscroll tbody tr td {
    padding: 21px 20px 21px 24px; }
  .normal-table-overscroll tbody tr td:first-child {
    border-left: 6px solid transparent;
    -webkit-transition: border .3s ease;
    transition: border .3s ease; }
  .normal-table-overscroll thead {
    background: #e9eaea; }
    .normal-table-overscroll thead tr th {
      text-align: left;
      padding-left: 20px;
      padding: 13px;
      font-size: 11px;
      line-height: 20px;
      font-weight: 500;
      color: #000;
      text-transform: uppercase;
      text-align: left;
      font-family: amalia,sans-serif; }

.CardTurnoverCorporateV2 .transaction-info, .CardTurnoverCorporateV2 .account-num {
  font-size: 14px !important;
  color: #808185 !important; }

.CardTurnoverCorporateV2 .box_body__header .part-info .big-text {
  text-transform: lowercase; }
  .CardTurnoverCorporateV2 .box_body__header .part-info .big-text:first-line {
    text-transform: capitalize; }

.UploadDocumentReviewCorporateV2 .cbMultiselectAll, .UploadDocumentReviewCorporateV2 .cbMultiselect {
  display: none; }

.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8),
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8),
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8),
.OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8) {
  text-align: right; }

.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(4),
.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(8),
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(4),
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(8),
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(4),
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(8),
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(4),
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(8) {
  text-align: right; }

.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th,
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th {
  padding-left: 22px; }

.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8),
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8),
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8),
.OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4),
.OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(8) {
  padding-right: 22px; }

.ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta,
.OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta {
  left: inherit; }
  .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button,
  .DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button,
  .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button,
  .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button {
    white-space: nowrap; }
    .ForeignOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button:nth-child(2),
    .DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button:nth-child(2),
    .UploadDocumentReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button:nth-child(2),
    .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr .table-cta-wrap .table-cta button:nth-child(2) {
      margin-right: 16px; }

.ForeignOrdersReviewCorporateV2 .part-file-type-btns.show,
.DomesticOrdersReviewCorporateV2 .part-file-type-btns.show,
.UploadDocumentReviewCorporateV2 .part-file-type-btns.show,
.OutflowsCorporateV2 .part-file-type-btns.show {
  float: left; }

.ForeignOrdersReviewCorporateV2 .part-file-type-btns .btn-4:nth-child(2),
.DomesticOrdersReviewCorporateV2 .part-file-type-btns .btn-4:nth-child(2),
.UploadDocumentReviewCorporateV2 .part-file-type-btns .btn-4:nth-child(2),
.OutflowsCorporateV2 .part-file-type-btns .btn-4:nth-child(2) {
  width: auto; }

.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4), .OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(4) {
  text-align: left; }

.DomesticOrdersReviewCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(4), .OutflowsCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(4) {
  text-align: left; }

.DomesticOrdersReviewCorporateV2 .part-file-type-btns.show, .OutflowsCorporateV2 .part-file-type-btns.show {
  float: right; }

.OutflowsCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(6) {
  text-align: right;
  padding-left: 22px; }

.eInvoices .box_body .normal-table-overscroll table thead tr th:nth-child(5),
.eInvoices .box_body .normal-table-overscroll table thead tr th:nth-child(6),
.ConfirmationsList .box_body .normal-table-overscroll table thead tr th:nth-child(5),
.ConfirmationsList .box_body .normal-table-overscroll table thead tr th:nth-child(6),
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(5),
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(6) {
  text-align: right; }

.eInvoices .box_body .normal-table-overscroll table tbody tr td:nth-child(5),
.eInvoices .box_body .normal-table-overscroll table tbody tr td:nth-child(6),
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr td:nth-child(5),
.ConfirmationsList .box_body .normal-table-overscroll table tbody tr td:nth-child(6),
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(5),
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td:nth-child(6) {
  text-align: right; }

.eInvoices .box_body .normal-table-overscroll table thead tr th,
.ConfirmationsList .box_body .normal-table-overscroll table thead tr th,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th {
  padding-left: 22px; }

.eInvoices .box_body .normal-table-overscroll table thead tr th:first-child,
.ConfirmationsList .box_body .normal-table-overscroll table thead tr th:first-child,
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:first-child {
  padding-left: 30px !important; }

.eInvoices .box_body .normal-table-overscroll table thead tr th:nth-child(5),
.eInvoices .box_body .normal-table-overscroll table thead tr th:nth-child(6),
.ConfirmationsList .box_body .normal-table-overscroll table thead tr th:nth-child(5),
.ConfirmationsList .box_body .normal-table-overscroll table thead tr th:nth-child(6),
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(5),
.DomesticOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:nth-child(6) {
  padding-right: 22px; }

.eInvoices .dk-select-options.reportStatus.focusin,
.ConfirmationsList .dk-select-options.reportStatus.focusin,
.DomesticOrderReportCorporateV2 .dk-select-options.reportStatus.focusin {
  border-bottom: 2.3px solid;
  border-right: 2.3px solid; }

.ForeignOrderReportCorporateV2 .box_body__filter.top {
  padding-right: 0; }

.ForeignOrderReportCorporateV2 .top-wrap .input-select {
  width: 200px; }

.ForeignOrderReportCorporateV2 .accountList.select.select-1 {
  padding-top: 4px; }

.ForeignOrderReportCorporateV2 .part-file-type-btns a:nth-child(2) {
  margin-right: 0; }

.ForeignOrderReportCorporateV2 .input-wrap.input-select.middle:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "."; }

.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table thead tr th:last-child {
  text-align: right;
  padding-right: 22px; }

.ForeignOrderReportCorporateV2 .box_body .normal-table-overscroll table tbody tr td p {
  padding-left: 0px; }

.InflowsCorporateV2 .part-file-type-btns.show.inflows, .OutflowsCorporateV2 .part-file-type-btns.show.inflows, .CommissionsForeignCorporateV2 .part-file-type-btns.show.inflows {
  bottom: 4px; }

.InflowsCorporateV2 .top-wrap .input-select, .OutflowsCorporateV2 .top-wrap .input-select, .CommissionsForeignCorporateV2 .top-wrap .input-select {
  width: 100px; }
  .InflowsCorporateV2 .top-wrap .input-select select, .OutflowsCorporateV2 .top-wrap .input-select select, .CommissionsForeignCorporateV2 .top-wrap .input-select select {
    cursor: pointer; }

.InflowsCorporateV2 .top-wrap .input-calendar, .OutflowsCorporateV2 .top-wrap .input-calendar, .CommissionsForeignCorporateV2 .top-wrap .input-calendar {
  width: 130px !important; }

.InflowsCorporateV2 .top-wrap .input-value, .OutflowsCorporateV2 .top-wrap .input-value, .CommissionsForeignCorporateV2 .top-wrap .input-value {
  width: 110px; }

.CardSpendingCorporateV2 .top-wrap .input-wrap.input-select-1:before, .CardSpendingCorporateV3 .top-wrap .input-wrap.input-select-1:before {
  display: none; }

.CardSpendingCorporateV3 .s-widget-content .s-widget-body, .CardTurnoverCorporateV3 .s-widget-content .s-widget-body {
  border-top: none !important; }

.CardSpendingCorporateV3 .menu2, .CardTurnoverCorporateV3 .menu2 {
  background: #f8f8f8; }
  .CardSpendingCorporateV3 .menu2 .menu-item2 .list-item2, .CardTurnoverCorporateV3 .menu2 .menu-item2 .list-item2 {
    width: 100%;
    display: flex; }
    .CardSpendingCorporateV3 .menu2 .menu-item2 .list-item2 > li, .CardTurnoverCorporateV3 .menu2 .menu-item2 .list-item2 > li {
      width: 25%;
      display: inline-block;
      text-align: center;
      cursor: pointer;
      padding-top: 15px;
      padding-bottom: 15px; }
      .CardSpendingCorporateV3 .menu2 .menu-item2 .list-item2 > li > span, .CardTurnoverCorporateV3 .menu2 .menu-item2 .list-item2 > li > span {
        display: block; }
    .CardSpendingCorporateV3 .menu2 .menu-item2 .list-item2 > li.active, .CardTurnoverCorporateV3 .menu2 .menu-item2 .list-item2 > li.active {
      font-weight: bold;
      border-top: 2px solid black;
      background: var(--uds-base-background); }

.ui-dialog.predefindedUsers .text-2,
.ui-dialog.predefindedUsersForeign .text-2 {
  position: relative;
  top: -56px;
  left: -5px; }

.gvInflows .not-paid {
  position: relative;
  padding-right: 30px; }
  .gvInflows .not-paid:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #e61e33;
    right: 10px;
    top: 50%;
    margin-top: -5px; }

.gvInflows .paid {
  position: relative;
  padding-right: 30px; }
  .gvInflows .paid:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #9ccc66;
    right: 10px;
    top: 50%;
    margin-top: -5px; }

.UserInfoCorporateV2 .nav-top-bar_right .amount {
  margin-right: 20px;
  float: left;
  overflow: hidden; }
  .UserInfoCorporateV2 .nav-top-bar_right .amount p {
    margin-bottom: 0;
    line-height: 19px; }
  .UserInfoCorporateV2 .nav-top-bar_right .amount .info-1 {
    color: var(--uds-font-color);
    font-size: 14px; }
  .UserInfoCorporateV2 .nav-top-bar_right .amount .info-2 {
    font-weight: 700;
    color: var(--uds-font-color);
    font-size: 14px; }

.UserInfoCorporateV2 .nav-top-bar_right .btn-2 {
  float: left;
  overflow: hidden;
  max-width: 133px;
  display: inline-block;
  text-align: center;
  background: var(--uds-font-color);
  color: #fff;
  text-transform: uppercase;
  padding: 11px 30px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer; }
  .UserInfoCorporateV2 .nav-top-bar_right .btn-2:hover {
    -webkit-transition: background .3s ease;
    transition: background .3s ease; }

.sticky-header-wrap .icon {
  border-radius: 50%;
  background-color: black; }
  .sticky-header-wrap .icon.icon-accounts-heading {
    background-image: url(images/icons/ico_racun_zuti@2x.png);
    background-size: 17px; }
  .sticky-header-wrap .icon.icon-cards-heading {
    background-image: url(images/icons/ico_kartica_zuta@2x.png);
    background-size: 19px; }

.nav-top-bar_left {
  position: relative;
  float: left; }
  .nav-top-bar_left .heading {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px !important;
    letter-spacing: -.025em;
    color: #000;
    margin-bottom: 0;
    padding-bottom: 0 !important;
    font-family: amalia,sans-serif; }
  .nav-top-bar_left .subHeading {
    font-size: 15px;
    color: var(--uds-font-color);
    margin-bottom: 0;
    padding-left: 40px; }

.info-block_hidden-text {
  background: var(--uds-base-background);
  position: relative;
  margin-bottom: 40px;
  margin-top: 40px; }
  .info-block_hidden-text .info-block_hidden-text__top {
    cursor: pointer;
    position: relative; }
    .info-block_hidden-text .info-block_hidden-text__top p {
      margin-bottom: 0;
      padding: 30px 50px 30px 24px;
      font-size: 15px;
      font-weight: 700;
      line-height: 20px;
      color: var(--uds-font-color); }
    .info-block_hidden-text .info-block_hidden-text__top .plus-minus-btn {
      position: absolute;
      right: 24px;
      top: 30px; }
  .info-block_hidden-text .hidden-text {
    display: none;
    padding: 36px 24px 30px; }
    .info-block_hidden-text .hidden-text p {
      font-family: amalia,sans-serif;
      font-size: 15px;
      line-height: 20px;
      color: #000;
      margin-bottom: 20px; }
    .info-block_hidden-text .hidden-text.active {
      display: block; }

.addStickyAnimation {
  animation-name: sticky;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  animation-play-state: running; }

@keyframes sticky {
  0% {
    transform: translateY(-100px); }
  100% {
    transform: translateY(0px); } }

.pulseCircle {
  background: #fee600;
  border-radius: 50%;
  box-shadow: 0 0 0 0 #fee600;
  margin: 10px;
  height: 10px;
  width: 10px;
  transform: scale(1);
  animation: pulse-yellow 2s infinite; }

@keyframes pulse-yellow {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(254, 230, 0, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 121, 63, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 121, 63, 0); } }

.AnnouncementsCorporate .normal-list_item:hover .icon.icon-right .arr-right {
  background-position-x: 10px;
  transition: .3s ease,-webkit-transform .3s ease; }

.AnnouncementsCorporate .normal-list .part-content {
  max-height: 40px;
  transition: max-height ease-in-out .5s; }

.AnnouncementsCorporate .showAllText {
  max-height: max-content !important; }

.AnnouncementsCorporate .icon-right {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 24px;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(0);
  transform: translateY(-50%) translateX(0);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease; }
  .AnnouncementsCorporate .icon-right .arr-right {
    background-image: url(images/icons/ico_strelica@2x.png);
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 12px;
    width: 24px;
    margin-top: 6px; }

.group-dates {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

@media only screen and (max-width: 600px) {
  .group-dates {
    display: block; } }

.group-dates .input-wrap {
  width: -webkit-calc(50% - 60px);
  width: calc(50% - 60px);
  margin-right: 2%; }

@media only screen and (max-width: 600px) {
  .group-dates .input-wrap {
    width: 100%;
    padding-bottom: 9px;
    margin-right: 0;
    margin-bottom: 35px; } }

.group-dates .label-1 {
  white-space: nowrap; }

.group-dates .part-checkbox {
  width: 100px; }

.group-dates .checkboxCustom {
  width: 100%;
  height: 50px;
  background: #f8f8f8;
  font-weight: 700;
  font-size: 15px;
  line-height: 20px;
  color: var(--uds-font-color);
  padding-left: 40px;
  padding-top: 14px;
  box-sizing: border-box; }

.group-dates .checkboxCustom .checkmark {
  top: 50%;
  left: 15px;
  margin-top: -9px; }

.checkboxCustom {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  overflow: hidden; }
  .checkboxCustom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  background-color: #eee; }

.checkboxCustom:hover input ~ .checkmark {
  background-color: #ccc; }

.checkboxCustom input:checked ~ .checkmark {
  background-color: #2196f3; }

.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.checkboxCustom input:checked ~ .checkmark:after {
  display: block; }

.checkboxCustom .checkmark:after {
  left: 6px;
  top: 2px;
  width: 4px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.currencyCode-wrap {
  height: 50px; }
  .currencyCode-wrap .custom-select {
    top: -5px; }

.gvCardTurnover.firstColumnPadding table thead tr td:nth-child(2) div {
  padding-left: 50px; }

.UploadDocumentCorporateV2 .group-inner.fileInput-wrap .input-1 {
  padding-left: 0; }

.UploadDocumentCorporateV2 .group-inner.fileInput-wrap .input-wrap {
  width: calc(100% - 70px); }

.UploadDocumentCorporateV2 .inputfile {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.UploadDocumentCorporateV2 .group-inner.fileInput-wrap label.input-1 {
  max-width: 100%;
  color: var(--uds-font-color);
  border: 1px solid transparent;
  background-color: transparent;
  border: none !important;
  outline: none;
  padding-left: 6px; }

.UploadDocumentCorporateV2 .group-inner.fileInput-wrap label.input-1 {
  max-width: 100%;
  color: var(--uds-font-color);
  border: 1px solid transparent;
  background-color: transparent;
  border: none !important;
  outline: none;
  padding-left: 6px; }

.UploadDocumentCorporateV2 .inputfile + label {
  max-width: 80%;
  font-size: 1.25rem;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  padding: 0; }

.UploadDocumentCorporateV2 .group-inner.fileInput-wrap label.input-1:after {
  content: "";
  background: #fee600 url(images/icons/folders.png) no-repeat 50% 50%;
  background-size: 20px;
  max-width: 100%;
  width: 50px;
  height: 50px;
  position: absolute;
  right: -70px;
  top: 0; }

.UploadDocumentCorporateV2 .textarea-3 {
  width: 100%;
  height: 440px;
  line-height: 29px;
  min-height: 24px;
  font-family: amalia,sans-serif;
  font-size: 16px;
  letter-spacing: .5px;
  color: #000;
  border: none;
  -webkit-appearance: none;
  border-radius: 0;
  padding: 0;
  padding-left: 6px;
  resize: none; }

.UploadDocumentCorporateV2 .box_body .box-body_tabs {
  display: table;
  margin: 0 auto;
  padding: 40px 20px 0; }
  .UploadDocumentCorporateV2 .box_body .box-body_tabs .tab {
    padding: 9px 25px 11px;
    font-weight: 700;
    width: 180px;
    text-align: center;
    color: var(--uds-font-color);
    font-size: 15px;
    -webkit-transition: color .4s ease,background .4s ease;
    transition: color .4s ease,background .4s ease;
    float: left;
    zoom: 1;
    display: block; }
    .UploadDocumentCorporateV2 .box_body .box-body_tabs .tab:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .UploadDocumentCorporateV2 .box_body .box-body_tabs .tab.active {
      color: #fff;
      background: #0095c9;
      -webkit-transition: color .4s ease,background .4s ease;
      transition: color .4s ease,background .4s ease; }

.UploadDocumentReviewCorporateV2 .gvUploadDocumentReview table thead tr td:nth-child(2),
.UploadDocumentReviewCorporateV2 .gvUploadDocumentReview table tbody tr td:nth-child(2) {
  padding-left: 26px; }

.UploadDocumentReviewCorporateV2 .gvUploadDocumentReview table thead tr td:nth-child(3) {
  padding-left: 10px; }

.UploadDocumentReviewCorporateV2 .gvUploadDocumentReview table thead tr td:nth-child(4) {
  padding-left: 10px; }

.UploadDocumentReviewCorporateV2 .top-wrap {
  padding-bottom: 0px; }

.group-account .input-wrap:first-child {
  width: 80px;
  float: left; }

.group-account .input-wrap:nth-child(2) {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  float: right; }

.group-account.invert .input-wrap:first-child {
  width: 80px;
  float: right; }

.group-account.invert .input-wrap:nth-child(2) {
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
  float: left; }

.group-account-2 .input-wrap:first-child {
  width: 270px;
  float: left; }

@media only screen and (max-width: 600px) {
  .group-account-2 .input-wrap:first-child {
    width: 100%;
    float: none; } }

.group-account-2 .input-wrap:nth-child(2) {
  width: -webkit-calc(100% - 290px);
  width: calc(100% - 290px);
  float: right; }

@media only screen and (max-width: 600px) {
  .group-account-2 .input-wrap:nth-child(2) {
    width: 100%;
    float: none;
    margin-top: 35px; } }

.group-submit.inline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

@media only screen and (max-width: 600px) {
  .group-submit.inline {
    display: block; } }

.group-submit.inline .btn-1 {
  width: auto;
  min-width: 220px;
  display: inline-block;
  margin: 8px; }

@media only screen and (max-width: 600px) {
  .group-submit.inline .btn-1 {
    width: 100%; } }

.group-submit.inline.margin {
  margin-bottom: 40px; }

.group-submit.inline.padd-bott {
  padding-bottom: 40px; }

.group-submit.inline #timerSubmit.prevented {
  pointer-events: none;
  opacity: .5; }

.prevented {
  pointer-events: none;
  opacity: .5; }

@media only screen and (max-width: 600px) {
  .group-account-2 .input-wrap:nth-child(2) {
    width: 100%;
    float: none;
    margin-top: 35px; } }

.FXManagedOrderCorporateV2 {
  /*  .payment .input-select:not(.currencyCode-wrap.menjacnica) {
            padding: 0;
            border: none
        }*/ }
  .FXManagedOrderCorporateV2 .box_body .box-body_tabs {
    display: table;
    margin: 0 auto;
    padding: 40px 20px 0; }
    .FXManagedOrderCorporateV2 .box_body .box-body_tabs .tab {
      padding: 9px 25px 11px;
      font-weight: 700;
      width: 180px;
      text-align: center;
      color: var(--uds-font-color);
      font-size: 15px;
      -webkit-transition: color .4s ease,background .4s ease;
      transition: color .4s ease,background .4s ease;
      float: left;
      zoom: 1;
      display: block; }
      .FXManagedOrderCorporateV2 .box_body .box-body_tabs .tab:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: "."; }
      .FXManagedOrderCorporateV2 .box_body .box-body_tabs .tab.active {
        color: #fff;
        background: #0095c9;
        -webkit-transition: color .4s ease,background .4s ease;
        transition: color .4s ease,background .4s ease; }
  .FXManagedOrderCorporateV2 .normal-form .single-currency-group.rsd-only {
    display: none;
    visibility: hidden; }
  .FXManagedOrderCorporateV2 .normal-form .single-currency-group.rsd-only.active {
    display: block;
    visibility: visible; }
  .FXManagedOrderCorporateV2 .normal-form .group-inner {
    zoom: 1;
    margin-bottom: 38px; }
    .FXManagedOrderCorporateV2 .normal-form .group-inner:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .normal-form .error-msg {
    font-size: 14px;
    line-height: 22px;
    color: #e61e33;
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .normal-form .input-1 {
    font-size: 15px;
    line-height: 28px;
    padding-left: 6px; }
  .FXManagedOrderCorporateV2 .normal-form .label-1 {
    font-size: 15px; }
  .FXManagedOrderCorporateV2 .normal-form .dates-wrap {
    padding: 12px 30px 0 10px; }
  .FXManagedOrderCorporateV2 .normal-form .dates-wrap .input-1 {
    font-size: 14px; }
  .FXManagedOrderCorporateV2 .normal-form .dates-wrap .icon-calendar {
    width: 18px;
    height: 20px;
    position: absolute;
    display: block;
    top: 15px;
    right: 10px;
    cursor: pointer; }
  .FXManagedOrderCorporateV2 .normal-form .dates-wrap .icon-calendar svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0; }
  .FXManagedOrderCorporateV2 .normal-form .select .dk-selected {
    padding-left: 7px; }
  .FXManagedOrderCorporateV2 .normal-form .input-wrap {
    padding: 10px; }
  .FXManagedOrderCorporateV2 .normal-form .input-wrap.focus {
    border-color: #000;
    box-shadow: inset 0 0 0 1px #000; }
  .FXManagedOrderCorporateV2 .normal-form .input-wrap.error {
    border-color: #e61e33;
    box-shadow: inset 0 0 0 1px #e61e33; }
  .FXManagedOrderCorporateV2 .normal-form .hidden-group .plus-minus-btn {
    margin-bottom: 37px; }
  .FXManagedOrderCorporateV2 .normal-form .radio-group-title {
    line-height: 22px;
    color: #808185;
    font-size: 15px;
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .normal-form .normal-form-title {
    font-size: 15px;
    color: #000;
    line-height: 20px;
    margin-bottom: 16px;
    font-weight: 700; }
  .FXManagedOrderCorporateV2 .payment .input-select .select-1 {
    padding: 10px 10px 9px 14px;
    border: 1px solid #d1d1d1; }
  .FXManagedOrderCorporateV2 .payment .input-select .label-1 {
    z-index: 1; }
  .FXManagedOrderCorporateV2 .payment .input-select .dk-selected {
    background: transparent;
    padding-left: 2px; }
  .FXManagedOrderCorporateV2 .payment .input-select .select.dk-select-open-down .dk-select-options {
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    left: -1px;
    right: auto;
    top: 100%;
    margin-top: -1px;
    border: 2px solid #000;
    border-top: 0; }
  .FXManagedOrderCorporateV2 .payment .input-select .select.dk-select-open-down .dk-select-options .dk-option {
    padding: 10px 13px; }
  .FXManagedOrderCorporateV2 .payment .input-select .dk-select.select-1.dk-select-open-down {
    border-color: #000;
    box-shadow: inset 0 0 0 1px #000; }

.FXManagedOrderCorporateV2 {
  /*.box .box_header {
    position: relative;
    padding: 16px 24px 15px;
    border-left: 6px solid var(--uds-font-color);
    @include cf;
    background: var(--uds-base-background);
    margin-bottom: 2px
}*/ }
  .FXManagedOrderCorporateV2 .box.margin {
    margin-bottom: 40px; }
  .FXManagedOrderCorporateV2 .s-widget-body {
    border-top: none; }
  .FXManagedOrderCorporateV2 .box .box-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    margin-bottom: 16px; }
  .FXManagedOrderCorporateV2 .box .box_header .box_header__left, .FXManagedOrderCorporateV2 .box .box_header .box_header__right {
    zoom: 1;
    position: relative;
    float: left;
    padding-right: 45px; }
    .FXManagedOrderCorporateV2 .box .box_header .box_header__left:after, .FXManagedOrderCorporateV2 .box .box_header .box_header__right:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_header .box_header__left h3, .FXManagedOrderCorporateV2 .box .box_header .box_header__right h3 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: var(--uds-font-color);
    text-transform: uppercase;
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_header .box_header__right {
    position: absolute;
    right: -2px;
    padding-right: 0; }
  .FXManagedOrderCorporateV2 .box .box_header .box_header__right .icon {
    width: 32px;
    height: 22px;
    position: relative;
    display: none; }
  .FXManagedOrderCorporateV2 .box .box_header .box_header__right .icon svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .FXManagedOrderCorporateV2 .box .box_body {
    position: relative;
    width: 100%;
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .separator {
    width: -webkit-calc(100% - 48px);
    width: calc(100% - 48px);
    margin: 0 auto;
    height: 1px;
    background: #d5d5d6;
    margin-top: 22px;
    display: block; }
  .FXManagedOrderCorporateV2 .box .box_body .separator.no-margin {
    margin-top: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .separator.full-width {
    width: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__header {
    padding: 24px;
    padding-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__header .part-icon {
    top: 32px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__header .part-info {
    padding-left: 50px; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .box .box_body .box_body__header .part-info {
      padding-left: 0; } }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__header .part-info .big-text {
    font-weight: 700;
    color: var(--uds-font-color);
    font-size: 30px;
    line-height: 36px;
    letter-spacing: -.025em;
    margin-bottom: 0; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .box .box_body .box_body__header .part-info .big-text {
      font-size: 24px;
      line-height: 30px; } }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__header .part-info .small-text {
    font-size: 14px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter {
    padding: 24px;
    padding-bottom: 0;
    background: #feffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #feffff), color-stop(30%, #e9eaea));
    background: linear-gradient(180deg, #feffff 30%, #e9eaea);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feffff",endColorstr="#e9eaea",GradientType=0); }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-account, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-calendar, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-name, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-reference, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-select, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-value {
    float: left;
    zoom: 1;
    position: relative; }
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-account:after, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-calendar:after, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-name:after, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-reference:after, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-select:after, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-value:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-calendar {
    width: 130px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-calendar .icon-calendar {
    width: 18px;
    height: 20px;
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-calendar .icon-calendar svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-value {
    width: 110px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-name {
    width: 190px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-account {
    width: 180px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-reference {
    width: 120px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-select {
    width: 100px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-select.depth-type {
    width: 150px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-wrap {
    padding: 9px 10px 5px;
    margin-right: 16px;
    margin-top: 16px;
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-wrap:last-child {
    margin-right: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-wrap.input-calendar {
    padding: 9px 30px 5px 10px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .label-1 {
    font-size: 15px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .input-1, .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .select-1 {
    font-size: 14px;
    line-height: 22px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .btn-3 {
    width: 60px;
    display: inline-block;
    margin-top: 16px;
    border: none;
    position: relative; }
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .btn-3 svg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      -webkit-transform: scale(0.7);
      transform: scale(0.7); }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .top-wrap {
    position: relative;
    display: block;
    zoom: 1; }
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .top-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  @media only screen and (max-width: 860px) {
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .top-wrap {
      display: none; } }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .bottom-wrap {
    position: relative;
    zoom: 1;
    margin-top: 24px; }
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .bottom-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .bottom-wrap_left {
    float: left;
    padding-top: 59px; }
  @media only screen and (max-width: 1400px) {
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .bottom-wrap_left {
      padding-top: 0;
      padding-bottom: 30px;
      float: none; } }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .bottom-wrap_left.type-2 {
    padding-top: 19px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .bottom-wrap_right {
    float: right;
    max-width: 372px;
    width: 100%; }
  @media only screen and (max-width: 1400px) {
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .bottom-wrap_right {
      float: none; } }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list {
    position: relative;
    width: 100%;
    zoom: 1; }
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list .single-amount {
    position: relative;
    width: 100%;
    zoom: 1; }
    .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list .single-amount:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list .single-amount p {
    margin-bottom: 5px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list .single-amount .info-1 {
    float: left;
    font-size: 15px;
    color: var(--uds-font-color);
    line-height: 20px; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list .single-amount .info-2 {
    float: right;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .box_body__filter .amount-info-list .single-amount.last-child p {
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list {
    position: relative;
    width: 100%;
    z-index: 1; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item {
    border-bottom: 2px solid #f8f8f8;
    zoom: 1;
    box-shadow: 0 4px 4px transparent;
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item .normal-list_item__inner {
    border-left: 6px solid transparent;
    display: block;
    padding: 20px 20px 20px 24px;
    zoom: 1;
    position: relative;
    -webkit-transition: background .6s ease,border .6s ease;
    transition: background .6s ease,border .6s ease; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item .normal-list_item__inner:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item.current .normal-list_item__inner {
    border-left: 6px solid #fee600;
    background: #fffcd8; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item:hover .normal-list_item__inner {
    border-left: 6px solid #fee600;
    -webkit-transition: background .3s ease,border .3s ease;
    transition: background .3s ease,border .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item:hover .normal-list_item__inner .part-icon-arrow .icon {
    -webkit-transform: translateX(40%) rotate(-90deg);
    transform: translateX(40%) rotate(-90deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item:hover .normal-list_item__inner .part-file-type-btns {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item.item-readed .normal-list_item__inner .part-icon .icon {
    background: transparent; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list .normal-list_item.item-readed .normal-list_item__inner .part-content .big-text {
    font-weight: 300; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list.hidden {
    display: none; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-action-btns, .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-content, .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-content.founds {
    float: left;
    overflow: hidden; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-content:not(.founds) {
    max-width: 649px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .normal-list_item {
    cursor: pointer; }
  @media only screen and (max-width: 1300px) {
    .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-float-right {
      padding-top: 10px;
      padding-left: 50px;
      width: 100%; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-float-right .founds {
      text-align: left; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-float-right .part-action-btns {
      float: right; } }
  @media only screen and (max-width: 760px) {
    .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-float-right .part-action-btns {
      width: 100%;
      padding-top: 10px; } }
  @media only screen and (max-width: 680px) {
    .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-float-right {
      padding-left: 0; } }
  @media only screen and (max-width: 480px) {
    .FXManagedOrderCorporateV2 .box .box_body .normal-list.myAccounts .part-float-right .part-action-btns .btn-2 {
      width: 100%;
      max-width: 100%;
      margin-top: 10px;
      margin-right: 0; } }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list.hover-shadow .normal-list_item {
    box-shadow: 0 4px 4px transparent;
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list.hover-shadow .normal-list_item:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-list.hover-shadow .normal-list_item:hover .normal-list_item__inner {
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .part-content {
    position: relative;
    zoom: 1;
    padding: 0 40px 0 50px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-content:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .box .box_body .part-content {
      padding-left: 0;
      padding-right: 30px; } }
  .FXManagedOrderCorporateV2 .box .box_body .part-content p {
    margin-bottom: 0;
    max-width: 825px; }
  .FXManagedOrderCorporateV2 .box .box_body .part-content .big-text {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .part-content .small-text {
    font-size: 14px;
    line-height: 20px;
    color: #808185; }
  .FXManagedOrderCorporateV2 .box .box_body .part-content.founds {
    padding: 0;
    padding-right: 20px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .part-float-left,
  .FXManagedOrderCorporateV2 .box .box_body .part-float-left-wrap {
    float: left;
    zoom: 1; }
    .FXManagedOrderCorporateV2 .box .box_body .part-float-left:after,
    .FXManagedOrderCorporateV2 .box .box_body .part-float-left-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .part-float-right,
  .FXManagedOrderCorporateV2 .box .box_body .part-float-right-wrap {
    float: right;
    zoom: 1; }
    .FXManagedOrderCorporateV2 .box .box_body .part-float-right:after,
    .FXManagedOrderCorporateV2 .box .box_body .part-float-right-wrap:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .part-icon {
    position: absolute;
    top: 20px;
    left: 20px; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .box .box_body .part-icon {
      display: none; } }
  .FXManagedOrderCorporateV2 .box .box_body .part-icon .icon {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    background: #fee600;
    border: 1px solid #cacaca;
    margin-right: 16px;
    margin-top: 4px; }
  .FXManagedOrderCorporateV2 .box .box_body .part-icon .icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #1a1818;
    -webkit-transform: scale(0.6);
    transform: scale(0.6); }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns {
    opacity: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns .btn-4 {
    margin-right: 15px; }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns .btn-4:last-child {
    margin-right: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns .btn-4 .icon.delete {
    background: url(../img/icons/delete.png) no-repeat 50% 50%;
    background-size: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns .btn-4 .icon.upload {
    background: url(../img/icons/upload.png) no-repeat 50% 50%;
    background-size: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns .btn-4 .icon.repeat {
    background: url(../img/icons/repeat.png) no-repeat 50% 50%;
    background-size: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .part-file-type-btns .btn-4 .icon.download {
    background: url(../img/icons/download.png) no-repeat 50% 50%;
    background-size: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .part-calendar {
    position: relative;
    float: left;
    zoom: 1;
    margin-right: 16px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-calendar:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .FXManagedOrderCorporateV2 .box .box_body .part-calendar:last-child {
      margin-right: 0; }
    .FXManagedOrderCorporateV2 .box .box_body .part-calendar .icon-calendar {
      width: 18px;
      height: 20px;
      position: absolute;
      display: block;
      top: 10px;
      right: 10px;
      cursor: pointer; }
      .FXManagedOrderCorporateV2 .box .box_body .part-calendar .icon-calendar svg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0; }
    .FXManagedOrderCorporateV2 .box .box_body .part-calendar .input-wrap {
      padding: 6px 30px 0 10px;
      width: 150px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-calendar .label-1 {
      font-size: 15px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-calendar .select-1 {
      font-size: 14px;
      line-height: 22px; }
  .FXManagedOrderCorporateV2 .box .box_body .part-select {
    float: left;
    width: 150px;
    margin-right: 16px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-select .input-wrap {
      padding: 6px 30px 0 10px;
      width: 150px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-select .label-1 {
      font-size: 15px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-select .input-1 {
      font-size: 14px;
      line-height: 22px; }
  .FXManagedOrderCorporateV2 .box .box_body .part-icon-arrow {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
    .FXManagedOrderCorporateV2 .box .box_body .part-icon-arrow .icon {
      display: block;
      width: 24px;
      height: 24px;
      overflow: hidden;
      position: relative;
      -webkit-transform: translateX(0) rotate(-90deg);
      transform: translateX(0) rotate(-90deg);
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transition: -webkit-transform .3s ease;
      transition: -webkit-transform .3s ease;
      transition: transform .3s ease;
      transition: transform .3s ease,-webkit-transform .3s ease; }
      .FXManagedOrderCorporateV2 .box .box_body .part-icon-arrow .icon svg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        fill: #1a1818;
        -webkit-transform: scale(0.4);
        transform: scale(0.4); }
  .FXManagedOrderCorporateV2 .box .box_body .part-action-btns .btn-2 {
    margin-right: 18px; }
    .FXManagedOrderCorporateV2 .box .box_body .part-action-btns .btn-2:last-child {
      margin-right: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more {
    position: relative;
    width: 100%;
    text-align: center;
    color: #0093ff;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    border: none;
    background: var(--uds-base-background);
    cursor: pointer;
    font-family: amalia,sans-serif; }
  @media only screen and (max-width: 480px) {
    .FXManagedOrderCorporateV2 .box .box_body .show-more {
      font-size: 13px; } }
  .FXManagedOrderCorporateV2 .box .box_body .show-more .icon {
    width: 8px;
    height: 5px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    margin-left: 8px;
    margin-top: -4px;
    vertical-align: middle;
    -webkit-transform: translateY(0) rotate(0deg);
    transform: translateY(0) rotate(0deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -webkit-transform 0.3s ease;
    -ms-transition: -webkit-transform 0.3s ease;
    -o-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more .icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: #0093ff; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more:hover .icon {
    -webkit-transform: translateY(40%) rotate(0deg);
    transform: translateY(40%) rotate(0deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more .close-text {
    display: none;
    text-decoration: none; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more .open-text {
    text-decoration: none;
    display: inline-block; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more.open .icon {
    -webkit-transform: translateY(0) rotate(180deg);
    transform: translateY(0) rotate(180deg);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more.open .close-text {
    display: inline-block;
    text-decoration: none; }
  .FXManagedOrderCorporateV2 .box .box_body .show-more.open .open-text {
    text-decoration: none;
    display: none; }
  .FXManagedOrderCorporateV2 .box .box_body .table-title {
    width: 100%;
    position: relative;
    padding: 40px 24px 16px; }
  .FXManagedOrderCorporateV2 .box .box_body .table-title h3 {
    font-size: 15px;
    color: var(--uds-font-color);
    font-family: amalia,sans-serif;
    font-weight: 700;
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-2 .normal-table-overscroll thead tr th:first-child {
    padding-left: 71px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-2 .normal-table-overscroll thead tr th:nth-child(3) {
    padding-left: 24px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-2 .normal-table-overscroll thead tr th:nth-child(4) {
    padding-right: 24px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-2 .normal-table-overscroll thead tr th:nth-child(5) {
    padding-right: 20px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-2 .normal-table-overscroll .cell-user-letter {
    margin-top: -6px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-2 .normal-table-overscroll .amount {
    font-weight: 300; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-2 .normal-table-overscroll .amount.bold {
    font-weight: 700; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll thead tr th:first-child {
    padding-left: 27px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll thead tr th:nth-child(3) {
    padding-left: 24px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll thead tr th:nth-child(4) {
    padding-right: 32px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll thead tr th:nth-child(5) {
    padding-right: 28px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr td .part-checkbox, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll thead tr th .part-checkbox {
    margin-right: 22px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr td:first-child {
    min-width: 175px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr td:first-child .cell-date-description p {
    font-size: 15px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr td:last-child {
    min-width: 200px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr td:last-child .status {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr td:last-child .part-file-type-btns {
    position: absolute;
    margin-top: -11px;
    margin-left: -24px;
    -webkit-transform: translateY(20%);
    transform: translateY(20%); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr:hover td:last-child .status, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr td:last-child .part-file-type-btns {
    opacity: 0;
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr:hover td:last-child .status {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll tbody tr:hover td:last-child .part-file-type-btns {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll .cell-user-letter {
    margin-top: -6px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll .amount {
    font-weight: 300; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-3 .normal-table-overscroll .amount.bold {
    font-weight: 700; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-4 {
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-4 .normal-table-overscroll thead tr th:last-child {
    padding-right: 32px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-4 .normal-table-overscroll tbody tr td:first-child {
    min-width: 150px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-4 .normal-table-overscroll tbody tr td:first-child .cell-date-description p {
    font-size: 15px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-4 .normal-table-overscroll tbody tr td:nth-child(2) {
    min-width: 170px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-4 .normal-table-overscroll tbody tr td:nth-child(3) .status {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-4 .normal-table-overscroll tbody tr td:last-child {
    min-width: 170px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 {
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll thead tr th:first-child {
    padding-left: 27px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll thead tr th:nth-child(3) {
    padding-left: 24px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll thead tr th:nth-child(4) {
    padding-right: 32px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll thead tr th:nth-child(5) {
    padding-right: 28px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll thead tr th:nth-child(6) {
    padding-right: 42px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:first-child p {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:first-child .cell-date-description p {
    font-size: 15px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(4) {
    width: 220px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(5) p {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(5), .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(6) {
    width: 200px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(5) .amount, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(5) .status, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(6) .amount, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(6) .status {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(5) .part-file-type-btns, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(6) .part-file-type-btns {
    position: absolute;
    width: auto;
    margin-top: -11px;
    right: 20px;
    opacity: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(5) .part-file-type-btns .btn-4, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr td:nth-child(6) .part-file-type-btns .btn-4 {
    width: auto; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr:hover td:nth-child(5) .amount, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr:hover td:nth-child(5) .status, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr:hover td:nth-child(6) .amount, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr:hover td:nth-child(6) .status {
    opacity: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr:hover td:nth-child(5) .part-file-type-btns, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll tbody tr:hover td:nth-child(6) .part-file-type-btns {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll .cell-user-letter {
    margin-top: -6px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll .amount {
    font-weight: 300; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-5 .normal-table-overscroll .amount.bold {
    font-weight: 700; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll table {
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll thead tr th {
    white-space: nowrap;
    text-align: left;
    padding-left: 20px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll thead tr th:first-child {
    padding-left: 25px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll thead tr th:last-child {
    text-align: right;
    padding-right: 33px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr {
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td {
    padding-left: 25px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:first-child {
    padding-left: 25px;
    width: 170px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:nth-child(2) {
    padding-left: 45px;
    width: 170px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:nth-child(3) {
    padding-left: 20px;
    width: 232px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:nth-child(3) p {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:nth-child(4) {
    padding-left: 20px;
    width: 232px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:nth-child(4) p {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:nth-child(5) {
    padding-left: 20px;
    width: 232px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:nth-child(5) p {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-6 .normal-table-overscroll tbody tr td:last-child {
    text-align: right;
    padding-right: 23px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 {
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th {
    white-space: normal;
    text-align: left;
    padding-left: 14px;
    padding-right: 14px;
    line-height: 14px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:first-child {
    padding-left: 25px;
    width: 201px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(2) {
    width: 115px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(5) {
    width: 135px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(6) {
    padding-right: 33px;
    width: 120px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(6):after {
    right: 8px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(6) p {
    text-align: left;
    margin-bottom: 0;
    float: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(7) {
    text-align: left;
    width: 100px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(8) {
    padding-right: 33px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(8):after {
    right: 8px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(8) p {
    text-align: left;
    margin-bottom: 0;
    float: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:nth-child(9) {
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll thead tr th:last-child {
    text-align: left;
    padding-right: 33px;
    width: 106px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll tbody tr td {
    padding-left: 14px;
    padding-right: 14px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll tbody tr td p {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll tbody tr td:nth-child(6) {
    padding-right: 12px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll tbody tr td:nth-child(7) {
    padding-left: 12px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll tbody tr td:nth-child(8) p {
    text-align: right;
    float: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-7 .normal-table-overscroll tbody tr td:last-child p {
    text-transform: uppercase; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 thead tr th:first-child {
    width: 100%;
    padding-left: 24px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 tbody tr td {
    padding: 13px 20px 13px 24px;
    position: relative;
    zoom: 1; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 tbody tr td:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 tbody tr td .fileType {
    position: relative;
    float: left;
    width: 70%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 tbody tr td .table-cta-wrap {
    position: absolute;
    width: 30%;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 tbody tr td .table-cta-wrap .table-cta {
    position: relative; }
  @media only screen and (max-width: 768px) {
    .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 tbody tr td .table-cta-wrap .table-cta {
      opacity: 1;
      visibility: visible;
      background: transparent; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-8 tbody tr td .table-cta-wrap .table-cta .btn-4 {
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll table {
    min-width: 768px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll thead tr th:first-child {
    padding-left: 27px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll thead tr th:nth-child(3) {
    padding-left: 24px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll thead tr th:nth-child(4) {
    padding-right: 32px;
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll thead tr th:nth-child(5) {
    padding-right: 28px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td .part-checkbox, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll thead tr th .part-checkbox {
    margin-right: 22px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td .status {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:first-child {
    min-width: 175px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:first-child .cell-date-description p {
    font-size: 15px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:last-child {
    min-width: 200px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:last-child .status {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:last-child .part-file-type-btns, .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:last-child .status {
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:last-child .part-file-type-btns {
    right: 24px;
    position: absolute;
    margin-top: -11px;
    margin-left: -24px;
    opacity: 0;
    -webkit-transform: translateY(20%);
    transform: translateY(20%); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:last-child .part-file-type-btns .btn-4 {
    width: 115px; }
  @media only screen and (max-width: 1000px) {
    .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr td:last-child .part-file-type-btns {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll tbody tr:hover td:last-child .part-file-type-btns {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll .cell-user-letter {
    margin-top: -6px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll .amount {
    font-weight: 300; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-9 .normal-table-overscroll .amount.bold {
    font-weight: 700; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-10 .normal-table-overscroll table {
    background: #fff; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-10 .normal-table-overscroll table thead tr th {
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-10 .normal-table-overscroll table thead tr th:first-child {
    width: 270px;
    padding-left: 24px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-10 .normal-table-overscroll table thead tr th:nth-child(2) {
    width: 440px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-10 .normal-table-overscroll table thead tr th:last-child {
    padding-left: 24px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-10 .normal-table-overscroll table tbody tr td {
    text-align: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table.type-10 .normal-table-overscroll table tbody tr td .status {
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options {
    margin-top: 15px;
    position: relative;
    width: 100%;
    margin-bottom: 40px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options.last {
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li {
    position: relative;
    zoom: 1;
    background: #f8f8f8;
    margin-bottom: 2px;
    border-left: 6px solid transparent;
    box-shadow: 0 4px 4px transparent;
    -webkit-transition: box-shadow .4s ease,border .4s ease;
    transition: box-shadow .4s ease,border .4s ease; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li:hover {
    border-left: 6px solid #fee600;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow .4s ease,border .4s ease;
    transition: box-shadow .4s ease,border .4s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li:hover .icon-right {
    -webkit-transform: translateY(-50%) translateX(30%);
    transform: translateY(-50%) translateX(30%);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a {
    display: block;
    overflow: hidden;
    padding: 29px 50px 31px 72px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left {
    position: absolute;
    background: var(--uds-base-background);
    overflow: hidden;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    left: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left i.delete {
    background: url(../img/icons/delete.png) no-repeat 50% 50%;
    background-size: 60%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left i.upload {
    background: url(../img/icons/upload.png) no-repeat 50% 50%;
    background-size: 60%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left i.repeat {
    background: url(../img/icons/repeat.png) no-repeat 50% 50%;
    background-size: 60%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left i.download {
    background: url(../img/icons/download.png) no-repeat 50% 50%;
    background-size: 60%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-left i.file {
    background: url(../img/icons/file.png) no-repeat 50% 50%;
    background-size: 60%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-right {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 24px;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease,-webkit-transform .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .icon-right svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: scale(0.5) rotate(-90deg);
    transform: scale(0.5) rotate(-90deg); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .options-text {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: var(--uds-font-color);
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-form-list-options li a .size {
    line-height: 22px;
    font-size: 15px;
    color: #808185;
    margin-bottom: 0; }
  @media only screen and (min-width: 480px) {
    .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll::-webkit-scrollbar {
      width: 5px !important;
      -webkit-appearance: none; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll {
      scrollbar-width: thin;
      scrollbar-color: rgba(58, 59, 63, 0.26) #f0f1f1; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll::-webkit-scrollbar-track {
      background: #f0f1f1; }
    .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll::-webkit-scrollbar-thumb {
      background-color: rgba(58, 59, 63, 0.26);
      border-radius: 12px;
      border: 3px solid #f0f1f1; } }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll {
    position: relative;
    width: 100%;
    border-top: 1px solid #fff;
    overflow-x: auto;
    z-index: 1; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll.order-filter thead tr th {
    cursor: pointer;
    position: relative; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll.order-filter thead tr th:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 8px;
    margin-left: 8px;
    margin-top: 3px;
    background: url(../img/icons/order-icon.png) no-repeat;
    background-size: contain; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll.order-filter thead tr th.hidden-filter:after {
    display: none; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll.order-filter.center-filter-icons thead th:after {
    margin-top: -9px;
    top: 50%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll.table-width-2 table {
    min-width: 734px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll table {
    position: relative;
    width: 100%;
    min-width: 1170px;
    margin-bottom: 3px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll thead {
    background: #e9eaea; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll thead tr th {
    padding: 13px;
    font-size: 11px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    text-align: left;
    font-family: amalia,sans-serif; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll thead tr th:first-child {
    padding-left: 71px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll thead tr th:nth-child(2) {
    padding-left: 24px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll thead tr th:nth-child(3) {
    padding-right: 24px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll thead tr th:nth-child(4) {
    padding-right: 20px;
    text-align: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll tbody tr {
    cursor: pointer;
    box-shadow: 0 4px 4px transparent;
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll tbody tr:hover {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow .4s ease;
    transition: box-shadow .4s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll tbody tr:hover td:first-child {
    border-left: 6px solid #fee600;
    -webkit-transition: border .3s ease;
    transition: border .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll tbody tr td {
    padding: 21px 20px 21px 24px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll tbody tr td p {
    margin-bottom: 0; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll tbody tr td:first-child {
    border-left: 6px solid transparent;
    -webkit-transition: border .3s ease;
    transition: border .3s ease; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .cell-user-letter {
    width: 32px;
    height: 32px;
    float: left;
    position: relative;
    text-align: center;
    border: 1px solid #cacaca;
    border-radius: 50%;
    overflow: hidden;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 30px;
    margin-right: 15px;
    font-size: 14px;
    margin-top: 4px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .cell-user-letter.bank {
    background: #fee600; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .cell-user-letter.bank span {
    display: none; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .cell-user-letter.bank svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transform: scale(0.5);
    transform: scale(0.5); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .cell-date-description {
    position: relative;
    float: left; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .cell-date-description .description {
    font-size: 15px;
    line-height: 20px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .cell-date-description .date {
    font-size: 14px;
    line-height: 20px;
    color: #808185; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .account-num, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .card-num, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .transaction-info {
    font-size: 15px;
    line-height: 20px;
    color: var(--uds-font-color);
    text-transform: uppercase; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .text-1 {
    font-size: 15px;
    line-height: 20px;
    color: #2b2d33; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .amount {
    position: relative;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: #000;
    float: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .amount.up {
    padding-right: 25px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .amount.up:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 5px;
    border-color: transparent transparent #35b37f;
    border-radius: 4px;
    right: 0;
    top: 7px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .amount.down {
    padding-right: 25px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .amount.down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 4px 0;
    border-color: #e61e32 transparent transparent;
    border-radius: 4px;
    right: 0;
    top: 7px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .status {
    font-size: 15px;
    line-height: 20px;
    color: #000;
    float: right; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .not-paid {
    padding-right: 20px;
    position: relative; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .not-paid:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background: #e61e33;
    margin-left: 20px;
    top: 50%;
    margin-top: -5px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType {
    position: relative;
    display: inline-block; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark p, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType p {
    text-transform: uppercase;
    color: var(--uds-font-color);
    font-size: 15px;
    font-weight: 700;
    float: left;
    margin-left: 24px;
    padding-top: 2px; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon {
    height: 24px;
    width: 24px;
    float: left;
    background: var(--uds-base-background);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: relative; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-euro, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-euro {
    background: url(../img/icons/eu.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-usa, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-usa {
    background: url(../img/icons/usa.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-chf, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-chf {
    background: url(../img/icons/swis.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-gbp, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-gbp {
    background: url(../img/icons/uk.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-aud, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-aud {
    background: url(../img/icons/aus.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-rub, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-rub {
    background: url(../img/icons/rus.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-sek, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-sek {
    background: url(../img/icons/swe.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-cad, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-cad {
    background: url(../img/icons/can.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-dkk, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-dkk {
    background: url(../img/icons/den.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-jpy, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-jpy {
    background: url(../img/icons/jap.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .currencyMark .icon .icon-nok, .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-nok {
    background: url(../img/icons/nor.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType {
    display: block; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon {
    width: 32px;
    height: 32px;
    background: #f8f8f8;
    border: none;
    box-shadow: none; }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-file {
    background: url(../img/icons/file.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.65);
    transform: scale(0.65); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType .icon .icon-link {
    background: url(../img/icons/link.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0.55);
    transform: scale(0.55); }
  .FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll .fileType p {
    text-transform: none;
    color: var(--uds-font-color);
    font-size: 15px;
    font-weight: 300;
    float: left;
    margin-left: 24px;
    padding-top: 6px; }
  .FXManagedOrderCorporateV2 .box .box_body .table-pagination {
    position: relative;
    width: 100%;
    padding: 10px;
    zoom: 1; }
    .FXManagedOrderCorporateV2 .box .box_body .table-pagination:after {
      display: block;
      visibility: hidden;
      height: 0;
      clear: both;
      content: "."; }
    .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_left {
      position: relative;
      float: left;
      zoom: 1;
      padding: 11px 14px; }
      .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_left:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: "."; }
      .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_left p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 20px;
        color: #808185; }
    .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_right {
      position: relative;
      float: right;
      zoom: 1; }
      .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_right:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: "."; }
      .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_right .icon {
        width: 40px;
        height: 40px;
        border: 1px solid #cacaca;
        position: relative;
        float: left;
        cursor: pointer; }
        .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_right .icon:hover {
          background: #f8f8f8; }
        .FXManagedOrderCorporateV2 .box .box_body .table-pagination .table-pagination_right .icon.prev {
          margin-right: 10px; }
  .FXManagedOrderCorporateV2 .normal-form.padding {
    padding: 45px 40px; }
  @media only screen and (max-width: 1400px) {
    .FXManagedOrderCorporateV2 .normal-form.padding {
      padding: 45px 20px; } }
  .FXManagedOrderCorporateV2 .normal-form.exchange-single-col {
    max-width: 540px;
    margin: 0 auto;
    padding: 45px 0 45px 70px; }
  @media only screen and (max-width: 1300px) {
    .FXManagedOrderCorporateV2 .normal-form.exchange-single-col {
      padding: 45px 16px 45px 70px; } }
  @media only screen and (max-width: 480px) {
    .FXManagedOrderCorporateV2 .normal-form.exchange-single-col {
      padding: 45px 20px; } }
  .FXManagedOrderCorporateV2 .normal-form.exchange-single-col .info-msg {
    max-width: 596px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 20px;
    color: var(--uds-font-color);
    padding-right: 50px;
    display: table; }
  .FXManagedOrderCorporateV2 .normal-form.padding-2 {
    padding: 45px 40px 28px; }
  .FXManagedOrderCorporateV2 .normal-form .single-currency-group.rsd-only {
    display: none;
    visibility: hidden; }
  .FXManagedOrderCorporateV2 .normal-form .single-currency-group.rsd-only.active {
    display: block;
    visibility: visible; }
  .FXManagedOrderCorporateV2 .custom-tab {
    display: none; }
  .FXManagedOrderCorporateV2 .custom-tab.active {
    display: block; }
  .FXManagedOrderCorporateV2 .list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f8f8f8;
    min-height: 60px;
    padding: 10px 24px;
    margin-bottom: 2px; }
  .FXManagedOrderCorporateV2 .list-item.description {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .FXManagedOrderCorporateV2 .list-item.description .value {
    max-width: 70%;
    text-align: right;
    white-space: normal;
    overflow: hidden;
    text-overflow: clip; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .list-item.description .value {
      text-align: left; } }
  .FXManagedOrderCorporateV2 .list-item.description-2 {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start; }
  .FXManagedOrderCorporateV2 .list-item.description-2 .value {
    max-width: 70%;
    text-align: right;
    white-space: normal;
    overflow: hidden;
    text-overflow: clip; }
  .FXManagedOrderCorporateV2 .list-item.description-2 .value span {
    font-weight: 300; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .list-item.description-2 .value {
      text-align: left;
      max-width: 100%;
      word-break: break-all; }
    .FXManagedOrderCorporateV2 .list-item.description-2 .value span {
      word-break: break-word; } }
  .FXManagedOrderCorporateV2 .list-item.textarea {
    display: block; }
  .FXManagedOrderCorporateV2 .list-item.textarea .key {
    margin-bottom: 14px; }
  .FXManagedOrderCorporateV2 .list-item.textarea .value {
    max-width: 100%;
    text-align: left;
    white-space: normal;
    overflow: hidden;
    text-overflow: clip; }
  .FXManagedOrderCorporateV2 .list-item.color-1 {
    background: #fffcd8; }
  .FXManagedOrderCorporateV2 .list-item.time-counter .icon-stopwatch {
    width: 18px;
    height: 20px;
    background: url(images/icons/stopwatch.png) no-repeat 50% 50%;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px; }
  .FXManagedOrderCorporateV2 .list-item.time-counter p {
    text-transform: uppercase;
    font-weight: 700;
    color: var(--uds-font-color);
    font-size: 15px;
    padding-left: 32px;
    position: relative;
    display: table;
    margin: 0 auto;
    padding-top: 5px;
    padding-bottom: 5px; }
  @media only screen and (max-width: 360px) {
    .FXManagedOrderCorporateV2 .list-item.time-counter p {
      font-size: 4vw;
      padding-left: 32px; } }
  .FXManagedOrderCorporateV2 .time-counter p.blinking {
    -webkit-animation: b 1.2s infinite;
    animation: b 1.2s infinite; }

@-webkit-keyframes b {
  0% {
    opacity: 1; }
  49% {
    opacity: 1; }
  60% {
    opacity: 0; }
  99% {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes b {
  0% {
    opacity: 1; }
  49% {
    opacity: 1; }
  60% {
    opacity: 0; }
  99% {
    opacity: 0; }
  to {
    opacity: 1; } }
  .FXManagedOrderCorporateV2 .list-item.time-counter p span {
    display: inline-block; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .list-item.time-counter {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .list-item {
      display: block; } }
  .FXManagedOrderCorporateV2 .list-item span {
    display: inline-block; }
  @media screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .list-item span {
      display: block; } }
  .FXManagedOrderCorporateV2 .list-item .key {
    font-size: 15px;
    line-height: 20px;
    color: #808185; }
  .FXManagedOrderCorporateV2 .list-item .value {
    max-width: 50%;
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: var(--uds-font-color);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  @media only screen and (max-width: 600px) {
    .FXManagedOrderCorporateV2 .list-item .value {
      max-width: 100%; } }
  .FXManagedOrderCorporateV2 .list-item .value.strong {
    font-size: 20px; }
  .FXManagedOrderCorporateV2 .box_body .box-body_tabs.type-2 .tab {
    width: 180px;
    text-align: center; }
  .FXManagedOrderCorporateV2 .currencyCode-wrap.menjacnica {
    padding: 0;
    padding-top: 10px; }
  .FXManagedOrderCorporateV2 .currencySellCode-wrap.menjacnica {
    padding: 6px 0; }
  .FXManagedOrderCorporateV2 .normal-form .custom-select-wrap .custom-select ul.big {
    width: calc(100% + 18px);
    left: -11px; }

.single-btn .btn-1 {
  position: relative;
  float: right;
  width: 230px;
  padding: 10px 15px 10px 54px; }
  .single-btn .btn-1:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 15px;
    background-image: url(images/icons/ico_download.png);
    background-repeat: no-repeat;
    background-position: center; }

.ForeignPredefinedUsersCorporateV2 .normal-table-overscroll tbody tr td:first-child {
  width: 560px; }

.normal-table-overscroll.sortable th, .udsWidget .sortable th {
  cursor: pointer; }
  .normal-table-overscroll.sortable th .customSort, .udsWidget .sortable th .customSort {
    position: relative; }
    .normal-table-overscroll.sortable th .customSort .sort-indicator, .udsWidget .sortable th .customSort .sort-indicator {
      position: absolute;
      top: 0;
      right: 0; }
    .normal-table-overscroll.sortable th .customSort .title-right, .udsWidget .sortable th .customSort .title-right {
      padding-right: 24px; }

.DomesticOrderReportCorporateV2 .s-widget-body, .ForeignOrderReportCorporateV2 .s-widget-body, .CommissionsCorporateV2 .s-widget-body {
  overflow: inherit; }

.side-menu .mCS_no_scrollbar .mCSB_inside > .mCSB_container {
  margin-right: 0px !important; }

.showPagination {
  height: 58px; }

.DownloadDocumentCorporate .sort-indicator {
  position: relative !important;
  display: inline-block;
  margin-left: 20px;
  top: 4px !important; }

.ForeignPayment .input-wrap.year .validationMessage {
  white-space: nowrap;
  overflow: visible;
  left: 0px; }

.ForeignPayment .input-wrap.contract-num .validationMessage {
  left: 0px; }

.userinfo.lc, .main-menu.lc {
  display: none !important; }

.commisionDetailGrid .side-modal .ui-icon {
  width: 20px;
  height: 20px; }

.gvCommissionDetail thead tr td:nth-child(2), .gvCommissionDetail thead tr td:nth-child(3), .gvCommissionDetail thead tr td:nth-child(4), .gvCommissionDetail thead tr td:nth-child(5) {
  padding-left: 20px; }

.gvCommissionDetail tbody tr td:nth-child(2), .gvCommissionDetail tbody tr td:nth-child(3), .gvCommissionDetail tbody tr td:nth-child(4), .gvCommissionDetail tbody tr td:nth-child(5) {
  padding-left: 20px; }

.gvCommissionDetail .clientGridPager {
  background: var(--uds-base-background); }

.inflowAccount .modal-inner-content {
  padding: 40px; }

.commisionDetailGrid .btn-1:hover {
  background: var(--uds-base-background); }

.commisionDetailGrid div .pagerButton.next {
  right: 10px !important; }

.commisionDetailGrid div .pagerButton.prev {
  right: 60px !important; }

.currencyReadOnlyDiv:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0;
  border-color: #000 transparent transparent;
  position: absolute;
  top: 44%;
  right: 15px; }

/*#region P2P*/
.P2PPaymentTransfer {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto; }
  .P2PPaymentTransfer .s-widget-body {
    overflow-x: hidden;
    min-height: 780px; }
  .P2PPaymentTransfer .select-1.type-2 {
    font-size: 18px;
    font-weight: 700; }
    .P2PPaymentTransfer .select-1.type-2 .dk-option {
      font-weight: normal;
      font-size: 16px; }
  .P2PPaymentTransfer .p2pConfirmation {
    padding: 50px; }
    .P2PPaymentTransfer .p2pConfirmation img {
      max-width: 100%; }
    .P2PPaymentTransfer .p2pConfirmation p a {
      color: #0095c9;
      text-decoration: underline;
      cursor: pointer; }
  .P2PPaymentTransfer .validationMessage {
    margin-top: 18px; }

/*#endregion P2P*/
.custom-select .validationMessage {
  margin-left: -10px;
  padding-top: 7px; }

.disableSwift {
  pointer-events: none; }

.uppercase {
  text-transform: uppercase; }

.credit-detail .modal-body-list-options .icon-left {
  content: "";
  width: 24px;
  height: 24px;
  position: absolute;
  top: 34%;
  left: 8px;
  background-image: url(images/icons/ico_download.png);
  background-repeat: no-repeat;
  background-position: center; }

.dpResident {
  font-size: 15px;
  line-height: 22px;
  text-align: left;
  color: #808185; }

.icon-eye {
  content: "";
  width: 24px;
  height: 17px;
  position: absolute;
  top: 36%;
  background-image: url(images/icons/icon-eye_w.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  right: 10px; }

.icon-eye.active {
  background-image: url(images/icons/icon-eye_r.png) !important; }

.ProfileData .email {
  display: inline-flex;
  width: 100%;
  position: relative;
  padding: 20px 0px;
  border-bottom: 2px solid #efefef; }
  .ProfileData .email .icon-message-1 {
    width: 20%;
    background-repeat: no-repeat;
    height: 40px;
    display: block;
    background-position: center;
    background-size: 20px;
    cursor: pointer; }
  .ProfileData .email .title {
    width: 50%; }
    .ProfileData .email .title .title-mail {
      font-weight: bold; }

.ProfileData .no-email {
  padding: 20px;
  text-align: center;
  border: 2px solid #efefef;
  width: 50%;
  margin: 40px auto; }

.ProfileData .button-newEmail {
  width: 100%;
  text-align: center;
  padding: 20px 0px; }
  .ProfileData .button-newEmail > a {
    width: 30%; }

.ProfileData .data {
  width: 50%;
  min-width: 600px;
  margin: 50px auto; }
  .ProfileData .data .title {
    display: block;
    font-weight: bold;
    margin: 0 0 30px 0; }
  .ProfileData .data .row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    border-bottom: solid 2px rgba(0, 0, 0, 0.16); }
    .ProfileData .data .row > span:nth-child(odd) {
      color: var(--uds-font-color); }
    .ProfileData .data .row > span:nth-child(even) {
      font-weight: bold; }
      .ProfileData .data .row > span:nth-child(even) > svg {
        cursor: pointer;
        margin-left: 15px;
        top: 2px; }
      .ProfileData .data .row > span:nth-child(even) > svg:hover > path {
        fill: #D7424B; }
  .ProfileData .data .bigRow {
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
    gap: 5px;
    border-bottom: solid 2px #efefef; }
    .ProfileData .data .bigRow > span:nth-child(odd) {
      color: var(--uds-font-color); }
    .ProfileData .data .bigRow > span:nth-child(even) {
      font-weight: bold;
      font-size: 1.2em; }
  .ProfileData .data .button-newEmail {
    width: 100%;
    text-align: left;
    padding: 20px 0px;
    color: #5f88f9;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px; }
  .ProfileData .data .button-newEmail:hover > svg > path {
    fill: #2748a7; }
  .ProfileData .data .button-newEmail:hover > span {
    color: #2748a7; }

.newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .text-1 {
  font-size: 14px;
  color: black;
  margin: 20px 0; }

.newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .blue-popup {
  background: #0092ff;
  border-radius: 10px;
  margin: 40px 0;
  padding: 10px 5px;
  text-align: center;
  color: white;
  font-size: 14px; }

.newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .input-email {
  margin: 20px 0px; }
  .newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .input-email > label:before {
    background-color: #f8f8f8; }

.newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .input-with-delete {
  display: inline-flex;
  width: 100%; }
  .newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .input-with-delete .input-wrap {
    width: 80%; }
  .newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .input-with-delete .validationMessage {
    right: 2%;
    position: absolute; }
  .newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .input-with-delete > span {
    width: 20%;
    margin: 20px 0px; }
    .newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .input-with-delete > span .ui-icon-close {
      width: 24px;
      height: 24px;
      position: relative;
      top: 10px;
      background: url(images/icons/ico_obrisi.png);
      background-repeat: no-repeat;
      display: block;
      margin: 0 auto;
      cursor: pointer; }

.newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .add-email-input > span {
  color: #0092ff;
  font-size: 16px;
  cursor: pointer; }

.newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .add-email-input .plus {
  background: #0092ff;
  color: white;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  font-size: 18px;
  margin: 0 auto; }

.newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .side-bottom {
  display: flex; }
  .newEmailAdd .ui-dialog-content .side-modal-wrapper .side-modal .modal-body .side-bottom > a {
    margin: 70px 10px; }

.PopUpDeleteAcc {
  width: 98%;
  max-width: 470px;
  height: auto;
  background: var(--uds-base-background);
  border-top: 5px solid #fee600;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.3);
  padding: 36px 40px 40px; }
  .PopUpDeleteAcc .ui-dialog-titlebar {
    display: block; }
  .PopUpDeleteAcc .ui-dialog-buttonpane {
    margin-top: 40px !important; }

.PopupDeleteEmail,
.PopupAddEmail {
  background: white !important;
  opacity: 1 !important; }
  .PopupDeleteEmail .popup-inner .popup-body > span,
  .PopupAddEmail .popup-inner .popup-body > span {
    font-size: 14px; }
  .PopupDeleteEmail .popup-inner .email-body > span,
  .PopupAddEmail .popup-inner .email-body > span {
    font-size: 14px; }
  .PopupDeleteEmail .popup-inner .email-body .email-list,
  .PopupAddEmail .popup-inner .email-body .email-list {
    display: flex;
    padding: 10px 5px; }
    .PopupDeleteEmail .popup-inner .email-body .email-list .email-index,
    .PopupAddEmail .popup-inner .email-body .email-list .email-index {
      font-size: 14px;
      color: gray;
      width: 50%; }
    .PopupDeleteEmail .popup-inner .email-body .email-list > span,
    .PopupAddEmail .popup-inner .email-body .email-list > span {
      font-weight: bold;
      font-size: 14px; }
  .PopupDeleteEmail .popup-inner .email-body > div .email-list,
  .PopupAddEmail .popup-inner .email-body > div .email-list {
    display: flex;
    padding: 10px 5px; }
    .PopupDeleteEmail .popup-inner .email-body > div .email-list .email-index,
    .PopupAddEmail .popup-inner .email-body > div .email-list .email-index {
      font-size: 14px;
      color: gray;
      width: 50%; }
    .PopupDeleteEmail .popup-inner .email-body > div .email-list > span,
    .PopupAddEmail .popup-inner .email-body > div .email-list > span {
      font-weight: bold;
      font-size: 14px; }
  .PopupDeleteEmail .popup-inner .popup-button,
  .PopupAddEmail .popup-inner .popup-button {
    display: flex; }
    .PopupDeleteEmail .popup-inner .popup-button > a,
    .PopupAddEmail .popup-inner .popup-button > a {
      margin: 20px 20px; }

#messageBoxElement > strong {
  font-weight: bold; }

.dropzone-wrap {
  position: absolute;
  width: calc(100% - 90px);
  margin: 40px;
  border: 5px dashed #E9EAEA;
  border-radius: 20px;
  min-height: 220px;
  display: flex; }
  .dropzone-wrap .info-placeholder {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    position: relative; }
    .dropzone-wrap .info-placeholder .icon {
      width: 48px;
      height: 48px;
      display: inline-block;
      background: url(images/icons/upload.png) no-repeat 50% 50%;
      background-size: 100%;
      position: absolute;
      left: 50%;
      margin-left: -24px;
      top: 55px; }
    .dropzone-wrap .info-placeholder p {
      margin-bottom: 0;
      margin-top: 40px;
      font-size: 15px;
      color: var(--uds-font-color);
      line-height: 22px;
      font-weight: 700;
      text-align: center; }
      .dropzone-wrap .info-placeholder p span {
        font-weight: 400;
        color: #808185; }

.payment-documentation {
  background-color: #FFFFFF;
  min-height: 300px;
  position: relative;
  display: inline-block;
  width: 100% !important; }

#documents table {
  width: 100%;
  border-spacing: 0px !important; }
  #documents table tbody tr {
    display: flex;
    flex-direction: column; }

#documents .newPaymentFileForm #file {
  min-height: 300px;
  cursor: pointer;
  opacity: 0; }

#documents .newPaymentFileForm .inside-input {
  margin: 40px;
  border: 5px dashed #E9EAEA;
  border-radius: 20px; }

#documents #files li {
  width: unset;
  padding: 20px;
  border-bottom: 3px solid #F8F8F8;
  position: relative; }
  #documents #files li:first-child {
    border-top: 3px solid #F8F8F8; }
  #documents #files li span {
    font-weight: bold;
    font-size: 12px;
    margin-left: 40px; }
  #documents #files li button {
    text-transform: uppercase;
    font-size: 13px !important;
    font: inherit;
    text-align: end;
    background-image: url(images/icons/ico_obrisi.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 11px 50%;
    background-size: 12px;
    cursor: pointer;
    vertical-align: middle;
    width: 85px;
    padding: 6px 9px 6px 9px;
    bottom: 25%;
    border-width: 2px;
    position: absolute;
    float: right;
    right: 10px; }

#documents .uploadButton {
  text-transform: uppercase;
  font-size: 13px !important;
  font: inherit;
  text-align: end;
  background-image: url(images/icons/upload.png);
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  background-size: 20px;
  cursor: pointer;
  vertical-align: middle;
  width: max-content;
  padding: 2px 9px 0px 23px;
  bottom: 25%;
  border-width: 2px;
  margin: 2% auto;
  display: block;
  text-align: center;
  font-weight: bold; }

.docs-second-step {
  position: relative;
  zoom: 1;
  background: #F8F8F8;
  margin-bottom: 2px;
  border-left: 6px solid transparent;
  box-shadow: 0 4px 4px transparent;
  -webkit-transition: box-shadow .4s ease, border .4s ease;
  transition: box-shadow .4s ease, border .4s ease;
  display: flex;
  overflow: hidden;
  padding: 29px 50px 31px 72px; }
  .docs-second-step:hover {
    border-left: 6px solid #FEE600;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
    -webkit-transition: box-shadow .4s ease, border .4s ease;
    transition: box-shadow .4s ease, border .4s ease; }
  .docs-second-step .left-icon {
    background-image: none !important;
    margin-left: 6px;
    margin-right: 6px;
    position: absolute;
    background: var(--uds-base-background);
    overflow: hidden;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    left: 24px;
    top: 50%;
    transform: translateY(-50%); }
    .docs-second-step .left-icon .file {
      background: url(images/icons/file.png) no-repeat 50% 50%;
      background-size: 60%;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  .docs-second-step .right-icon {
    background-image: none !important;
    position: absolute;
    width: 24px;
    height: 24px;
    right: 24px;
    top: 50%;
    transform: translateY(-50%) translateX(0);
    transition: transform .3s ease,-webkit-transform .3s ease; }
    .docs-second-step .right-icon .file {
      background: url(images/icons/arrow-b-right.png) no-repeat 50% 50%;
      background-size: 60%;
      position: absolute;
      left: 0;
      top: 0;
      width: 63%;
      height: 100%; }
  .docs-second-step .text-file .top-text {
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    color: var(--uds-font-color);
    margin-bottom: 0; }
  .docs-second-step .text-file .down-text {
    line-height: 22px;
    font-size: 15px;
    color: #808185;
    margin-bottom: 0; }

.btn-2.payments.disable {
  visibility: hidden; }

.foreign-order-corporate #documents ol {
  list-style-position: inside;
  list-style-type: decimal; }
  .foreign-order-corporate #documents ol li::marker {
    font-weight: bold !important;
    font-size: 12px !important; }
  .foreign-order-corporate #documents ol li span {
    margin-left: 40px; }

.uploadFilesDialog .dropzone-wrap .info-placeholder .icon {
  top: 20px; }

.uploadFilesDialog .dropzone-wrap .info-placeholder p {
  margin-top: 60px; }

.uploadFilesDialog .wrapFileName {
  width: 300px;
  display: inline-block;
  margin-left: 40px; }
  .uploadFilesDialog .wrapFileName span {
    margin-left: 0px !important; }

.uploadDocumentsLeftIcon {
  width: 20px;
  height: 20px;
  display: inline-block;
  border: 4px solid #fff;
  border-radius: 50%;
  padding: 2px;
  position: absolute;
  bottom: 15px;
  animation: upload 4s forwards; }

.doc {
  background-image: url(images/icons/file.png);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center; }

@keyframes upload {
  0% {
    border-top-color: #35b37e; }
  20% {
    border-right-color: #35b37e; }
  60% {
    border-bottom-color: #35b37e; }
  100% {
    border-color: #35b37e; } }

.filter-hub-dialog,
.message-hub-dialog {
  background-color: #fff !important; }
  .filter-hub-dialog .label-1,
  .message-hub-dialog .label-1 {
    background: var(--uds-base-background); }
    .filter-hub-dialog .label-1:before,
    .message-hub-dialog .label-1:before {
      background: transparent; }
  .filter-hub-dialog .modal-inner-content,
  .message-hub-dialog .modal-inner-content {
    background-color: #fff; }

.ui-dialog.filter-hub-dialog {
  padding: 0 !important; }
  .ui-dialog.filter-hub-dialog .ui-dialog-titlebar {
    background-position-y: 35px;
    background-position-x: 17px; }
    .ui-dialog.filter-hub-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      right: 50px;
      top: 10px; }
  .ui-dialog.filter-hub-dialog .dk-select.select-1 {
    width: 100%; }
  .ui-dialog.filter-hub-dialog .part-checkbox label {
    font-size: 15px; }
  .ui-dialog.filter-hub-dialog .part-checkbox .checkboxCustom {
    float: left;
    padding-right: 10px; }

.icon-message-1:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 24px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  mask-size: 24px;
  -webkit-mask-size: 24px;
  background-color: var(--uds-font-color); }

.header-icons:hover .icon-message-1:after {
  background-color: var(--icon-color-active) !important; }

#page-header .header-icons {
  float: right;
  margin-right: 20px;
  cursor: pointer;
  zoom: 1;
  height: 40px; }
  #page-header .header-icons:hover:before {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    top: -8px;
    left: -8px;
    border-radius: 20px;
    background: var(--choice-selected);
    z-index: 0;
    top: 17px !important; }

#page-header .header-icons:after {
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
  content: "."; }

#page-header .header-icons li {
  position: relative;
  float: left;
  padding: 4px 13px 0 13px; }

#page-header .header-icons a {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer; }

#page-header .header-icons a span {
  display: inline-block;
  width: 24px;
  height: 21px;
  position: absolute;
  top: -12px;
  right: -13px;
  background: #0095c9;
  border: 3px solid #ffec00;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px; }

.RemoteAdvisory {
  margin-right: 10px;
  background: none; }
  .RemoteAdvisory .s-widget-content .s-widget-body {
    border-top: none; }
    .RemoteAdvisory .s-widget-content .s-widget-body > div .container {
      background-color: none !important;
      background: none !important; }
      .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row {
        display: flex;
        background: #fffcd8; }
        .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .left {
          float: left;
          display: grid;
          padding-top: 2%;
          padding-bottom: 1%;
          padding-left: 3%;
          width: 50%; }
          .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .left .text-1 {
            font-weight: bold;
            font-size: 20px;
            display: block; }
          .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .left .text-2 {
            font-size: 18px; }
        .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .center {
          text-align: center;
          width: 20%; }
          .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .center > img {
            width: 70%; }
        .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right {
          padding-top: 4%; }
          .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2 {
            max-width: 133px;
            display: inline-block;
            text-align: center;
            background: var(--uds-font-color);
            color: #fff;
            text-transform: uppercase;
            padding: 11px 14px 10px;
            font-weight: 700;
            font-size: 14px;
            line-height: 16px;
            cursor: pointer;
            margin-right: 18px; }
            .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2:last-child {
              margin-right: 0px; }
          .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2.color-1 {
            background: transparent;
            border: 1px solid #000;
            color: #000; }
            .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2.color-1.disabled {
              background: #f8f8f8; }
              .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2.color-1.disabled:hover {
                background: #f8f8f8;
                -webkit-transition: none;
                transition: none; }
            .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2.color-1:hover {
              background: #f8f8f8;
              -webkit-transition: background .3s ease;
              transition: background .3s ease; }
          .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2.color-2 {
            background: #fee600;
            border: 2px solid transparent;
            color: #000; }
            .RemoteAdvisory .s-widget-content .s-widget-body > div .container .row .right .btn-2.color-2:hover {
              background: #fed500;
              -webkit-transition: background .3s ease;
              transition: background .3s ease; }

.Confirmations .group-submit .clearSaveSend,
.DomesticPayment .group-submit .clearSaveSend {
  width: 24px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 0 0 20px;
  float: left;
  background-size: 22px; }

.Confirmations .group-submit .color-9,
.DomesticPayment .group-submit .color-9 {
  padding: 15px 50px !important; }

.Confirmations .group-submit .deleteBtn,
.DomesticPayment .group-submit .deleteBtn {
  background-image: url(images/icons/ico_storno@2x.png); }

.Confirmations .group-submit .saveToServer,
.DomesticPayment .group-submit .saveToServer {
  background-image: url(images/icons/ico_sacuvaj@2x.png); }

.Confirmations .group-submit .sandNow,
.DomesticPayment .group-submit .sandNow {
  background-image: url(images/icons/ico_posalji@2x.png); }

.copyResult .ui-dialog-content {
  font-size: 16px; }
  .copyResult .ui-dialog-content > ul {
    max-height: 30vh;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 20px;
    list-style: inside; }
    .copyResult .ui-dialog-content > ul > li {
      font-size: 16px;
      line-height: 24px;
      color: #000; }
      .copyResult .ui-dialog-content > ul > li > span {
        font-weight: bold;
        font-size: 16px; }
      .copyResult .ui-dialog-content > ul > li > p {
        display: block;
        font-weight: bold;
        font-size: 14px;
        margin-left: 23px; }
      .copyResult .ui-dialog-content > ul > li > ul {
        list-style: circle;
        margin-left: 46px; }

.DeleteAccountSuccess .ui-dialog-content > ul {
  max-height: 30vh;
  overflow: auto;
  overflow-x: hidden;
  margin-top: 20px;
  list-style: inside; }
  .DeleteAccountSuccess .ui-dialog-content > ul > li {
    font-size: 16px;
    line-height: 21px;
    color: #000; }

.listSignature {
  width: 800px !important; }
  .listSignature .ui-dialog-titlebar {
    display: block !important; }
  .listSignature .ui-dialog-content {
    font-family: sans-serif !important; }
    .listSignature .ui-dialog-content > div .order-utils {
      margin: 10px; }
      .listSignature .ui-dialog-content > div .order-utils > p {
        font-size: 15px;
        line-height: 20px;
        color: var(--uds-font-color);
        padding: 0 90px 26px 24px;
        font-weight: bold; }
      .listSignature .ui-dialog-content > div .order-utils .title {
        display: block;
        font-size: 15px;
        font-weight: 700;
        line-height: 20px;
        color: var(--uds-font-color);
        margin-bottom: 16px; }
      .listSignature .ui-dialog-content > div .order-utils .tableCreator {
        padding: 0 26px 26px 26px; }
      .listSignature .ui-dialog-content > div .order-utils .tableAuth {
        padding: 0 26px 26px 26px; }
        .listSignature .ui-dialog-content > div .order-utils .tableAuth > fieldset > div .numberAuth,
        .listSignature .ui-dialog-content > div .order-utils .tableAuth > fieldset > div .title {
          font-size: 14px;
          font-weight: bold;
          display: block; }
          .listSignature .ui-dialog-content > div .order-utils .tableAuth > fieldset > div .numberAuth .text,
          .listSignature .ui-dialog-content > div .order-utils .tableAuth > fieldset > div .title .text {
            font-weight: 100; }
        .listSignature .ui-dialog-content > div .order-utils .tableAuth > fieldset .resultValid {
          font-size: 14px;
          font-weight: bold;
          display: block; }
          .listSignature .ui-dialog-content > div .order-utils .tableAuth > fieldset .resultValid .text {
            font-weight: 100; }
      .listSignature .ui-dialog-content > div .order-utils .tableAuth .clientGrid,
      .listSignature .ui-dialog-content > div .order-utils .tableCreator .clientGrid {
        width: 100%;
        margin-bottom: 10px; }
        .listSignature .ui-dialog-content > div .order-utils .tableAuth .clientGrid > thead > tr,
        .listSignature .ui-dialog-content > div .order-utils .tableCreator .clientGrid > thead > tr {
          background: #efefef; }
          .listSignature .ui-dialog-content > div .order-utils .tableAuth .clientGrid > thead > tr > td,
          .listSignature .ui-dialog-content > div .order-utils .tableCreator .clientGrid > thead > tr > td {
            width: 20%;
            text-align: center; }
        .listSignature .ui-dialog-content > div .order-utils .tableAuth .clientGrid > tbody > tr,
        .listSignature .ui-dialog-content > div .order-utils .tableCreator .clientGrid > tbody > tr {
          background: var(--uds-base-background); }
          .listSignature .ui-dialog-content > div .order-utils .tableAuth .clientGrid > tbody > tr:hover,
          .listSignature .ui-dialog-content > div .order-utils .tableCreator .clientGrid > tbody > tr:hover {
            transition: none !important;
            box-shadow: none;
            border: none;
            border-bottom: 2px solid #efefef; }
            .listSignature .ui-dialog-content > div .order-utils .tableAuth .clientGrid > tbody > tr:hover > td,
            .listSignature .ui-dialog-content > div .order-utils .tableCreator .clientGrid > tbody > tr:hover > td {
              border: none !important;
              border-top: 2px solid #efefef !important; }
          .listSignature .ui-dialog-content > div .order-utils .tableAuth .clientGrid > tbody > tr > td,
          .listSignature .ui-dialog-content > div .order-utils .tableCreator .clientGrid > tbody > tr > td {
            width: 20%;
            text-align: center; }

.gvOrderList .clientGrid > tbody > tr > td {
  color: inherit !important; }

.gvPackageList .clientGrid > tbody > tr > td {
  color: inherit !important; }

.DomesticPayment .group-submit .clearSaveSend {
  width: 24px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  padding: 0 0 0 20px;
  float: left;
  background-size: 22px; }

.DomesticPayment .group-submit .color-9 {
  padding: 15px 50px !important; }

.DomesticPayment .group-submit .deleteBtn {
  background-image: url(images/icons/ico_storno@2x.png); }

.DomesticPayment .group-submit .saveToServer {
  background-image: url(images/icons/ico_sacuvaj@2x.png); }

.DomesticPayment .group-submit .sandNow {
  background-image: url(images/icons/ico_posalji@2x.png); }

.OrderPackageListCorporateV2 .gvPackageList .clientGrid tbody tr td:nth-child(4), .DomesticPredefinedUsersCorporateV2 .gvPackageList .clientGrid tbody tr td:nth-child(4), .OrderPackageDetailsCorporateV2 .gvPackageList .clientGrid tbody tr td:nth-child(4), .OrderPackageReportCorporateSB .gvPackageList .clientGrid tbody tr td:nth-child(4), .OrdersFromOrderPackagesListCorporateSB .gvPackageList .clientGrid tbody tr td:nth-child(4), .DomesticOrderList .gvPackageList .clientGrid tbody tr td:nth-child(4), .ForeignOrderList .gvPackageList .clientGrid tbody tr td:nth-child(4) {
  max-width: 250px;
  word-wrap: break-word;
  white-space: break-spaces !important; }

.OrderPackageListCorporateV2 input[type=checkbox], .DomesticPredefinedUsersCorporateV2 input[type=checkbox], .OrderPackageDetailsCorporateV2 input[type=checkbox], .OrderPackageReportCorporateSB input[type=checkbox], .OrdersFromOrderPackagesListCorporateSB input[type=checkbox], .DomesticOrderList input[type=checkbox], .ForeignOrderList input[type=checkbox] {
  position: relative;
  height: 10px;
  width: 10px; }
  .OrderPackageListCorporateV2 input[type=checkbox]:hover, .DomesticPredefinedUsersCorporateV2 input[type=checkbox]:hover, .OrderPackageDetailsCorporateV2 input[type=checkbox]:hover, .OrderPackageReportCorporateSB input[type=checkbox]:hover, .OrdersFromOrderPackagesListCorporateSB input[type=checkbox]:hover, .DomesticOrderList input[type=checkbox]:hover, .ForeignOrderList input[type=checkbox]:hover {
    opacity: 0.5; }

.OrderPackageListCorporateV2 input[type=checkbox]:before, .DomesticPredefinedUsersCorporateV2 input[type=checkbox]:before, .OrderPackageDetailsCorporateV2 input[type=checkbox]:before, .OrderPackageReportCorporateSB input[type=checkbox]:before, .OrdersFromOrderPackagesListCorporateSB input[type=checkbox]:before, .DomesticOrderList input[type=checkbox]:before, .ForeignOrderList input[type=checkbox]:before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: -5px;
  height: 24px;
  width: 24px;
  background-image: var(--checkbox-false-path);
  background-size: 24px;
  cursor: pointer; }

.OrderPackageListCorporateV2 input[type=checkbox]:checked:before, .DomesticPredefinedUsersCorporateV2 input[type=checkbox]:checked:before, .OrderPackageDetailsCorporateV2 input[type=checkbox]:checked:before, .OrderPackageReportCorporateSB input[type=checkbox]:checked:before, .OrdersFromOrderPackagesListCorporateSB input[type=checkbox]:checked:before, .DomesticOrderList input[type=checkbox]:checked:before, .ForeignOrderList input[type=checkbox]:checked:before {
  background-image: var(--checkbox-path);
  background-size: 24px; }

.SendPackets .box_body__filter {
  background: #feffff; }

.SendPackets .input-value {
  width: 230px !important; }

.SendPackets .input-open {
  width: 210px !important; }

.SendPackets .dk-select-options.focusin {
  border-left: 3px solid;
  border-bottom: 3px solid;
  border-right: 3px solid; }

.SendPackets .dk-select-options {
  top: 35px !important;
  left: -11px !important;
  width: 210px !important; }

.SendPackets .refreshBtn {
  height: 20px;
  width: 50px;
  float: left; }

.SendPackets .btn-3 {
  margin: 16px 0 5px 0 !important; }

.GropeOfButton {
  padding: 10px 0 10px 25px;
  background: linear-gradient(180deg, #feffff 30%, #e9eaea); }
  .GropeOfButton .btn-4 {
    position: relative;
    width: 218px;
    height: 43px;
    display: inline-block;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #cacaca;
    background: var(--uds-base-background);
    padding-left: 40px;
    cursor: pointer;
    width: auto;
    font-family: amalia,sans-serif;
    margin-right: 8px !important;
    text-transform: uppercase;
    min-width: 110px;
    padding: 4px 20px 8px 18px;
    margin-bottom: 10px;
    font-weight: 300; }
    .GropeOfButton .btn-4 .ui-icon {
      width: 24px;
      height: 24px;
      position: absolute;
      background-repeat: no-repeat;
      background-position: center;
      top: 30%; }
    .GropeOfButton .btn-4 .ui-button-icon-primary {
      /*background-image: url(images/icons/ico_menu_menjacnica_inactive.png);*/ }

.allDataSum table tbody tr {
  margin-bottom: 20px;
  color: var(--uds-font-color);
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  margin-right: 40px;
  display: table-cell; }
  .allDataSum table tbody tr td:nth-child(2) {
    padding-right: 15px; }

.allDataSum table tr:nth-child(1) {
  padding-right: 570px; }

.authType-wrap {
  background: var(--uds-base-background); }

.side-modal .btn-2 {
  width: 100%;
  display: inline-block;
  text-align: center;
  background: var(--uds-font-color);
  color: #fff;
  text-transform: uppercase;
  padding: 11px 30px 10px;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  cursor: pointer;
  margin-right: 18px;
  margin-top: 20px; }

.side-modal .color-2 {
  background: #fee600;
  border: 2px solid transparent;
  color: #000; }

.fortitle .ui-dialog-titlebar {
  position: absolute !important;
  top: 92px;
  background-color: #fff;
  color: black;
  border: none;
  display: block !important;
  left: 179px; }
  .fortitle .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none; }

.addPackagetoServer .popup-addpackage h3 {
  padding-bottom: 10px;
  text-align: center; }

.addPackagetoServer .popup-addpackage p {
  font-size: 14px;
  padding-bottom: 10px; }

.addPackagetoServer .closeBtn {
  width: 150px;
  margin-left: 199px;
  padding-top: 13px; }

.sendPackage .ui-dialog-buttonset button:nth-child(1) {
  float: right;
  background-color: #FFEC0E !important; }

.sendPackage .ui-dialog-buttonset button:nth-child(2) {
  background-color: #e9eaea !important; }

.qrDialog .ui-dialog-buttonset button:nth-child(1) {
  float: right;
  background-color: #FFEC0E !important; }

.qrDialog .ui-dialog-buttonset button:nth-child(2) {
  background-color: #e9eaea !important; }

.commissionDialogSB .ui-dialog-buttonset button:nth-child(1) {
  float: right;
  background-color: #FFEC0E !important; }

.commissionDialogSB .ui-dialog-buttonset button:nth-child(3) {
  background-color: #e9eaea !important; }

.paymentTemplates .payments-filter-3 .delete-wrap {
  width: max-content;
  display: inline-block; }
  .paymentTemplates .payments-filter-3 .delete-wrap .btn-4 {
    position: relative;
    width: auto;
    height: 40px;
    display: inline-block;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #cacaca;
    background: var(--uds-base-background);
    padding-left: 40px;
    padding: 11px 18px 10px 40px;
    cursor: pointer;
    width: auto;
    font-family: amalia, sans-serif;
    margin-right: 8px !important;
    text-transform: uppercase;
    min-width: 110px;
    padding: 11px 18px 10px 40px;
    margin-bottom: 10px; }
    .paymentTemplates .payments-filter-3 .delete-wrap .btn-4 .ui-icon-trash {
      background-image: url(images/icons/ico_storno.png);
      width: 24px;
      height: 24px;
      position: absolute;
      background-repeat: no-repeat;
      background-position: center;
      top: 8px;
      left: 8px; }
    .paymentTemplates .payments-filter-3 .delete-wrap .btn-4 .ui-button-text {
      display: contents;
      font-weight: 400;
      padding: 0 0 0 0 !important; }

.paymentTemplates .payments-filter-3 .import-wrap {
  width: max-content;
  display: inline-block; }
  .paymentTemplates .payments-filter-3 .import-wrap .btn-4 {
    position: relative;
    width: auto;
    height: 40px;
    display: inline-block;
    color: #000;
    font-size: 15px;
    line-height: 20px;
    border: 1px solid #cacaca;
    background: var(--uds-base-background);
    padding-left: 40px;
    padding: 11px 18px 10px 40px;
    cursor: pointer;
    width: auto;
    font-family: amalia, sans-serif;
    margin-right: 8px !important;
    text-transform: uppercase;
    min-width: 110px;
    padding: 11px 18px 10px 40px;
    margin-bottom: 10px; }
    .paymentTemplates .payments-filter-3 .import-wrap .btn-4 .ui-icon-arrowthick-1-n {
      background-image: url(images/icons/ic_uvoz_naloga.png);
      width: 24px;
      height: 24px;
      position: absolute;
      background-repeat: no-repeat;
      background-position: center;
      top: 8px;
      left: 8px; }
    .paymentTemplates .payments-filter-3 .import-wrap .btn-4 .ui-button-text {
      display: contents;
      font-weight: 400;
      padding: 0 0 0 0 !important; }

.paymentTemplates .payments-filter-3 .new {
  display: inline-block;
  width: max-content;
  float: right; }
  .paymentTemplates .payments-filter-3 .new > a {
    height: 40px; }

.paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr > td:nth-child(3),
.paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > thead > tr > td:nth-child(3) {
  max-width: 500px;
  word-break: break-all; }

.paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr > td:nth-child(4),
.paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > thead > tr > td:nth-child(4) {
  max-width: 170px;
  word-break: break-all; }

.paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > thead > tr > td {
  padding: 17px; }
  .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > thead > tr > td:last-child {
    cursor: none;
    text-align: right; }
    .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > thead > tr > td:last-child > div > span {
      display: none; }
  .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > thead > tr > td:nth-child(6) {
    cursor: none; }
    .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > thead > tr > td:nth-child(6) > div {
      display: none; }

.paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr > td {
  text-align: left; }
  .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr > td:last-child {
    padding-left: 6px !important; }
    .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr > td:last-child .delete {
      opacity: 0;
      position: relative;
      transform: translateX(100%);
      transition: transform 0.2s ease, opacity 0.2s ease; }
  .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr > td:nth-child(6) {
    padding-right: 6px !important; }
    .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr > td:nth-child(6) .edit {
      opacity: 0;
      position: relative;
      transform: translateX(100%);
      transition: transform 0.2s ease, opacity 0.2s ease; }

.paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr:hover > td {
  background: var(--choice-selected); }
  .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr:hover > td:last-child .delete {
    opacity: 1;
    transform: translateX(0); }
  .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr:hover > td:nth-child(6) {
    display: flex;
    justify-content: flex-end; }
    .paymentTemplates .recipients-table .gvDomesticPredefinedUsers .clientGrid > tbody > tr:hover > td:nth-child(6) .edit {
      opacity: 1;
      transform: translateX(0); }

.domesticDetail {
  width: 1000px !important; }
  .domesticDetail .ui-dialog-titlebar {
    display: block !important; }
  .domesticDetail .side-modal-wrapper .processed-order .modal-inner-content {
    padding: 0 !important; }
    .domesticDetail .side-modal-wrapper .processed-order .modal-inner-content .box.payment .normal-form.padding > form .form-cols .form-col .group .group-inner {
      width: 100%; }
      .domesticDetail .side-modal-wrapper .processed-order .modal-inner-content .box.payment .normal-form.padding > form .form-cols .form-col .group .group-inner .input-wrap .input-1 {
        padding: 0; }
      .domesticDetail .side-modal-wrapper .processed-order .modal-inner-content .box.payment .normal-form.padding > form .form-cols .form-col .group .group-inner .readonly {
        pointer-events: none; }

.foreignDetail {
  width: 1200px !important; }
  .foreignDetail .ui-dialog-titlebar {
    display: block !important; }
  .foreignDetail .foreigin-detail-order .side-modal > div .box_body {
    padding-top: 10px; }
    .foreignDetail .foreigin-detail-order .side-modal > div .box_body .normal-form {
      padding: 0; }
      .foreignDetail .foreigin-detail-order .side-modal > div .box_body .normal-form > form .form-cols .form-col .group .group-inner {
        pointer-events: none; }
    .foreignDetail .foreigin-detail-order .side-modal > div .box_body .innerBox .box_body .normal-form > form .form-cols .group .group-inner {
      pointer-events: none; }
      .foreignDetail .foreigin-detail-order .side-modal > div .box_body .innerBox .box_body .normal-form > form .form-cols .group .group-inner .input-wrap {
        pointer-events: none; }
        .foreignDetail .foreigin-detail-order .side-modal > div .box_body .innerBox .box_body .normal-form > form .form-cols .group .group-inner .input-wrap .readonly {
          background: #ededed;
          color: #808185; }
  .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_head > li:nth-child(4) {
    width: 280px; }
  .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_body #statisticItem .cell .input-wrap {
    pointer-events: none; }
    .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_body #statisticItem .cell .input-wrap .readonly {
      background: #ededed;
      color: #808185; }
  .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_body #statisticItem .contactNumberAndYear {
    display: flex; }
    .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_body #statisticItem .contactNumberAndYear .input-wrap:nth-child(1) {
      width: 135px; }
    .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_body #statisticItem .contactNumberAndYear .input-wrap:nth-child(2) {
      width: 90px; }
  .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_body #statisticItem .transactionDescription .input-wrap {
    width: 350px; }
  .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_bottom .custom-table-form_bottom__right {
    width: 100%; }
    .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_bottom .custom-table-form_bottom__right > label {
      right: 380px; }
    .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .custom-table-form_bottom .custom-table-form_bottom__right .bruto-amount {
      margin-right: 106px; }
  .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .form-cols .group .group-inner .input-wrap {
    pointer-events: none; }
    .foreignDetail .foreigin-detail-order .side-modal > div .innerBox .custom-table-form .custom-table-form_inner > form .form-cols .group .group-inner .input-wrap .readonly {
      background: #ededed;
      color: #808185; }
  .foreignDetail .foreigin-detail-order .side-modal .payment-documentation {
    pointer-events: none;
    min-height: auto; }

.packageButton .btn-4 {
  position: relative;
  width: 85px px;
  height: 40px;
  display: inline-block;
  color: #000;
  font-size: 15px;
  line-height: 20px;
  border: 1px solid #cacaca;
  background: var(--uds-base-background);
  padding-left: 40px;
  padding: 11px 18px 10px 40px;
  cursor: pointer;
  width: auto;
  font-family: amalia, sans-serif;
  margin-right: 8px !important;
  text-transform: uppercase;
  min-width: 110px;
  padding: 11px 39px 10px 40px;
  margin-bottom: 10px; }
  .packageButton .btn-4 .ui-icon-repeat-2 {
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 20% !important;
    background-image: url(images/icons/repeat-2.png);
    left: 7%; }
  .packageButton .btn-4 .ui-icon-list-2 {
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 20% !important;
    background-image: url(images/icons/list.png);
    left: 7%; }

.packageButtonList .btn-4 {
  position: relative;
  width: 85px px;
  height: 40px;
  display: inline-block;
  color: #000;
  font-size: 15px;
  line-height: 20px;
  border: 1px solid #cacaca;
  background: var(--uds-base-background);
  padding-left: 40px;
  padding: 11px 18px 10px 40px;
  cursor: pointer;
  width: auto;
  font-family: amalia, sans-serif;
  margin-right: 8px !important;
  text-transform: uppercase;
  min-width: 110px;
  padding: 11px 39px 10px 40px;
  margin-bottom: 10px; }
  .packageButtonList .btn-4 .ui-icon-repeat-2 {
    width: 24px;
    height: 24px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    top: 20% !important;
    background-image: url(images/icons/repeat-2.png);
    left: 7%; }

.OpenForeignAccount {
  margin-left: 10px;
  background: none; }
  .OpenForeignAccount .s-widget-content .s-widget-body {
    border-top: 0px; }
    .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer {
      background-color: none !important;
      background: none !important; }
      .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row {
        display: flex;
        background: transparent linear-gradient(180deg, #D3EEF9 0%, #E4F6FE 46%, #E4F5FD 100%) 0% 0% no-repeat padding-box; }
        .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .left {
          float: left;
          display: grid;
          padding-top: 2%;
          padding-bottom: 1%;
          padding-left: 3%;
          width: 50%; }
          .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .left .text-1 {
            font-weight: bold;
            font-size: 20px;
            display: block; }
          .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .left .text-2 {
            font-size: 18px; }
        .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .center {
          text-align: center;
          width: 20%; }
          .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .center:before {
            content: url(images/img_devizni.png);
            transform: scale(0.5); }
        .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right {
          padding-top: 4%; }
          .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2 {
            max-width: 133px;
            display: inline-block;
            text-align: center;
            background: var(--uds-font-color);
            color: #fff;
            text-transform: uppercase;
            padding: 11px 14px 10px;
            font-weight: 700;
            font-size: 14px;
            line-height: 16px;
            cursor: pointer;
            margin-right: 18px; }
            .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2:last-child {
              margin-right: 0px; }
          .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2.color-1 {
            background: transparent;
            border: 1px solid #000;
            color: #000; }
            .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2.color-1.disabled {
              background: #f8f8f8; }
              .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2.color-1.disabled:hover {
                background: #f8f8f8;
                -webkit-transition: none;
                transition: none; }
            .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2.color-1:hover {
              background: #f8f8f8;
              -webkit-transition: background .3s ease;
              transition: background .3s ease; }
          .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2.color-2 {
            background: #fee600;
            border: 2px solid transparent;
            color: #000; }
            .OpenForeignAccount .s-widget-content .s-widget-body > div .OpenForeignAccountContainer .row .right .btn-2.color-2:hover {
              background: #fed500;
              -webkit-transition: background .3s ease;
              transition: background .3s ease; }

.selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li {
  max-height: 45px;
  padding: 0px 51px 0px 50px !important; }
  .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .cell-date-currency {
    margin-top: 5%; }
  .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .icon.icon-right {
    top: 40%; }
  .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag {
    margin-top: 1.5%;
    height: 30px;
    width: 30px;
    float: left;
    background: var(--uds-base-background);
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    position: relative; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.AUD {
      background: url(images/icons/aus.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.EUR {
      background: url(images/icons/eu.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.CNY {
      background: url(images/icons/cny.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.CAD {
      background: url(images/icons/can.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.AED {
      background: url(images/icons/aedflag.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.DKK {
      background: url(images/icons/den.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.NOK {
      background: url(images/icons/nor.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.JPY {
      background: url(images/icons/jap.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.RUB {
      background: url(images/icons/rus.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.SEK {
      background: url(images/icons/swe.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.CHF {
      background: url(images/icons/swis.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.USD {
      background: url(images/icons/usa.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.GBP {
      background: url(images/icons/uk.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.HUF {
      background: url(images/icons/huf.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.PLN {
      background: url(images/icons/pln.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.CZK {
      background: url(images/icons/czk.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.RON {
      background: url(images/icons/ron.png);
      background-size: 100%; }
    .selectCurrencyPopUp .ui-dialog-content > form .options-list-2 .modal-body-list-options > li .currency-flag.RSD {
      background: url(images/icons/rsd.png);
      background-size: 100%; }

.PopUpWithTitle .ui-dialog-titlebar {
  display: block !important;
  background: none;
  color: black;
  text-align: center;
  border: none; }
  .PopUpWithTitle .ui-dialog-titlebar > span {
    float: none;
    font-weight: bold;
    font-size: 18px; }
  .PopUpWithTitle .ui-dialog-titlebar > button {
    display: none; }

.PopUpWithTitle .ui-dialog-content:before {
  display: none !important; }

.PopUpWithTitle .ui-dialog-buttonpane {
  width: 50%;
  margin: 0 auto !important; }

.ui-dialog.UploadPackageResults .ui-dialog-content {
  max-height: 350px;
  font-size: 18px; }
  .ui-dialog.UploadPackageResults .ui-dialog-content:before {
    display: none !important; }
  .ui-dialog.UploadPackageResults .ui-dialog-content > ul {
    list-style: disc !important; }
    .ui-dialog.UploadPackageResults .ui-dialog-content > ul > li {
      margin-left: 20px;
      font-size: 18px; }
      .ui-dialog.UploadPackageResults .ui-dialog-content > ul > li > b {
        font-weight: bold; }
      .ui-dialog.UploadPackageResults .ui-dialog-content > ul > li > ul > span {
        margin-left: 20px;
        display: block; }
      .ui-dialog.UploadPackageResults .ui-dialog-content > ul > li > ul > ul {
        list-style: disc;
        margin-left: 20px; }
        .ui-dialog.UploadPackageResults .ui-dialog-content > ul > li > ul > ul > li {
          margin-left: 40px; }

.HtmlPromo {
  margin: 30px 0 60px; }
  .HtmlPromo .advert {
    width: 66.154%;
    height: 319px; }
  .HtmlPromo .btn-2.color-2 {
    background: #fee600;
    border: 2px solid transparent;
    color: #000;
    margin-top: 15px;
    font-size: medium; }
  .HtmlPromo .title-6 {
    font-size: 40px; }
  .HtmlPromo .margin-2 {
    margin-bottom: 20px; }
  .HtmlPromo .font-2 {
    font-family: "Source-Sans-Pro-bold", sans-serif; }
  .HtmlPromo h2 {
    font: 400 24px/1.2 "Source-Sans-Pro-semibold", sans-serif; }
  .HtmlPromo .commercial-text-wrapper p {
    margin-bottom: 20px; }
  .HtmlPromo .line-height-1 {
    line-height: 1.46666666667; }
  .HtmlPromo .text-color-10 {
    color: rgba(0, 0, 0, 0.87); }
  .HtmlPromo .page-text {
    font-size: 15px; }
  .HtmlPromo .font-7 {
    font-family: "Source-Sans-Pro", sans-serif; }

.commercial-text-wrapper {
  width: 29%;
  margin-left: 10px; }

.commercial-img {
  min-height: 100%;
  background: url(images/commericial-img.jpg) no-repeat center;
  background-size: cover;
  border-radius: 16px; }

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

.flex-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

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

/*.commercial-wrapper .btn-2 {
    padding: 15px 36px !important;
    font-family: "Source-Sans-Pro-bold", sans-serif !important;
    box-shadow: 0 8px 24px rgba(54, 60, 164, 0.4);
    transition: all .5s;
}*/
.templateUsers > form .normal-form .group .options-list-2 .modal-body-list-options > li {
  padding: 0px 50px 0px 72px; }
  .templateUsers > form .normal-form .group .options-list-2 .modal-body-list-options > li .modal-container {
    margin-top: 5%; }
    .templateUsers > form .normal-form .group .options-list-2 .modal-body-list-options > li .modal-container .account-number > p {
      text-align: left;
      display: inline-block; }

#turnoverFilter .box_body__filter .top-wrap {
  display: inline-grid;
  width: 85%; }
  #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-1 {
    display: block;
    width: 100%; }
    #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-1 .big.name {
      width: 250px; }
    #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-1 .input-value {
      width: 150px; }
  #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-2 {
    display: block;
    width: 100%; }
    #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-2 .big.account {
      width: 277px; }
    #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-2 .paymentPurpose {
      width: 315px; }
    #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-2 .turnover {
      width: 250px; }
      #turnoverFilter .box_body__filter .top-wrap .input-wrap-section-2 .turnover .dk-select-options {
        width: 227px !important; }
  #turnoverFilter .box_body__filter .top-wrap .input-wrap .dk-select .dk-select-options {
    width: max-content; }

#turnoverFilter .box_body__filter .button-section {
  display: inline-grid;
  width: 14%; }
  #turnoverFilter .box_body__filter .button-section .btn-3 {
    width: 60px;
    display: inline-block;
    margin-top: 16px;
    border: none;
    height: 40px;
    background: #fee600;
    padding: 20px;
    transition: background 0.3s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    background-image: url(images/icons/ico_filterrefresh.png);
    background-repeat: no-repeat;
    background-position: center; }

.CardTurnoverCorporateV2 .s-widget-body > div > div > div .box_body__filter .account-type-select-wrapper:before,
.CardTurnoverCorporateV2 .s-widget-body > div > div > div .box_body__filter .credit-type-select-wrapper:before {
  display: none !important; }

.default-account .checked {
  opacity: 0.5;
  pointer-events: none; }

.success-popup-with-title .ui-dialog-titlebar {
  display: block !important;
  text-align: center;
  color: black;
  padding: 0;
  width: 100%;
  background: none;
  border: none; }
  .success-popup-with-title .ui-dialog-titlebar .ui-dialog-titlebar-close {
    display: none; }
  .success-popup-with-title .ui-dialog-titlebar .ui-dialog-title {
    float: none; }

.confirmation-zone .s-widget-content .s-widget-body {
  border-top: none !important; }
  .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item {
    width: 100%;
    display: flex; }
    .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li {
      width: 100%;
      display: inline-block;
      text-align: center;
      cursor: pointer;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 2px solid #ebeced; }
      .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li > span {
        border-right: 2px dashed #D1D1D1;
        width: 100%;
        display: block; }
    .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li:last-child > span {
      border-right: none; }
    .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li.active {
      font-weight: bold;
      border-top: 2px solid black;
      border-right: 2px solid #ebeced;
      border-bottom: none !important; }
      .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li.active > span {
        border-right: none; }
    .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li.active:last-child {
      border-left: 2px solid #ebeced;
      border-right: none; }
    .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li:nth-child(2).active {
      border-right: 2px solid #ebeced;
      border-left: 2px solid #ebeced; }
      .confirmation-zone .s-widget-content .s-widget-body > div .main-container .menu .menu-item .list-item > li:nth-child(2).active > span {
        border-right: none; }
  .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-title .title1 {
      font-size: 25px;
      font-weight: bold;
      display: block; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-title .subtitle1 {
      display: block;
      font-size: 15px;
      color: #808185; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account {
      margin-top: 4%; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .checkboxCustom {
        display: block;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 18px;
        height: 18px;
        border-radius: 2px;
        overflow: hidden;
        margin-right: 15px;
        margin-top: 15px; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .checkboxCustom ul li.checkbox-save > i {
          width: 15px;
          height: 15px;
          background-color: white;
          display: inline-block;
          cursor: pointer;
          border-radius: 3px;
          border: 1px solid #C3C3C3; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .checkboxCustom ul li.checkbox-save > i:hover {
            background-color: #ccc; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .checkboxCustom ul .checkbox-save.checked > i {
          background-image: url(images/icons/check-icon.png);
          background-repeat: no-repeat;
          background-color: #0095c9;
          border-color: #0095c9;
          background-position: 50%; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .checkboxCustom ul .checkbox-save.checked > i:hover {
            background-color: #0095c9; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm .check-all {
        border-bottom: 2px solid #ebeced;
        padding-bottom: 15px; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm .check-all .checkboxCustom {
          margin-top: 0px !important; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm .allAccount {
        margin-top: 2%;
        margin-bottom: 2%; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div {
        width: 100%;
        display: flex; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div > input {
          margin-right: 20px; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .left-side {
          float: left;
          width: 50%; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .left-side > span {
            display: block;
            width: 100%; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .left-side .account-name {
            font-weight: bold; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .left-side .account-number {
            color: #808185;
            font-size: 15px; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .right-side {
          float: right;
          text-align: right;
          width: 50%; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .right-side > span {
            display: block;
            width: 100%;
            color: #808185;
            font-size: 15px; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm > div .right-side .account-state {
            color: black;
            font-weight: bold;
            font-size: 16px; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account #checkboxForm:last-child {
        border-bottom: 2px solid #ebeced; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select {
        position: relative; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select .selected-item {
          position: relative;
          cursor: pointer;
          padding-right: 40px; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select .item {
          padding: 7px 15px; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select .item .value-2 {
            font-size: 15px;
            line-height: 22px;
            text-align: left;
            color: #808185; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select ul {
          width: -webkit-calc(100% + -2px);
          width: calc(100% + -2px);
          max-height: 210px;
          overflow: auto;
          position: absolute;
          top: 100%;
          left: -1px;
          margin-top: 0px;
          background: var(--uds-base-background);
          z-index: 1;
          border: 2px solid #000;
          border-top: 1px solid #ededed;
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity .3s,visibility .3s;
          transition: opacity .3s,visibility .3s; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select ul .item.selected, .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select ul .item:hover {
            background: #f8f8f8; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select ul .item {
            background: transparent;
            cursor: pointer;
            -webkit-transition: background .3s;
            transition: background .3s;
            padding: 12px 15px; }
            .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select ul .item .value-1 {
              font-weight: 700;
              color: #000; }
            .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select ul .item span {
              display: block;
              font-size: 15px;
              line-height: 22px;
              text-align: left;
              color: #808185; }
            .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select ul .item .value-2 {
              font-family: amalia,sans-serif;
              font-size: 15px;
              line-height: 22px;
              color: #000;
              background: transparent;
              cursor: pointer;
              -webkit-transition: background .3s;
              transition: background .3s; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select .no-border {
          width: 100% !important;
          border: 1px solid #d1d1d1 !important;
          top: 45px; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select select {
          position: absolute;
          width: 0;
          height: 0;
          visibility: hidden; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .input-wrap .custom-select .selected-item:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 5.5px 0;
        border-color: #000 transparent transparent;
        position: absolute;
        top: 50%;
        right: 15px; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .creditAccount-wrap.active ul, .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account .group-inner .creditAccount-wrap2.active ul {
        opacity: 1;
        visibility: visible; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account > form .form-cols .form-col .group .group-inner .creditAccounts-wrap {
        height: 85px; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account > form .form-cols .form-col .group .group-inner .creditAccounts-wrap .custom-select {
          margin-top: 1%; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list-account > form .form-cols .form-col .group .group-inner .creditAccounts-wrap .custom-select.active > ul {
          opacity: 1;
          visibility: visible; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-data {
      margin-top: 5%;
      position: relative;
      width: 50%; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-data .input-wrap {
        width: 85%; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-data .input-wrap > input {
          border: none; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-data .input-wrap .dateFrom {
          min-height: 24px;
          font-family: amalia, sans-serif;
          letter-spacing: 0.5px;
          color: #000;
          border: none;
          -webkit-appearance: none;
          border-radius: 0;
          padding: 0;
          padding-left: 3px;
          font-size: 14px;
          line-height: 22px;
          vertical-align: top; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-data .input-wrap > img {
          top: 9px; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-notion {
      margin-top: 5%;
      position: relative; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-notion .input-wrap {
        width: 90%; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-notion .info-icon-2 {
        top: 25px; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-lang {
      margin-top: 2%; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-lang .label {
        display: block; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-lang .label > span {
          text-align: left;
          letter-spacing: 0px;
          color: #808185;
          opacity: 1;
          font-size: 15px;
          font-weight: 100; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-lang > label {
        display: block; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-lang > label > span {
          text-align: left;
          font-size: 15px;
          letter-spacing: 0px;
          color: #000000;
          font-weight: bold;
          opacity: 1; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-button {
      margin-top: 5%;
      padding-bottom: 5%;
      border-bottom: 2px solid #ebeced; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-button .listAccountButton {
        justify-content: left; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .double-data {
      display: flex;
      width: 100%; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .subtitle1 {
      margin-top: 2%;
      display: block;
      font-size: 15px;
      color: #808185; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount .table-container {
      max-width: 100%;
      margin: 20px auto;
      background-color: #fff;
      padding: 0px;
      border-radius: 5px;
      overflow-x: auto; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table {
      width: 100%;
      border-collapse: collapse; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead {
        background: #E9EAEA 0% 0% no-repeat padding-box; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th {
          padding-bottom: 0px;
          padding-top: 0px;
          position: relative; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th .sort-button {
            border: none;
            background: none;
            width: auto;
            float: right; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th > input {
            height: 32px;
            border: 1px solid #C3C3C3;
            font-size: 15px;
            padding: 0;
            margin-bottom: 10px;
            width: 100%; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th .search {
            top: 10px !important;
            right: 20px !important; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th .checkboxCustom {
            display: block;
            position: relative;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            width: 18px;
            height: 18px;
            border-radius: 2px;
            overflow: hidden; }
            .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th .checkboxCustom ul li.checkbox-save > i {
              width: 15px;
              height: 15px;
              background-color: white;
              display: inline-block;
              cursor: pointer;
              border-radius: 3px;
              border: 1px solid #C3C3C3; }
              .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th .checkboxCustom ul li.checkbox-save > i:hover {
                background-color: #ccc; }
            .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th .checkboxCustom ul .checkbox-save.checked > i {
              background-image: url(images/icons/check-icon.png);
              background-repeat: no-repeat;
              background-color: #0095c9;
              border-color: #0095c9;
              background-position: 50%; }
              .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > thead > tr > th .checkboxCustom ul .checkbox-save.checked > i:hover {
                background-color: #0095c9; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > tbody > tr > td .checkboxCustom {
        display: block;
        position: relative;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 18px;
        height: 18px;
        border-radius: 2px;
        overflow: hidden; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > tbody > tr > td .checkboxCustom ul li.checkbox-save > i {
          width: 15px;
          height: 15px;
          background-color: white;
          display: inline-block;
          cursor: pointer;
          border-radius: 3px;
          border: 1px solid #C3C3C3; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > tbody > tr > td .checkboxCustom ul li.checkbox-save > i:hover {
            background-color: #ccc; }
        .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > tbody > tr > td .checkboxCustom ul .checkbox-save.checked > i {
          background-image: url(images/icons/check-icon.png);
          background-repeat: no-repeat;
          background-color: #0095c9;
          border-color: #0095c9;
          background-position: 50%; }
          .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount table > tbody > tr > td .checkboxCustom ul .checkbox-save.checked > i:hover {
            background-color: #0095c9; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list #listAccount .pagination {
      justify-content: center;
      margin-top: 20px;
      width: 100%; }
    .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list th, .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list td {
      padding: 10px;
      text-align: left; }
      .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list th > span, .confirmation-zone .s-widget-content .s-widget-body > div .content .content-container .content-list .list td > span {
        font-size: 13px; }

.confirmationsDialogSB .popup-content .popup-inner {
  text-align: center; }
  .confirmationsDialogSB .popup-content .popup-inner .account-content {
    display: flex;
    margin-top: 2%; }
    .confirmationsDialogSB .popup-content .popup-inner .account-content > span {
      color: #808185; }
    .confirmationsDialogSB .popup-content .popup-inner .account-content > ul {
      width: 100%;
      float: right;
      overflow-x: hidden;
      overflow-y: scroll;
      max-height: 120px; }
  .confirmationsDialogSB .popup-content .popup-inner .account-payment-content .section-3 {
    display: inline-block; }
    .confirmationsDialogSB .popup-content .popup-inner .account-payment-content .section-3 > ul {
      width: 100%;
      float: right;
      overflow-x: hidden;
      overflow-y: scroll;
      max-height: 120px; }
  .confirmationsDialogSB .popup-content .popup-inner .dataFrom-content {
    margin-top: 2%;
    text-align: left;
    display: flex; }
    .confirmationsDialogSB .popup-content .popup-inner .dataFrom-content > span {
      color: #808185;
      width: 33%; }
    .confirmationsDialogSB .popup-content .popup-inner .dataFrom-content .span-right {
      width: 100%;
      float: right;
      color: black; }
  .confirmationsDialogSB .popup-content .popup-inner .down-content {
    margin-top: 2%;
    text-align: left; }
    .confirmationsDialogSB .popup-content .popup-inner .down-content .bold-span {
      font-weight: bold;
      color: black; }
    .confirmationsDialogSB .popup-content .popup-inner .down-content .question {
      color: #808185;
      margin-top: 2%;
      display: block; }

.ConfirmationsList .confirmationsList .top .top-wrap .part-file-type-btns {
  float: left;
  width: 40%;
  display: flex; }
  .ConfirmationsList .confirmationsList .top .top-wrap .part-file-type-btns > button {
    font-size: 15px;
    font-weight: normal; }
  .ConfirmationsList .confirmationsList .top .top-wrap .part-file-type-btns .active {
    background: #0095C9 0% 0% no-repeat padding-box;
    color: white; }

.ConfirmationsList .confirmationsList .top .top-wrap .filter-form {
  display: inline-flex;
  float: right; }

.ConfirmationsList .normal-table .normal-table-overscroll .list-item > tbody > tr > td .small-text {
  font-size: 14px;
  line-height: 20px;
  color: #808185; }

.forTitleDialog .ui-dialog-titlebar {
  position: relative !important;
  top: 0; }

.forTitleDialog #messageBoxElement {
  text-align: center; }
  .forTitleDialog #messageBoxElement:before {
    display: none; }

.s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body {
  display: flex;
  align-items: center;
  height: 600px;
  justify-content: center;
  background: #F8F8F8;
  border-top: 0; }
  .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    height: 440px;
    width: 600px;
    border-top: 8px solid #FEE600;
    position: relative; }
    .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills .container {
      text-align: center;
      padding-left: 18%;
      padding-right: 18%; }
      .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon {
        margin-top: 2%; }
        .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon > span {
          font-size: 24px;
          font-weight: bold;
          color: var(--uds-font-color); }
      .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills .container .section-icon::before {
        content: "";
        background: transparent url("images/icons/ic_emenice_big.png") 0% 0% no-repeat padding-box;
        background-size: cover;
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto; }
      .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills .container .section-text {
        margin-top: 5%; }
        .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills .container .section-text > span {
          text-align: center;
          letter-spacing: 0px;
          font-size: 18px; }
      .s-widget.ebills-zone.Ebills .s-widget-content .s-widget-body > div .main-container-bills .container .section-button {
        margin-top: 20%; }

.s-widget.OnlineOffer-zone.OnlineOffer {
  font-family: amalia;
  color: var(--uds-font-color); }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background: var(--uds-base-background);
    padding: 24px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container {
      height: auto;
      width: calc(100% - 48px);
      padding: 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 24px; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .icon {
          height: 72px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .icon:after {
            height: 72px;
            content: url(images/icons/globe.svg); }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .title {
          font-weight: 500;
          font-size: 32px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .text {
          font-weight: 400;
          font-size: 16px;
          color: #656772; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .btn {
          margin: 24px auto 0 auto;
          display: flex;
          justify-content: center;
          align-items: center;
          min-width: 160px;
          background-color: #FEE600;
          color: #2B2D34;
          font-size: 16px;
          padding: 16px;
          border-radius: 12px;
          font-weight: 500;
          border: 1px solid rgba(19, 20, 22, 0.08);
          cursor: pointer; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .btn:hover {
            background-color: #e1cc03; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .btn:focus {
            box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 5px rgba(0, 143, 168, 0.4); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .btn > a {
            color: var(--uds-font-color); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .noOffers .btn > a:visited {
              color: var(--uds-font-color); }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .left {
        height: 150px;
        width: 220px;
        flex-shrink: 0;
        border-radius: 16px; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .ikes {
        background: url(images/onlineOffer-ikes.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .iracun {
        background: url(images/onlineOffer-iracun.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .cardsPhysical {
        background: url(images/onlineOffer-cardsPhysical.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .cardsOnline {
        background: url(images/onlineOffer-cardsOnline.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .instantPayments {
        background: url(images/onlineOffer-instantPayments.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .payByLink {
        background: url(images/onlineOffer-payByLink.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .employeesOffer {
        background: url(images/onlineOffer-employeesOffer.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .investmentFunds {
        background: url(images/onlineOffer-investmentFunds_full.png);
        background-size: auto 100%;
        background-position: top left;
        background-repeat: no-repeat; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .center {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
        gap: 24px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .center .title {
          display: block;
          font-weight: 500;
          font-size: 24px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .center .text {
          display: block;
          font-weight: 400;
          font-size: 16px;
          color: var(--uds-secondary-font-color); }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .right {
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #FEE600;
        color: #2B2D34;
        font-size: 16px;
        padding: 16px;
        border-radius: 12px;
        font-weight: 500;
        cursor: pointer; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .right:hover {
          background-color: #e1cc03; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .right:focus {
          box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 5px rgba(0, 143, 168, 0.4); }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container2 {
      background: #f7f7f8;
      min-height: 500px;
      box-shadow: none; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container2 .noOffers {
        position: relative; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container2 .noOffers .arrow1 {
          position: absolute;
          top: 0;
          left: -230px;
          width: 168px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container2 .noOffers .arrow1:after {
            content: url(images/icons/Vector.svg);
            width: 168px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container2 .noOffers .arrow2 {
          position: absolute;
          top: 150px;
          right: -230px;
          width: 129px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container2 .noOffers .arrow2:after {
            content: url(images/icons/Vector-1.svg);
            width: 129px; }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail {
    display: flex;
    flex-direction: column;
    background: var(--uds-base-background);
    border-radius: 16px;
    box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
    padding: 24px; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container {
      display: flex;
      overflow: hidden;
      border-radius: 16px; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left {
        display: flex;
        flex-direction: column;
        gap: 24px;
        justify-content: center;
        padding: 70px 100px 70px 60px;
        width: calc(50% - 160px);
        background: #FEE600;
        color: #2B2D34; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left .title {
          font-weight: 700;
          font-size: 40px;
          line-height: 40px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left .subtitle {
          font-weight: 500;
          font-size: 32px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left .text {
          font-weight: 400;
          font-size: 18px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left .text b {
            font-weight: 700; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right {
        width: 50%;
        background: url(images/onlineOffer-ikes_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right2 {
        width: 50%;
        background: url(images/onlineOffer-iracun_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right3 {
        width: 50%;
        background: url(images/onlineOffer-cardsphysical_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right4 {
        width: 50%;
        background: url(images/onlineOffer-cardsonline_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right5 {
        width: 50%;
        background: url(images/onlineOffer-instantpayments_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right6 {
        width: 50%;
        background: url(images/onlineOffer-paybylink_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right7 {
        width: 50%;
        background: url(images/onlineOffer-employeesOffer_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right8 {
        width: 50%;
        background: url(images/onlineOffer-investmentFunds_full.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half {
        background: var(--uds-base-background);
        width: calc(50% - 64px);
        display: flex;
        flex-direction: column;
        gap: 24px;
        padding: 32px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper {
          display: flex;
          align-items: center;
          gap: 24px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper .icon {
            width: 72px; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper .icon:after {
              width: 72px;
              content: url(images/icons/docs-2.svg); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper .icon2 {
            width: 72px; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper .icon2:after {
              width: 72px;
              content: url(images/icons/on-laptop.svg); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper .icon3 {
            width: 72px; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper .icon3:after {
              width: 72px;
              content: url(images/icons/safe.svg); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .wrapper .title {
            font-weight: 500;
            font-size: 30px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .text {
          font-size: 16px;
          font-weight: 400;
          color: var(--uds-secondary-font-color); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .half .text > strong {
            font-weight: 700; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .full {
        width: calc(100% - 64px); }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards {
        background: var(--uds-base-background);
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 24px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row {
          display: flex;
          flex-direction: row; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card {
            width: calc(50% - 64px);
            padding: 32px;
            display: flex;
            flex-direction: row;
            align-items: center; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text {
              flex-grow: 1;
              font-size: 20px;
              font-weight: 500;
              padding-left: 24px;
              line-height: 26px; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .subtext {
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                margin-top: 12px;
                color: var(--uds-secondary-font-color); }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .subtext ul {
                  padding-left: 24px;
                  list-style-type: disc; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button {
                font-family: amalia !important;
                display: flex !important;
                gap: 8px !important;
                text-align: center !important;
                justify-content: center !important;
                align-items: center !important;
                padding: 12px 16px !important;
                font-size: 14px !important;
                line-height: 24px !important;
                border-radius: 8px !important;
                font-weight: 500 !important;
                border: none !important;
                cursor: pointer !important;
                height: 42px !important;
                box-sizing: border-box !important;
                color: var(--uds-blue-font-color) !important;
                background: var(--uds-hover-color) !important;
                margin-top: 12px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button:hover {
                  background-color: var(--info-secondary-button-background-hover) !important; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.download:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/download.svg") no-repeat center;
                  -webkit-mask: url("images/uds/download.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.cancel:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/cancel.svg") no-repeat center;
                  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.send:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/doc-sent.svg") no-repeat center;
                  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px;
                  background-color: #2B2D34; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.save:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/save-1.svg") no-repeat center;
                  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.print:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/printer.svg") no-repeat center;
                  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.signature:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
                  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.delete:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/trash.svg") no-repeat center;
                  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.calendar:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/calendar.svg") no-repeat center;
                  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.upload:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/upload.svg") no-repeat center;
                  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.unarchive:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/unarchive.svg") no-repeat center;
                  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.more-info:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/invoice-info.svg") no-repeat center;
                  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.retry:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/retry-1.svg") no-repeat center;
                  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.copy:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/copy.svg") no-repeat center;
                  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.add-new:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/add-to-dic.svg") no-repeat center;
                  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.add:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
                  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.edit:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/edit.svg") no-repeat center;
                  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.archive:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/archive.svg") no-repeat center;
                  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.unsee:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/eye-closed.svg") no-repeat center;
                  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card .text .info-button.filter:after {
                  content: "";
                  display: block;
                  cursor: pointer;
                  position: relative;
                  width: 16px;
                  height: 16px;
                  background-color: var(--top-nav-icon-color);
                  mask: url("images/uds/filter.svg") no-repeat center;
                  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
                  mask-size: 16px;
                  -webkit-mask-size: 16px; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon1:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon1.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon1.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon2:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon2.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon2.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon3:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon3.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon3.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon4:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon4.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon4.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon5:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon5.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon5.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon6:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon6.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon6.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon7:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon7.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon7.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon8:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon8.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon8.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon9:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon9.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon9.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.offer-icon10:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/offer-icon10.svg") no-repeat center;
              -webkit-mask: url("images/uds/offer-icon10.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.mortgage:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/mortgage.svg") no-repeat center;
              -webkit-mask: url("images/uds/mortgage.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.car-credit:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/car-credit.svg") no-repeat center;
              -webkit-mask: url("images/uds/car-credit.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.account:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/account.svg") no-repeat center;
              -webkit-mask: url("images/uds/account.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.card-2:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/card-2.svg") no-repeat center;
              -webkit-mask: url("images/uds/card-2.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.spending:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/spending.svg") no-repeat center;
              -webkit-mask: url("images/uds/spending.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.shield:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/shield_check.svg") no-repeat center;
              -webkit-mask: url("images/uds/shield_check.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.person-phone:before {
              content: "";
              display: block;
              cursor: pointer;
              position: relative;
              width: 48px;
              height: 48px;
              background-color: var(--top-nav-icon-color);
              mask: url("images/uds/person-phone.svg") no-repeat center;
              -webkit-mask: url("images/uds/person-phone.svg") no-repeat center;
              mask-size: 48px;
              -webkit-mask-size: 48px;
              background-color: var(--uds-font-color);
              cursor: default;
              flex-shrink: 0; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .category-title {
            font-size: 24px !important;
            line-height: 26px;
            color: var(--uds-font-color);
            margin-top: 12px;
            font-weight: 700; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .category-text {
            font-size: 16px !important;
            line-height: 24px;
            color: var(--uds-secondary-font-color);
            margin-top: 12px;
            font-weight: 400; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered {
      width: 80%;
      margin: 0 auto;
      padding-top: 40px;
      font-size: 18px; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered .grid {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 24px 0 32px 0; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered .grid .row {
          display: flex;
          flex-direction: row;
          border-bottom: solid 1px rgba(143, 145, 153, 0.24);
          padding: 32px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered .grid .row.ipsSkeniraj:before {
            content: "";
            display: block;
            width: 127px;
            height: 40px;
            background: var(--ips-skeniraj);
            background-size: 100% 100%; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered .grid .row.ipsPokazi:before {
            content: "";
            display: block;
            width: 127px;
            height: 40px;
            background: var(--ips-pokazi);
            background-size: 100% 100%; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered .grid .row > svg {
            flex-shrink: 0; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered .grid .row .text {
            flex-grow: 1;
            font-weight: 400;
            padding-left: 24px; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered > ul {
        padding-left: 4px;
        list-style: disc;
        list-style-position: inside;
        margin-bottom: 24px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .containerCentered > ul > li > strong {
          font-weight: 900; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .btn2 {
      margin: 24px auto;
      display: flex;
      justify-content: center;
      align-items: center;
      min-width: 160px;
      background-color: #FEE600;
      color: #2B2D34;
      font-size: 16px;
      padding: 16px 32px;
      border-radius: 12px;
      font-weight: 700;
      border: 1px solid rgba(19, 20, 22, 0.08);
      cursor: pointer; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .btn2:hover {
        background-color: #e1cc03; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .btn2:focus {
        box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 5px rgba(0, 143, 168, 0.4); }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process {
    background: var(--uds-base-background); }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .page-header {
      background-color: var(--uds-font-color);
      box-shadow: none;
      position: relative;
      z-index: 10;
      font-family: amalia;
      width: 100%;
      overflow-x: hidden;
      border-top-left-radius: 16px;
      border-top-right-radius: 16px; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .page-header .container-1 {
        min-height: 72px;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .page-header .container-1 .page-logo-2 {
          position: relative;
          margin: 0 32px;
          width: 32px;
          height: 32px;
          flex-grow: 0; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .page-header .container-1 .page-title {
          position: relative;
          color: white;
          font-size: 26px;
          font-weight: 500;
          margin: -4px 0 0 0; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap {
      position: relative;
      font-family: amalia;
      margin-top: 30px; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 {
        position: relative;
        z-index: 1;
        min-height: 100px;
        width: calc(80% - 40px);
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps {
          position: absolute;
          top: 30px;
          left: 90px;
          width: calc(100% - 180px); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .progress {
            background-color: var(--uds-border-color);
            height: 1px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .point {
            position: absolute;
            transform: translate3d(-50%, 0, 0);
            top: calc(50% - 15px);
            width: 32px;
            height: 32px;
            border-radius: 50%;
            border: 1px solid var(--uds-border-color);
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: 500;
            z-index: 100; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .point > p {
              position: absolute;
              transform: translate3d(-50%, 0, 0);
              bottom: -30px;
              left: calc(50% + 0.2px);
              color: var(--uds-secondary-font-color);
              margin: 0;
              font-size: 18px;
              width: max-content;
              font-weight: 400; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .point .currentp {
              font-weight: 500;
              color: var(--uds-font-color); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .shadow {
            position: absolute;
            transform: translate3d(-50%, 0, 0);
            top: calc(50% - 23px);
            width: 48px;
            height: 48px;
            border-radius: 50%;
            background: var(--uds-base-background);
            z-index: 10; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .current {
            background-color: var(--action-color);
            color: var(--uds-font-color-inverted);
            border: none !important; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .done {
            background: var(--stepper-done-path);
            background-size: 32px;
            border: none !important; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .steps .subtitle {
            position: absolute;
            top: 64px;
            transform: translate3d(-50%, 0, 0);
            left: 0;
            font-size: 12px;
            color: var(--uds-secondary-font-color);
            font-weight: 400;
            min-width: max-content; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .error {
      position: relative;
      margin: 24px auto 0 auto;
      width: calc(80% - 92px);
      max-width: 1100px;
      background: #D7424B;
      display: none;
      gap: 12px;
      padding: 12px 16px;
      color: white;
      font-size: 14px;
      border-radius: 8px;
      opacity: 0;
      animation: show 0.3s ease forwards;
      animation-delay: 0.3s; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .error #errorBanner {
        position: absolute;
        top: -100px;
        width: 0;
        height: 0; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .error strong {
        font-weight: 700; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .infoBox {
      position: relative;
      margin: 24px auto 0 auto;
      width: calc(40% - 32px);
      min-width: 368px;
      background: var(--info-box);
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 12px 16px;
      color: var(--uds-blue-font-color);
      font-size: 14px;
      border-radius: 8px;
      opacity: 0;
      animation: show 0.3s ease forwards;
      animation-delay: 0.3s; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .infoBox:before {
        content: "";
        display: block;
        cursor: pointer;
        position: relative;
        width: 16px;
        height: 16px;
        background-color: var(--top-nav-icon-color);
        mask: url("images/uds/info-icon.svg") no-repeat center;
        -webkit-mask: url("images/uds/info-icon.svg") no-repeat center;
        mask-size: 16px;
        -webkit-mask-size: 16px;
        cursor: default;
        background-color: var(--uds-blue-font-color);
        flex-shrink: 0; }

@keyframes show {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .frame-component {
      max-width: 1100px;
      margin: 0 auto;
      display: block; }
    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container {
      display: flex;
      flex-direction: column;
      width: 100%;
      min-height: 100px;
      margin: 0px auto;
      position: relative;
      background: var(--uds-base-background);
      border-radius: 16px;
      font-family: amalia;
      height: auto;
      transition: height 0.2s ease; }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content {
        position: relative;
        display: block;
        width: 40%;
        min-width: 400px;
        margin: 24px auto; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .text-content {
          font-size: 18px;
          margin-bottom: 24px;
          width: 100%;
          display: block; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container {
          position: relative;
          display: block;
          justify-content: center;
          align-items: center;
          margin-bottom: 20px;
          width: 100%; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components {
            position: relative;
            display: block;
            width: 100%; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components select,
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components input {
              position: relative;
              display: block;
              font-family: 'amalia' !important;
              background: var(--uds-background) !important;
              border-radius: 8px;
              border: solid 1px var(--input-border-color);
              padding: 8px 12px !important;
              width: calc(100% - 24px) !important;
              color: var(--uds-font-color);
              font-weight: 400;
              line-height: 24px;
              font-size: 16px !important;
              letter-spacing: normal;
              caret-color: var(--action-color);
              outline: none; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components select:focus,
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components input:focus {
                border: solid 2px #EFD006 !important;
                outline: none; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components select[disabled],
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components input[disabled] {
                opacity: 0.5; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components select.phone,
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components input.phone {
                width: calc(100% - 111px) !important;
                padding-left: 99px !important;
                background: url(images/phoneFlag.png) no-repeat 16px center !important;
                background-size: auto 24px !important;
                background-color: var(--uds-background) !important;
                color: var(--uds-font-color) !important; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > select {
              width: 100%; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > select:focus,
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > input:focus {
              outline: none;
              border: solid 2px #EFD006; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .placeholder {
              color: #757575; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper {
              display: flex;
              align-items: flex-start;
              gap: 5px;
              margin-bottom: 4px; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > label {
                color: var(--uds-secondary-font-color);
                font-size: 12px;
                font-weight: 500;
                display: inline-block; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > span {
                color: #D7424B;
                font-size: 16px; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > svg {
                align-self: flex-start;
                cursor: pointer; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div {
                position: relative;
                cursor: pointer; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div .tooltip {
                  position: absolute;
                  bottom: 30px;
                  left: -34px;
                  display: none;
                  background: var(--uds-base-background);
                  padding: 10px 20px;
                  font-weight: 400;
                  font-size: 12px;
                  color: var(--uds-secondary-font-color);
                  box-shadow: 0px 2px 5px 0px #cfcfcf;
                  border-radius: 16px;
                  z-index: 1000;
                  width: auto;
                  text-align: left;
                  height: auto; }
                  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div .tooltip .tooltip-content {
                    display: none;
                    height: auto;
                    overflow: hidden; }
                    .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div .tooltip .tooltip-content > b {
                      font-size: 14px;
                      font-weight: 500;
                      color: var(--uds-font-color); }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div .tooltip::after {
                  content: '';
                  display: none;
                  position: absolute;
                  bottom: -19px;
                  left: 10px;
                  width: 60px;
                  height: 20px;
                  background-image: url(images/icons/Pointer.svg);
                  background-size: cover;
                  background-repeat: no-repeat;
                  z-index: 999; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div:hover > svg > path {
                fill: rgba(143, 145, 153, 0.6); }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div:hover .tooltip {
                display: flex;
                align-items: center; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div:hover .tooltip .tooltip-content {
                  display: flex;
                  flex-direction: column;
                  justify-content: center;
                  width: max-content;
                  max-width: 300px;
                  padding: 10px 16px; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .wrapper > div:hover .tooltip::after {
                display: block; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .phone {
              width: calc(100% - 111px) !important;
              padding-left: 99px !important;
              background: url(images/phoneFlag.png) no-repeat 16px center !important;
              background-size: auto 24px !important;
              background-color: var(--uds-background) !important;
              color: var(--uds-font-color) !important; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .validationMessage {
              color: #D7424B;
              font-size: 13px;
              margin-top: 10px;
              display: flex;
              align-items: center;
              float: none;
              text-align: left; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .validationMessage:before {
                content: '';
                width: 12px;
                height: 12px;
                position: relative;
                margin-right: 6px;
                background-image: url(images/icons/errorIcon.svg);
                background-repeat: no-repeat;
                background-position: center; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .dropdown-list {
              display: none; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .dropdown-list.active {
                display: block;
                position: absolute;
                width: calc(100% + 16px);
                z-index: 100;
                background-color: white; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .dropdown-list ul {
                list-style-type: none;
                padding: 0;
                margin: 5px 0 0 0;
                border: 1px solid rgba(143, 145, 153, 0.24);
                border-top: none;
                max-height: 200px;
                overflow-y: scroll;
                width: 100%;
                border-radius: 8px;
                box-shadow: 0px 2px 2px 0px #cfcfcf; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .dropdown-list ul li {
                  padding: 20px 15px;
                  cursor: pointer; }
                  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .dropdown-list ul li:hover {
                    background-color: rgba(101, 103, 114, 0.08); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .leftIcon {
              position: absolute;
              top: 16px;
              left: 16px; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > form .radioLabel {
              position: relative;
              font-family: amalia;
              background-color: var(--uds-background);
              border: solid 1px rgba(156, 150, 127, 0.24) !important;
              color: var(--uds-font-color);
              display: flex;
              align-items: center;
              gap: 16px;
              width: calc(100% - 40px);
              height: 20px;
              border-radius: 8px;
              font-size: 16px;
              font-weight: 500;
              padding: 24px 20px;
              margin-bottom: 8px;
              cursor: pointer; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > form .radioLabel:before {
                content: "";
                display: block;
                position: relative;
                width: 16px;
                height: 16px;
                background: var(--radio-false-path);
                background-size: 16px; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > form .radioLabel > input {
                position: absolute;
                opacity: 0;
                cursor: pointer;
                top: 0;
                left: 0;
                margin: 0;
                height: 68px;
                width: 100%; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > form .radioLabel .radio-label {
                position: relative;
                pointer-events: none; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > form .radioLabel > svg {
                position: absolute;
                top: 50%;
                left: 20px;
                transform: translateY(-50%);
                cursor: pointer; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > form .selectedRadio {
              background-color: var(--choice-selected);
              border: solid 2px var(--action-color) !important; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components > form .selectedRadio:before {
                background: var(--radio-path);
                background-size: 16px; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .titleCentered {
              text-align: center;
              font-size: 20px;
              font-weight: 700;
              color: var(--uds-font-color); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .titleCenteredBig {
              text-align: center;
              font-size: 32px;
              font-weight: 700;
              color: var(--uds-font-color); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .centeredBlackBold {
              font-weight: bold;
              font-size: 20px;
              text-align: center; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .underlined {
              margin-top: 24px;
              font-weight: 500;
              padding: 12px 0;
              border-bottom: 1px solid rgba(143, 145, 153, 0.24); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .centered {
              text-align: center;
              margin-top: 16px;
              font-weight: 400;
              color: var(--uds-secondary-font-color); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .centeredBlack {
              text-align: center;
              margin-top: 16px;
              font-weight: 400;
              color: black; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .title {
              margin-top: 24px;
              font-size: 20px;
              font-weight: 700;
              color: var(--uds-font-color); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .regular {
              margin-top: 24px;
              font-size: 16px;
              font-weight: 400;
              color: var(--uds-font-color); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .bold {
              font-weight: 700; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .double {
              display: flex;
              justify-content: space-between; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .double .delete {
                font-size: 16px;
                font-weight: 400;
                color: var(--action-color);
                cursor: pointer; }
                .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .double .delete:hover {
                  color: var(--action-color-hover); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .button {
              margin: 16px 0 48px 0;
              font-size: 14px;
              font-family: amalia;
              color: var(--uds-font-color);
              background-color: white;
              display: flex;
              align-items: center;
              justify-content: center;
              width: 100%;
              height: 40px;
              border-radius: 8px;
              font-weight: 500;
              border: 1px solid rgba(19, 20, 22, 0.08);
              cursor: pointer; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .button:hover {
                background-color: #e1cc03; }
              .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .button:focus {
                box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 5px rgba(0, 143, 168, 0.4); }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .yellow-button {
              background-color: #FEE600;
              width: 30%;
              margin: 0 auto; }
            .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .components .divider {
              border-bottom: 1px solid rgba(143, 145, 153, 0.24);
              margin-top: 48px;
              margin-bottom: 40px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container > span {
            font-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .action {
            font-size: 16px;
            color: #00758F;
            text-decoration: underline;
            cursor: pointer; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .components-container .action:hover {
            color: #00333f; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .add {
          font-size: 14px;
          font-family: amalia;
          color: var(--uds-font-color-inverted);
          background-color: var(--info-button-background);
          display: flex;
          gap: 8px;
          margin: 16px auto;
          align-items: center;
          justify-content: center;
          text-align: center;
          padding: 12px 16px;
          width: max-content;
          min-width: 100px;
          height: auto;
          border-radius: 8px;
          font-weight: 500;
          border: 1px solid rgba(19, 20, 22, 0.08);
          cursor: pointer; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .add:hover {
            background-color: var(--info-button-background-hover); }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content .add:before {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
            -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px;
            background-color: var(--uds-font-color-inverted); }
      .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom {
        position: relative;
        display: flex;
        border-top: 1px solid var(--divider-color);
        width: 100%;
        padding: 20px 0;
        gap: 12px;
        flex-direction: row-reverse; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next {
          font-family: amalia !important;
          display: flex !important;
          gap: 8px !important;
          text-align: center !important;
          justify-content: center !important;
          align-items: center !important;
          padding: 12px 16px !important;
          font-size: 14px !important;
          line-height: 24px !important;
          border-radius: 8px !important;
          font-weight: 500 !important;
          border: none !important;
          cursor: pointer !important;
          height: 42px !important;
          box-sizing: border-box !important;
          background: #FEE600 !important;
          color: #2B2D34 !important; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next:hover {
            background-color: #e1cc03 !important; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.download:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/download.svg") no-repeat center;
            -webkit-mask: url("images/uds/download.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.cancel:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/cancel.svg") no-repeat center;
            -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.send:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/doc-sent.svg") no-repeat center;
            -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px;
            background-color: #2B2D34; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.save:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/save-1.svg") no-repeat center;
            -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.print:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/printer.svg") no-repeat center;
            -webkit-mask: url("images/uds/printer.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.signature:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
            -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.delete:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/trash.svg") no-repeat center;
            -webkit-mask: url("images/uds/trash.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.calendar:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/calendar.svg") no-repeat center;
            -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.upload:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/upload.svg") no-repeat center;
            -webkit-mask: url("images/uds/upload.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.unarchive:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/unarchive.svg") no-repeat center;
            -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.more-info:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/invoice-info.svg") no-repeat center;
            -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.retry:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/retry-1.svg") no-repeat center;
            -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.copy:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/copy.svg") no-repeat center;
            -webkit-mask: url("images/uds/copy.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.add-new:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/add-to-dic.svg") no-repeat center;
            -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.add:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
            -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.edit:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/edit.svg") no-repeat center;
            -webkit-mask: url("images/uds/edit.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.archive:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/archive.svg") no-repeat center;
            -webkit-mask: url("images/uds/archive.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.unsee:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/eye-closed.svg") no-repeat center;
            -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .next.filter:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/filter.svg") no-repeat center;
            -webkit-mask: url("images/uds/filter.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
        .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back {
          font-family: amalia !important;
          display: flex !important;
          gap: 8px !important;
          text-align: center !important;
          justify-content: center !important;
          align-items: center !important;
          padding: 12px 16px !important;
          font-size: 14px !important;
          line-height: 24px !important;
          border-radius: 8px !important;
          font-weight: 500 !important;
          border: none !important;
          cursor: pointer !important;
          height: 42px !important;
          box-sizing: border-box !important;
          background: var(--uds-secondary-button-background) !important;
          color: var(--uds-font-color) !important;
          border: 1px solid var(--uds-border-color) !important; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back:hover {
            background-color: var(--uds-secondary-button-hover-background) !important; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.download:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/download.svg") no-repeat center;
            -webkit-mask: url("images/uds/download.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.cancel:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/cancel.svg") no-repeat center;
            -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.send:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/doc-sent.svg") no-repeat center;
            -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px;
            background-color: #2B2D34; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.save:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/save-1.svg") no-repeat center;
            -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.print:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/printer.svg") no-repeat center;
            -webkit-mask: url("images/uds/printer.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.signature:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
            -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.delete:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/trash.svg") no-repeat center;
            -webkit-mask: url("images/uds/trash.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.calendar:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/calendar.svg") no-repeat center;
            -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.upload:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/upload.svg") no-repeat center;
            -webkit-mask: url("images/uds/upload.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.unarchive:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/unarchive.svg") no-repeat center;
            -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.more-info:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/invoice-info.svg") no-repeat center;
            -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.retry:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/retry-1.svg") no-repeat center;
            -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.copy:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/copy.svg") no-repeat center;
            -webkit-mask: url("images/uds/copy.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.add-new:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/add-to-dic.svg") no-repeat center;
            -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.add:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
            -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.edit:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/edit.svg") no-repeat center;
            -webkit-mask: url("images/uds/edit.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.archive:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/archive.svg") no-repeat center;
            -webkit-mask: url("images/uds/archive.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.unsee:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/eye-closed.svg") no-repeat center;
            -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }
          .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .bottom .back.filter:after {
            content: "";
            display: block;
            cursor: pointer;
            position: relative;
            width: 16px;
            height: 16px;
            background-color: var(--top-nav-icon-color);
            mask: url("images/uds/filter.svg") no-repeat center;
            -webkit-mask: url("images/uds/filter.svg") no-repeat center;
            mask-size: 16px;
            -webkit-mask-size: 16px; }

.s-widget.StatisticalReports-zone.StatisticalReports {
  margin-bottom: 0;
  font-family: amalia; }
  .s-widget.StatisticalReports-zone.StatisticalReports .s-widget-content .s-widget-body {
    border-top: 0; }
    .s-widget.StatisticalReports-zone.StatisticalReports .s-widget-content .s-widget-body .main-container-statisticalReports {
      position: relative;
      width: 100%;
      height: calc(100vh - 180px); }
      .s-widget.StatisticalReports-zone.StatisticalReports .s-widget-content .s-widget-body .main-container-statisticalReports > iframe {
        position: relative;
        width: 100%;
        height: 100%;
        overflow-y: scroll; }
      .s-widget.StatisticalReports-zone.StatisticalReports .s-widget-content .s-widget-body .main-container-statisticalReports .container {
        position: relative;
        background: var(--uds-background);
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center; }

.CrossSellProcesses {
  background: none;
  font-family: amalia; }
  .CrossSellProcesses .s-widget-content .s-widget-body {
    border-top: none; }
    .CrossSellProcesses .s-widget-content .s-widget-body > div .processed {
      position: relative;
      margin-bottom: 3%; }
      .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider {
        width: 700px;
        margin: 0 auto; }
        .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .slick-dots {
          width: 100%;
          position: absolute;
          bottom: -30px;
          height: 19px;
          text-align: center; }
          .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .slick-dots li {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: var(--dots-color);
            cursor: pointer;
            margin: 4px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .slick-dots li button {
              padding: 0;
              text-indent: -9999px;
              overflow: hidden;
              display: inline-block;
              border: none; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .slick-dots li.slick-active {
              background: var(--dots-color-active); }
        .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner {
          background-color: none !important;
          background: none !important;
          height: 80px; }
          .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row {
            display: flex;
            background: #FFF0A6;
            height: 80px;
            align-items: center;
            padding-right: 16px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .svg {
              height: 80px;
              flex-shrink: 0;
              z-index: 10; }
              .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .svg:before {
                content: url(images/banner_logo.svg);
                height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .image {
              transform: translateX(-20px);
              height: 80px;
              flex-shrink: 0;
              z-index: 1; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .remoteAdvisoryImage {
              transform: translateX(10px); }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .ikesImage:before {
              content: url(images/banner_ikes.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .iaccountsImage:before {
              content: url(images/banner_iaccounts.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .cardsPhysicalImage:before {
              content: url(images/banner_cardsPhysical.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .cardsOnlineImage:before {
              content: url(images/banner_cardsOnline.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .instantPaymentsImage:before {
              content: url(images/banner_instantPayments.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .payByLinkImage:before {
              content: url(images/banner_payByLink.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .employeesOfferImage:before {
              content: url(images/banner_employeesOffer.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .investmentFundsImage:before {
              content: url(images/banner_investmentFunds.png);
              height: 80px; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .text {
              display: flex;
              justify-content: flex-start;
              align-items: center;
              text-align: left;
              font-size: 16px;
              font-weight: 400;
              height: calc(100% - 26px);
              padding: 13px 16px 13px 0px;
              flex-grow: 1; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .remoteAdvisoryText {
              flex-direction: column;
              justify-content: flex-start;
              align-items: flex-start;
              padding: 13px 16px 13px 20px; }
              .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .remoteAdvisoryText .text-1 {
                font-size: 18px;
                font-weight: 700; }
            .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .button {
              position: relative;
              display: flex;
              justify-content: center;
              align-items: center;
              text-align: center;
              padding: 12px 16px;
              min-width: max-content;
              height: auto;
              color: white;
              font-size: 14px;
              font-weight: 500;
              background: #2B2D34;
              border: none;
              border-radius: 8px;
              cursor: pointer;
              transition: background 0.3s ease;
              z-index: 1; }
              .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .banner .row .button:hover {
                background: #45474d; }
      .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .acc-nav .nav-arr {
        width: 32px;
        height: 32px;
        border-radius: 8px;
        border: 2px solid var(--uds-border-color);
        background: var(--uds-base-background);
        cursor: pointer;
        transition: none;
        position: absolute;
        top: calc(100% - 16px);
        background-image: none !important; }
        .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .acc-nav .nav-arr:hover {
          border: 2px solid var(--uds-border-color);
          background: var(--uds-border-color); }
      .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .acc-nav #arr-prev {
        left: 50%;
        z-index: 100; }
        .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .acc-nav #arr-prev:after {
          content: "";
          display: block;
          cursor: pointer;
          position: relative;
          width: 16px;
          height: 16px;
          background-color: var(--top-nav-icon-color);
          mask: url("images/uds/go-left.svg") no-repeat center;
          -webkit-mask: url("images/uds/go-left.svg") no-repeat center;
          mask-size: 16px;
          -webkit-mask-size: 16px;
          background-color: var(--uds-font-color);
          padding: 8px; }
      .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .acc-nav #arr-next {
        right: 50%;
        z-index: 100; }
        .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .acc-nav #arr-next:after {
          content: "";
          display: block;
          cursor: pointer;
          position: relative;
          width: 16px;
          height: 16px;
          background-color: var(--top-nav-icon-color);
          mask: url("images/uds/go-right.svg") no-repeat center;
          -webkit-mask: url("images/uds/go-right.svg") no-repeat center;
          mask-size: 16px;
          -webkit-mask-size: 16px;
          background-color: var(--uds-font-color);
          padding: 8px; }

.archive-message-hub .icon-archive-2 {
  display: none; }

.archive-message-hub .gvMessageList .checkbox.custom-checkbox-2 {
  display: none; }

.archive-message-hub .gvMessageList tbody tr td:nth-child(2) {
  display: none; }

.archive-message-hub .gvMessageList tbody tr td:nth-child(5) .archive-button {
  display: none; }

.messages-filter .dk-select-options.active {
  display: block !important;
  top: 39px;
  border-radius: 0;
  left: -11px;
  right: -11px; }

.messages-filter .dk-select-options li:hover {
  background: #0095c9;
  color: #fff; }

.selectedPostType #dk1-combobox {
  height: 29px;
  line-height: 29px; }

.unreadmessage-checkbox {
  font-size: 14px;
  cursor: pointer; }
  .unreadmessage-checkbox label {
    position: relative;
    bottom: 2px;
    cursor: pointer; }

.gvMessageList {
  position: relative; }
  .gvMessageList thead {
    display: none; }
  .gvMessageList .clientGrid tbody tr {
    align-self: center;
    height: 64px; }
    .gvMessageList .clientGrid tbody tr .uds-btn-secondary {
      display: none !important;
      opacity: 0;
      animation: action-btns-animation 0.2s ease forwards; }

@keyframes action-btns-animation {
  from {
    opacity: 0;
    transform: translateX(100%); }
  to {
    opacity: 1;
    transform: translateX(0); } }
    .gvMessageList .clientGrid tbody tr:hover {
      background-color: #fffde5; }
      .gvMessageList .clientGrid tbody tr:hover .uds-btn-secondary {
        display: flex !important; }
    .gvMessageList .clientGrid tbody tr td {
      height: 64px;
      padding: 0; }
      .gvMessageList .clientGrid tbody tr td .icon-right-wrapper {
        position: sticky; }
      .gvMessageList .clientGrid tbody tr td div {
        position: relative; }
        .gvMessageList .clientGrid tbody tr td div span.CREATED {
          font-weight: 700; }
        .gvMessageList .clientGrid tbody tr td div span.message {
          margin: 0;
          padding: 10px;
          position: absolute;
          top: 10px; }
      .gvMessageList .clientGrid tbody tr td:nth-child(2) {
        width: 20px;
        padding: 0 16px; }
      .gvMessageList .clientGrid tbody tr td:nth-child(3) {
        width: 30px; }
      .gvMessageList .clientGrid tbody tr td:nth-child(4) div {
        display: flex;
        flex-direction: column; }
        .gvMessageList .clientGrid tbody tr td:nth-child(4) div span.date {
          margin-top: 5px;
          line-height: 1.2; }
      .gvMessageList .clientGrid tbody tr td:nth-child(5) {
        width: 70px;
        position: relative; }
        .gvMessageList .clientGrid tbody tr td:nth-child(5) .archive-button {
          left: 15px; }
        .gvMessageList .clientGrid tbody tr td:nth-child(5) div {
          position: relative;
          display: flex;
          justify-content: center; }

.ui-dialog.WithTitleBox {
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%); }
  .ui-dialog.WithTitleBox .ui-dialog-titlebar {
    display: block !important;
    position: relative !important;
    background: none;
    border: none;
    text-align: center; }
    .ui-dialog.WithTitleBox .ui-dialog-titlebar > span {
      float: none;
      font-weight: bold;
      font-size: 20px;
      color: black; }
    .ui-dialog.WithTitleBox .ui-dialog-titlebar .ui-button {
      display: none; }
  .ui-dialog.WithTitleBox .ui-dialog-content {
    text-align: center; }
    .ui-dialog.WithTitleBox .ui-dialog-content ul {
      text-align: left;
      list-style: disc; }
  .ui-dialog.WithTitleBox .ui-dialog-content::before {
    display: none !important; }

.ui-dialog.WithTitleBoxUDS {
  top: 50% !important;
  left: 50% !important;
  width: 600px !important;
  height: auto !important;
  transform: translate(-50%, -50%);
  background: var(--uds-base-background);
  border: none !important;
  border-radius: 16px;
  font-family: amalia;
  padding: 0;
  box-shadow: 0px 6px 20px 0px rgba(19, 20, 22, 0.2), 0px 2px 6px 0px rgba(19, 20, 22, 0.15);
  opacity: 0;
  animation: opac 0.2s ease forwards; }
  .ui-dialog.WithTitleBoxUDS.widerBox {
    width: 800px !important; }
  .ui-dialog.WithTitleBoxUDS .ui-dialog-titlebar {
    display: flex;
    position: relative !important;
    background: none;
    border: none;
    text-align: left;
    padding: 16px 16px 0 16px;
    gap: 16px;
    opacity: 0;
    animation: opac 0.2s ease forwards;
    animation-delay: 0.1s; }
    .ui-dialog.WithTitleBoxUDS .ui-dialog-titlebar > span {
      float: none;
      font-weight: bold;
      font-size: 20px;
      font-weight: 700;
      color: var(--uds-font-color);
      margin: 0; }
      .ui-dialog.WithTitleBoxUDS .ui-dialog-titlebar > span > div {
        text-align: left;
        color: var(--uds-secondary-font-color);
        font-size: 14px;
        font-weight: 400; }
    .ui-dialog.WithTitleBoxUDS .ui-dialog-titlebar .ui-button {
      display: none; }
    .ui-dialog.WithTitleBoxUDS .ui-dialog-titlebar:before {
      content: url(images/uds/checkmark-ring.svg);
      width: 32px;
      height: 32px;
      padding: 4px 0 0 0; }
  .ui-dialog.WithTitleBoxUDS.info-icon .ui-dialog-titlebar:before {
    content: url(images/uds/info-icon.svg);
    width: 32px;
    height: 32px; }
  .ui-dialog.WithTitleBoxUDS.danger .ui-dialog-titlebar:before {
    content: url(images/uds/danger.svg);
    width: 32px;
    height: 32px; }
  .ui-dialog.WithTitleBoxUDS.warning .ui-dialog-titlebar:before {
    content: url(images/uds/warning.svg);
    width: 32px;
    height: 32px; }
  .ui-dialog.WithTitleBoxUDS.neutral .ui-dialog-titlebar:before {
    content: url(images/uds/checkmark-ring-neutral.svg);
    width: 32px;
    height: 32px; }
  .ui-dialog.WithTitleBoxUDS .ui-dialog-buttonpane {
    margin: 0;
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    background: var(--uds-base-background);
    border: none !important; }
    .ui-dialog.WithTitleBoxUDS .ui-dialog-buttonpane .ui-dialog-buttonset {
      display: flex;
      flex-direction: row-reverse;
      justify-content: center;
      gap: 16px; }
      .ui-dialog.WithTitleBoxUDS .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-text {
        text-transform: none;
        padding: 0;
        line-height: 24px;
        min-width: 36px; }
  .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {
    font-family: amalia !important;
    display: flex !important;
    gap: 8px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    border: none !important;
    cursor: pointer !important;
    height: 42px !important;
    box-sizing: border-box !important;
    background: #FEE600 !important;
    color: #2B2D34 !important;
    margin: 0 !important; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover {
      background-color: #e1cc03 !important; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.download:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/download.svg") no-repeat center;
      -webkit-mask: url("images/uds/download.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.cancel:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/cancel.svg") no-repeat center;
      -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.send:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sent.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px;
      background-color: #2B2D34; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.save:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/save-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.print:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/printer.svg") no-repeat center;
      -webkit-mask: url("images/uds/printer.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.signature:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.delete:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/trash.svg") no-repeat center;
      -webkit-mask: url("images/uds/trash.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.calendar:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/calendar.svg") no-repeat center;
      -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.upload:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/upload.svg") no-repeat center;
      -webkit-mask: url("images/uds/upload.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.unarchive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/unarchive.svg") no-repeat center;
      -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.more-info:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/invoice-info.svg") no-repeat center;
      -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.retry:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/retry-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.copy:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/copy.svg") no-repeat center;
      -webkit-mask: url("images/uds/copy.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.add-new:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/add-to-dic.svg") no-repeat center;
      -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.add:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.edit:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/edit.svg") no-repeat center;
      -webkit-mask: url("images/uds/edit.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.archive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/archive.svg") no-repeat center;
      -webkit-mask: url("images/uds/archive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.unsee:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/eye-closed.svg") no-repeat center;
      -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.filter:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/filter.svg") no-repeat center;
      -webkit-mask: url("images/uds/filter.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
  .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child) {
    font-family: amalia !important;
    display: flex !important;
    gap: 8px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    border: none !important;
    cursor: pointer !important;
    height: 42px !important;
    box-sizing: border-box !important;
    background: var(--uds-secondary-button-background) !important;
    color: var(--uds-font-color) !important;
    border: 1px solid var(--uds-border-color) !important;
    margin: 0 !important; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child):hover {
      background-color: var(--uds-secondary-button-hover-background) !important; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).download:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/download.svg") no-repeat center;
      -webkit-mask: url("images/uds/download.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).cancel:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/cancel.svg") no-repeat center;
      -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).send:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sent.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px;
      background-color: #2B2D34; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).save:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/save-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).print:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/printer.svg") no-repeat center;
      -webkit-mask: url("images/uds/printer.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).signature:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).delete:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/trash.svg") no-repeat center;
      -webkit-mask: url("images/uds/trash.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).calendar:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/calendar.svg") no-repeat center;
      -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).upload:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/upload.svg") no-repeat center;
      -webkit-mask: url("images/uds/upload.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).unarchive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/unarchive.svg") no-repeat center;
      -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).more-info:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/invoice-info.svg") no-repeat center;
      -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).retry:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/retry-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).copy:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/copy.svg") no-repeat center;
      -webkit-mask: url("images/uds/copy.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).add-new:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/add-to-dic.svg") no-repeat center;
      -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).add:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).edit:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/edit.svg") no-repeat center;
      -webkit-mask: url("images/uds/edit.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).archive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/archive.svg") no-repeat center;
      -webkit-mask: url("images/uds/archive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).unsee:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/eye-closed.svg") no-repeat center;
      -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).filter:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/filter.svg") no-repeat center;
      -webkit-mask: url("images/uds/filter.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
  .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {
    font-family: amalia !important;
    display: flex !important;
    gap: 8px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    border: none !important;
    cursor: pointer !important;
    height: 42px !important;
    box-sizing: border-box !important;
    background: var(--uds-secondary-button-background) !important;
    color: var(--uds-font-color) !important;
    border: 1px solid var(--uds-border-color) !important;
    margin: 0 !important; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover {
      background-color: var(--uds-secondary-button-hover-background) !important; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.download:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/download.svg") no-repeat center;
      -webkit-mask: url("images/uds/download.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.cancel:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/cancel.svg") no-repeat center;
      -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.send:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sent.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px;
      background-color: #2B2D34; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.save:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/save-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.print:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/printer.svg") no-repeat center;
      -webkit-mask: url("images/uds/printer.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.signature:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.delete:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/trash.svg") no-repeat center;
      -webkit-mask: url("images/uds/trash.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.calendar:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/calendar.svg") no-repeat center;
      -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.upload:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/upload.svg") no-repeat center;
      -webkit-mask: url("images/uds/upload.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.unarchive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/unarchive.svg") no-repeat center;
      -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.more-info:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/invoice-info.svg") no-repeat center;
      -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.retry:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/retry-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.copy:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/copy.svg") no-repeat center;
      -webkit-mask: url("images/uds/copy.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.add-new:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/add-to-dic.svg") no-repeat center;
      -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.add:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.edit:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/edit.svg") no-repeat center;
      -webkit-mask: url("images/uds/edit.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.archive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/archive.svg") no-repeat center;
      -webkit-mask: url("images/uds/archive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.unsee:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/eye-closed.svg") no-repeat center;
      -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.filter:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/filter.svg") no-repeat center;
      -webkit-mask: url("images/uds/filter.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
  .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child) {
    font-family: amalia !important;
    display: flex !important;
    gap: 8px !important;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 24px !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    border: none !important;
    cursor: pointer !important;
    height: 42px !important;
    box-sizing: border-box !important;
    background: #FEE600 !important;
    color: #2B2D34 !important;
    margin: 0 !important; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child):hover {
      background-color: #e1cc03 !important; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).download:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/download.svg") no-repeat center;
      -webkit-mask: url("images/uds/download.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).cancel:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/cancel.svg") no-repeat center;
      -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).send:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sent.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px;
      background-color: #2B2D34; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).save:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/save-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).print:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/printer.svg") no-repeat center;
      -webkit-mask: url("images/uds/printer.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).signature:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).delete:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/trash.svg") no-repeat center;
      -webkit-mask: url("images/uds/trash.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).calendar:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/calendar.svg") no-repeat center;
      -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).upload:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/upload.svg") no-repeat center;
      -webkit-mask: url("images/uds/upload.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).unarchive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/unarchive.svg") no-repeat center;
      -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).more-info:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/invoice-info.svg") no-repeat center;
      -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).retry:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/retry-1.svg") no-repeat center;
      -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).copy:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/copy.svg") no-repeat center;
      -webkit-mask: url("images/uds/copy.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).add-new:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/add-to-dic.svg") no-repeat center;
      -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).add:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).edit:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/edit.svg") no-repeat center;
      -webkit-mask: url("images/uds/edit.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).archive:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/archive.svg") no-repeat center;
      -webkit-mask: url("images/uds/archive.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).unsee:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/eye-closed.svg") no-repeat center;
      -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
    .ui-dialog.WithTitleBoxUDS:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).filter:after {
      content: "";
      display: block;
      cursor: pointer;
      position: relative;
      width: 16px;
      height: 16px;
      background-color: var(--top-nav-icon-color);
      mask: url("images/uds/filter.svg") no-repeat center;
      -webkit-mask: url("images/uds/filter.svg") no-repeat center;
      mask-size: 16px;
      -webkit-mask-size: 16px; }
  .ui-dialog.WithTitleBoxUDS .ui-dialog-content {
    text-align: left;
    margin: 0 0 0 64px !important;
    padding: 0 16px 16px 0 !important;
    opacity: 1; }
  .ui-dialog.WithTitleBoxUDS .ui-dialog-content::before {
    display: none !important; }

@keyframes opac {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  .ui-dialog.WithTitleBoxUDS #messageBoxElement {
    font-size: 14px !important;
    color: var(--uds-font-color); }

.e-invoce-registratrion > div .box .box_body .normal-form > form {
  display: inline-block; }
  .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side {
    float: left;
    width: 69%; }
    .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .logo .logo-img::before {
      content: url(images/efaktura.svg);
      display: block;
      height: 60px; }
    .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .text {
      text-align: left;
      letter-spacing: 0px;
      color: #000000;
      margin-top: 5%; }
    .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .form-cols {
      margin-top: 5%;
      display: block; }
      .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .form-cols .form-col {
        width: 80%; }
        .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .form-cols .form-col .group .group-inner .input-wrap {
          width: 90%; }
        .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .form-cols .form-col .group .group-dates {
          display: block;
          margin-top: 5%; }
          .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .form-cols .form-col .group .group-dates .part-checkbox {
            width: 100%; }
      .e-invoce-registratrion > div .box .box_body .normal-form > form .left-side .form-cols .group-submit {
        display: block;
        margin-top: 5%; }
  .e-invoce-registratrion > div .box .box_body .normal-form > form .right-side {
    float: right;
    width: 29%; }
    .e-invoce-registratrion > div .box .box_body .normal-form > form .right-side > h3 {
      text-align: left;
      font-weight: bold;
      font-size: 21px;
      letter-spacing: 0px;
      color: #000000; }
    .e-invoce-registratrion > div .box .box_body .normal-form > form .right-side > p {
      margin-top: 5%;
      text-align: left;
      letter-spacing: 0px;
      color: #808185; }

.confirmation-zone.eInvoices .s-widget-content .s-widget-body {
  position: relative; }
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .menu .menu-item,
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .menu .menu-item {
    background: #f8f8f8; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .menu .menu-item .list-item .item,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .menu .menu-item .list-item .item {
      width: 25%; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .menu .menu-item .list-item .item > span,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .menu .menu-item .list-item .item > span {
        color: #808185; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .menu .menu-item .list-item .active,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .menu .menu-item .list-item .active {
      background: var(--uds-base-background); }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .menu .menu-item .list-item .active > span,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .menu .menu-item .list-item .active > span {
        color: black; }
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .part-file-type-btns,
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .part-file-type-btns {
    display: block;
    text-align: center; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .part-file-type-btns > button,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .part-file-type-btns > button {
      width: 20%;
      font-weight: normal; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .part-file-type-btns .active,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .part-file-type-btns .active {
      background: #0095C9;
      color: white; }
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form,
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form {
    margin-top: 2%; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper {
      width: 180px; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-selected::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-selected::before {
        width: 25px;
        height: 25px;
        right: -7%; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option > span,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option > span {
        margin-left: 7px; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option > span::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option > span::before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        top: 50%;
        left: -13%;
        transform: translate(-50%, -50%); }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Stornirano::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Stornirano::before {
        background-color: #A09537; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Odbijeno::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Odbijeno::before {
        background-color: #EC471E; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Odobreno::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Odobreno::before {
        background-color: #A5D867; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Neobradjena::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Neobradjena::before {
        background-color: #3AAFC6; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Poslato::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper .dk-select .dk-select-options .dk-option .Poslato::before {
        background-color: #46B4D7; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper::before,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .supplementary-cards-select-wrapper::before {
      display: none; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .docType-wrapper,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .docType-wrapper {
      width: 170px; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .docType-wrapper .dk-selected::before,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .docType-wrapper .dk-selected::before {
        width: 25px;
        height: 25px;
        right: -7%; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .docType-wrapper::before,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .docType-wrapper::before {
      display: none; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .input-wrap.input-value,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .input-wrap.input-value {
      width: 160px;
      padding: 5px 10px 5px; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .input-wrap.input-value .input-1,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .input-wrap.input-value .input-1 {
        line-height: 24px; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .input-calendar,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .box_body__filter .top-wrap .filter-form .filter-filedset .input-calendar {
      width: 160px; }
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item,
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item {
    table-layout: fixed; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > thead > tr > th,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > thead > tr > th {
      text-align: left; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr {
      position: relative; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td {
        vertical-align: middle;
        text-align: left; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p {
          position: relative;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          max-width: 190px;
          padding-left: 15px; }
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Stornirano, .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Odbijeno, .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Odobreno, .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Neobradjena, .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Poslato, .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.isPaidInvoice, .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.isDoesNotPayInvoice,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Stornirano,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Odbijeno,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Odobreno,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Neobradjena,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.Poslato,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.isPaidInvoice,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > p.isDoesNotPayInvoice {
            display: flex;
            align-items: center;
            gap: 8px; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > button,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > button {
          position: relative; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Stornirano::before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Stornirano::before {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 4px;
          background-color: #E07F00; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Odbijeno::before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Odbijeno::before {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 4px;
          background-color: #D62C2C; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Odobreno::before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Odobreno::before {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 4px;
          background-color: #40921E; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Neobradjena::before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Neobradjena::before {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 4px;
          background-color: #118DB8; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Poslato::before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .Poslato::before {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 4px;
          background-color: #e6e6e7; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .isPaidInvoice::before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .isPaidInvoice::before {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 4px;
          background-color: #40921E; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .isDoesNotPayInvoice::before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .isDoesNotPayInvoice::before {
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          border-radius: 4px;
          background-color: #D62C2C; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta {
          width: 100%;
          height: 100%;
          position: absolute;
          align-items: center;
          justify-content: center;
          top: 0; }
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action {
            display: flex;
            gap: 12px;
            justify-content: space-evenly; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-false,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-false {
              background-image: url(images/icons/ic_odbaci_fakturu.png) !important;
              background-repeat: no-repeat;
              background-position: left; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-true,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-true {
              background-image: url(images/icons/ic_odobri_fakturu.png) !important;
              background-repeat: no-repeat;
              background-position: left; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-pay,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-pay {
              background-image: url(images/icons/ic_plati.png) !important;
              background-repeat: no-repeat;
              background-position: left; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-download,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action .ui-icon-download {
              background-image: url(images/icons/ic_preuzmi.png) !important;
              background-repeat: no-repeat;
              background-position: left; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button {
              transform: none !important; }
              .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button:before,
              .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button:before {
                background-image: none !important; }
              .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button .ui-icon-false,
              .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button .ui-icon-false {
                background-image: none !important;
                background-repeat: no-repeat; }
              .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button .ui-icon-true,
              .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td .table-cta .button-action > button .ui-icon-true {
                background-image: none !important;
                background-repeat: no-repeat; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > input[type=checkbox]:before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > input[type=checkbox]:before {
          font-family: "FontAwesome";
          content: "\f00c";
          font-size: 15px;
          color: transparent !important;
          background: #eee;
          display: block;
          width: 18px;
          height: 18px;
          margin-right: 7px;
          border-radius: 2px;
          cursor: pointer; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > input[type=checkbox]:hover:before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > input[type=checkbox]:hover:before {
          background: #ccc; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > input[type=checkbox]:checked:hover:before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr > td > input[type=checkbox]:checked:hover:before {
          background-image: url(images/icons/check-icon.png);
          background-repeat: no-repeat;
          background-color: #2196f3;
          border-color: #c3c3c3;
          background-position: 50%; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .Multiselect .checkboxCustom,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .Multiselect .checkboxCustom {
        margin: 0 auto;
        width: 22px;
        height: 22px; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .Multiselect .checkboxCustom .checkmark,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .Multiselect .checkboxCustom .checkmark {
          border: 2px solid #C3C3C3; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .table-cta-wrap,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .table-cta-wrap {
        width: 100%; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .table-cta-wrap > p,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .list-item > tbody > tr .table-cta-wrap > p {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          width: 160px;
          max-width: 100%; }
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .count,
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .count {
    background: #E9EAEA 0% 0% no-repeat padding-box;
    display: flex;
    padding: 2%; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .count > div > span,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .count > div > span {
      font-weight: bold; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .box_body .normal-table .normal-table-overscroll .count .amount-invoice,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .box_body .normal-table .normal-table-overscroll .count .amount-invoice {
      margin-left: 2%; }
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings,
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings {
    position: absolute;
    top: -4%;
    right: 3%; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown,
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown {
      position: relative;
      right: -5px; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-selected-label,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-selected-label {
        position: relative;
        display: inline-block;
        zoom: 1;
        cursor: pointer;
        font-size: 18px;
        text-align: right;
        margin-left: 20%; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-selected-label:before,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-selected-label:before {
          content: url("images/icons/ic_podesavanja.png");
          position: absolute;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          top: 18%;
          left: -40%;
          transform: translate(-50%, -50%); }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options {
        position: relative;
        width: 100%;
        background: var(--uds-base-background);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        background: #f8f8f8;
        display: none; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options-list {
        position: relative;
        width: 100%; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item:hover,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item:hover {
          background: #f9f9f9;
          -webkit-transition: background .3s ease;
          transition: background .3s ease; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item,
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item {
          background: var(--uds-base-background);
          -webkit-transition: background .3s ease;
          transition: background .3s ease; }
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a,
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a {
            padding: 18px 20px 18px 64px;
            position: relative;
            display: block;
            color: var(--uds-font-color);
            font-size: 18px;
            line-height: 20px; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon {
              width: 24px;
              height: 24px;
              position: absolute;
              left: 20px;
              top: 55%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon-change-api,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon-change-api {
              background-image: url(images/icons/ic_izmeni_kljuc.png);
              background-repeat: no-repeat; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon-delete-api,
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon-delete-api {
              background-image: url(images/icons/ic_ukini_dozvolu.png);
              background-repeat: no-repeat; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .options-div,
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .accept-invoice .main-container .settings .customDropdown .options-div {
        width: 250px; }
  .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings {
    position: absolute;
    top: -4%;
    right: 3%; }
    .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown {
      position: relative;
      right: -5px; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-selected-label {
        position: relative;
        display: inline-block;
        zoom: 1;
        cursor: pointer;
        font-size: 18px;
        text-align: right;
        margin-left: 20%; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-selected-label:before {
          content: url("images/icons/ic_podesavanja.png");
          position: absolute;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          top: 18%;
          left: -40%;
          transform: translate(-50%, -50%); }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options {
        position: relative;
        width: 100%;
        background: var(--uds-base-background);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
        background: #f8f8f8; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list {
        position: relative;
        width: 100%; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item:hover {
          background: #f9f9f9;
          -webkit-transition: background .3s ease;
          transition: background .3s ease; }
        .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item {
          background: var(--uds-base-background);
          -webkit-transition: background .3s ease;
          transition: background .3s ease; }
          .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a {
            padding: 18px 20px 18px 64px;
            position: relative;
            display: block;
            color: var(--uds-font-color);
            font-size: 18px;
            line-height: 20px; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon {
              width: 24px;
              height: 24px;
              position: absolute;
              left: 20px;
              top: 55%;
              -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon-change-api {
              background-image: url(images/icons/ic_izmeni_kljuc.png);
              background-repeat: no-repeat; }
            .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .customDropdown-options-list .customDropdown-options-list-item a .icon-delete-api {
              background-image: url(images/icons/ic_ukini_dozvolu.png);
              background-repeat: no-repeat; }
      .confirmation-zone.eInvoices .s-widget-content .s-widget-body > div .content .pay-invoice .main-container .settings .customDropdown .options-div {
        width: 250px; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li > span {
  font-size: 15px;
  color: var(--uds-font-color);
  float: right;
  font-weight: 700;
  margin-bottom: 0;
  max-width: 250px;
  text-align: right;
  position: relative; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li > span::before {
  content: '';
  display: block;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .Stornirano::before {
  background-color: #A09537; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .Odbijeno::before {
  background-color: #EC471E; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .Odobreno::before {
  background-color: #A5D867; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .Neobradjena::before {
  background-color: #3AAFC6; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .Poslato::before {
  background-color: #46B4D7; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .isPaidInvoice::before {
  background-color: #35B37E; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .isDoesNotPayInvoice::before {
  background-color: #E61E33; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .part-checkbox {
  padding: 10px 16px 0 0; }
  .eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .part-checkbox .checkboxCustom {
    width: 20px !important;
    height: 20px !important;
    margin: 0 auto; }
  .eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .part-checkbox .checkboxCustom ul .checkbox-save > i {
    width: 20px !important;
    height: 20px !important; }
  .eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list > li .part-checkbox .checkboxCustom ul .checkbox-save.checked > i {
    background-image: url("images/uds/Checkbox.svg");
    background-size: 20px; }

.eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list .InitiatedPaymentStatus {
  position: relative; }
  .eInvoicePopup .side-modal .side-modal-wrapper .side-modal .modal-inner-content .modal-body .modal-body-list .InitiatedPaymentStatus .info-2 {
    margin-right: 7%; }

.eInvoiceProfile .s-widget-content .s-widget-body {
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 0; }
  .eInvoiceProfile .s-widget-content .s-widget-body > div .einvoice-profile {
    position: relative;
    display: flex;
    margin: 3%;
    min-height: 65px;
    justify-content: center;
    align-items: center; }
    .eInvoiceProfile .s-widget-content .s-widget-body > div .einvoice-profile .title {
      width: 50%;
      position: relative;
      text-align: left; }
      .eInvoiceProfile .s-widget-content .s-widget-body > div .einvoice-profile .title:before {
        content: "";
        display: block;
        position: absolute;
        top: 16px;
        left: 16px;
        width: 48px;
        height: 48px;
        background-color: var(--top-nav-icon-color);
        mask: url("images/uds/ic_efakture.svg") no-repeat center;
        -webkit-mask: url("images/uds/ic_efakture.svg") no-repeat center;
        mask-size: 48px;
        -webkit-mask-size: 48px;
        background-color: #01ce96;
        left: -66px;
        top: -2px; }
      .eInvoiceProfile .s-widget-content .s-widget-body > div .einvoice-profile .title .title-mail {
        font-weight: bold;
        font-size: 18px; }
      .eInvoiceProfile .s-widget-content .s-widget-body > div .einvoice-profile .title .email-index {
        color: #7B7B7B; }
    .eInvoiceProfile .s-widget-content .s-widget-body > div .einvoice-profile .button-wrap .revork {
      background-color: #D1D1D1; }
  .eInvoiceProfile .s-widget-content .s-widget-body > div .inner {
    margin: 0 5%; }
    .eInvoiceProfile .s-widget-content .s-widget-body > div .inner .info-card.corp {
      text-align: left; }
      .eInvoiceProfile .s-widget-content .s-widget-body > div .inner .info-card.corp .title-with-icon {
        text-align: left; }
        .eInvoiceProfile .s-widget-content .s-widget-body > div .inner .info-card.corp .title-with-icon .icon:before {
          content: "";
          position: absolute;
          top: 8%;
          left: 4%;
          width: 45px;
          height: 45px;
          background-image: url(images/icons/ic_howTo.png);
          background-size: contain;
          /* ili cover, u zavisnosti od potreba */
          background-repeat: no-repeat;
          z-index: 1; }

.downloadInvoiceDialog {
  width: 650px !important; }
  .downloadInvoiceDialog #api-download-popup .popup-inner .adittional,
  .downloadInvoiceDialog #api-download-popup .popup-inner .invoice {
    text-align: left; }
    .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .title,
    .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .title {
      font-size: 16px;
      font-weight: bold; }
    .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content,
    .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .content {
      /*border-bottom: 2px solid #00000029;
                    border-top: 2px solid #00000029;*/
      align-items: center;
      display: flex;
      margin-top: 1%;
      padding-top: 2%;
      padding-bottom: 2%; }
      .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content .invoice-name,
      .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .content .invoice-name {
        position: relative;
        margin-left: 5%;
        width: 60%; }
        .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content .invoice-name:before,
        .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .content .invoice-name:before {
          content: "";
          position: absolute;
          top: 0;
          left: -10%;
          width: 100%;
          height: 100%;
          background-image: url(images/icons/ic_faktura.png);
          background-size: contain;
          background-repeat: no-repeat;
          z-index: 1; }
      .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content .button-action,
      .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .content .button-action {
        margin-left: 0%;
        width: 40%; }
        .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content .button-action > button,
        .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .content .button-action > button {
          border: 1px solid #CACACA;
          background: #FFFFFF 0% 0% no-repeat padding-box;
          padding: 10px;
          position: relative;
          float: right;
          width: 60%; }
          .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content .button-action > button .icon-button:before,
          .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .content .button-action > button .icon-button:before {
            content: "";
            position: absolute;
            top: 25%;
            left: 3%;
            width: 20px;
            height: 20px;
            background-image: url(images/icons/ic_preuzmi.png);
            background-size: contain;
            background-repeat: no-repeat;
            z-index: 1; }
          .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content .button-action > button .icon-name,
          .downloadInvoiceDialog #api-download-popup .popup-inner .invoice .content .button-action > button .icon-name {
            margin-left: 10%; }
  .downloadInvoiceDialog #api-download-popup .popup-inner .adittional {
    margin-top: 2%; }
    .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content {
      border-top: none !important; }
      .downloadInvoiceDialog #api-download-popup .popup-inner .adittional .content .invoice-name:before {
        background-image: url(images/icons/ic_prilog.png) !important; }

.profile-zone .s-widget-zone-content .k-content .eInvoiceProfile .s-widget-content .s-widget-body > div .e-invoce-registratrion .row .box .box_body .normal-form {
  padding: 45px 0px; }
  .profile-zone .s-widget-zone-content .k-content .eInvoiceProfile .s-widget-content .s-widget-body > div .e-invoce-registratrion .row .box .box_body .normal-form > form .left-side .logo .logo-img:before {
    width: 100%;
    text-align: left; }
  .profile-zone .s-widget-zone-content .k-content .eInvoiceProfile .s-widget-content .s-widget-body > div .e-invoce-registratrion .row .box .box_body .normal-form > form .left-side .form-cols .form-col .group .group-inner .input-wrap {
    width: 88%; }
  .profile-zone .s-widget-zone-content .k-content .eInvoiceProfile .s-widget-content .s-widget-body > div .e-invoce-registratrion .row .box .box_body .normal-form > form .left-side .form-cols .form-col .group .group-dates {
    padding-right: 57px; }

.apiErrorDialog .popup-content .popup-inner .group .popup-text {
  color: var(--uds-font-color); }
  .apiErrorDialog .popup-content .popup-inner .group .popup-text #changeApiText > span {
    color: var(--uds-secondary-font-color); }

.apiErrorDialog .popup-content .popup-inner #noteInput {
  height: auto !important; }

.domesticModify .ui-dialog-titlebar .ui-button {
  background: none !important; }

.domesticModify .ui-dialog-content > div .box .top-header-line .s-widget-header {
  background: none !important;
  border-left: none !important; }

.domesticModify .ui-dialog-content > div .box .box_body .normal-form.padding > form .form-cols .form-col .group .group-inner .creditAccount-wrap .custom-select .selected-item .value-1, .domesticModify .ui-dialog-content > div .box .box_body .normal-form.padding > form .form-cols .form-col .group .group-inner .creditAccount-wrap2 .custom-select .selected-item .value-1 {
  font: 100% "amalia", sans-serif;
  font-weight: bold;
  font-size: 16px; }

.domesticModify .ui-dialog-content > div .box .box_body .normal-form.padding > form .form-cols .form-col .group .group-inner .creditAccount-wrap .custom-select .selected-item .value-2, .domesticModify .ui-dialog-content > div .box .box_body .normal-form.padding > form .form-cols .form-col .group .group-inner .creditAccount-wrap2 .custom-select .selected-item .value-2 {
  font: 100% "amalia", sans-serif;
  font-size: 15px;
  line-height: 22px;
  text-align: left;
  color: #808185; }

.domesticModify .ui-dialog-content > div .box .box_body .normal-form.padding > form .form-cols .form-col .group .group-inner .custom-combo > input {
  width: 93%; }

.domesticModify .ui-dialog-content .loader {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: calc(100% + (100% * 0.15));
  top: -11%; }
  .domesticModify .ui-dialog-content .loader .s-overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100; }
  .domesticModify .ui-dialog-content .loader .s-overlay-message {
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 101;
    border-radius: 6px; }
    .domesticModify .ui-dialog-content .loader .s-overlay-message .spinner {
      margin-left: 0;
      background-image: url("images/segment-material-preloader-1.gif");
      background-position: center;
      background-repeat: no-repeat;
      width: 64px;
      height: 64px;
      margin: auto; }

.ui-dialog.right-dialog.details-dialog.supplementaryCards {
  width: 530px !important; }

.ui-dialog.right-dialog.details-dialog.primaryCards {
  width: 530px !important; }
  .ui-dialog.right-dialog.details-dialog.primaryCards .img {
    height: 296px;
    margin-top: 0; }
  .ui-dialog.right-dialog.details-dialog.primaryCards .modal-body-title-2 {
    padding: 0;
    margin: 24px 0; }

.udsWidget .customSort {
  padding-right: 20px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: transparent;
  user-select: none; }

.blue-box-info {
  color: #2b2d34;
  font-weight: 400;
  background-color: #E2F4FC;
  border: 1px solid #0077A4;
  border-radius: 15px;
  padding: 12px 16px;
  font-size: 13px; }
  .blue-box-info .info-header {
    display: flex;
    align-items: flex-start;
    gap: 12px; }
  .blue-box-info .info_icon {
    background-size: contain;
    background-image: url(images/icons/Info_icon.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 35px; }

:root {
  --uds-base-background: #fff;
  --uds-background: #f8f6f2;
  --uds-font-color: #2B2D34;
  --uds-font-color-inverted: #F9F9F9;
  --uds-border-color: #e7e6e0;
  --uds-secondary-font-color: #55575D;
  --uds-secondary-font-color-inverted: #D5D5D6;
  --uds-blue-font-color: #0F7095;
  --uds-blue-font-color-inverted: #BFE9F8;
  --uds-hover-color: #E2F4FC;
  --choice-selected: #E2F4FC;
  --uds-secondary-button-background: #fff;
  --uds-secondary-button-hover-background: #e5e5e6;
  --border-bottom: #e7e6e0;
  --top-nav-icon-color: #808185;
  --icon-color-active: #0F7095;
  --spinner-path: url("images/uds/spinner-uds.svg");
  --checkbox-path: url("images/uds/checkbox.svg");
  --checkbox-false-path: url("images/uds/checkbox_false.svg");
  --radio-path: url("images/uds/radio.svg");
  --radio-false-path: url("images/uds/radio-false.svg");
  --stepper-done-path: url("images/uds/stepper-done.svg");
  --success-path: url("images/uds/success-large.svg");
  --package-path: url("images/uds/package.svg");
  --no-result-path: url("images/uds/no-result.svg");
  --login-background: url("images/login/login-new-light.jpg");
  --calendar-down-arrow: url("images/uds/menu-down.svg");
  --info-big: url("images/uds/info-big.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlock.svg");
  --ips-skeniraj: url("images/uds/ipsSkeniraj.svg");
  --ips-pokazi: url("images/uds/ipsPokazi.svg");
  --action-color: #118DB8;
  --action-color-hover: #1481a8;
  --dots-color: #dad7cd;
  --dots-color-active: #2b2d34;
  --divider-color: #e7e6e0;
  --input-border-color: #e2dfd6;
  --info-button-background: #118DB8;
  --info-button-background-hover: #2e9bc1;
  --info-secondary-button-background-hover: #c9e3ef;
  --info-box: #E2F4FC;
  --warning-yellow: #ffeec7;
  --warning-yellow-font: #bb5802;
  --success-pill: #d3eac5;
  --danger-pill: #FDE3E3;
  --success-pill-font: #32701b;
  --danger-pill-font: #b42121;
  --shadow-avatar: #f0ede7;
  --switch-background: #e6e6e7;
}

.dark-mode {
  --uds-base-background: #35373c;
  --uds-background: #2B2D34;
  --uds-font-color: #F9F9F9;
  --uds-font-color-inverted: #2B2D34;
  --uds-border-color: #55575D;
  --uds-secondary-font-color: #D5D5D6;
  --uds-secondary-font-color-inverted: #55575D;
  --uds-blue-font-color: #BFE9F8;
  --uds-blue-font-color-inverted: #0F7095;
  --uds-hover-color: #0F7095;
  --choice-selected: #665c00;
  --uds-secondary-button-background: #35373c;
  --uds-secondary-button-hover-background: #41434a;
  --border-bottom: #4a4d53;
  --top-nav-icon-color: #aaabae;
  --icon-color-active: #E2F4FC;
  --spinner-path: url("images/uds/spinner-uds-dark.svg");
  --checkbox-path: url("images/uds/checkbox_dark.svg");
  --checkbox-false-path: url("images/uds/checkbox_false_dark.svg");
  --radio-path: url("images/uds/radio-dark.svg");
  --radio-false-path: url("images/uds/radio-false-dark.svg");
  --stepper-done-path: url("images/uds/stepper-done-dark.svg");
  --success-path: url("images/uds/success-large-dark.svg");
  --package-path: url("images/uds/package-dark.svg");
  --no-result-path: url("images/uds/no-result-dark.svg");
  --login-background: url("images/login/login-dark.jpeg");
  --calendar-down-arrow: url("images/uds/menu-down-dark.svg");
  --info-big: url("images/uds/info-big-dark.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlockDark.svg");
  --ips-skeniraj: url("images/uds/ipsSkenirajDark.svg");
  --ips-pokazi: url("images/uds/ipsPokaziDark.svg");
  --action-color: #FEE600;
  --action-color-hover: #e4cf06;
  --dots-color: #4b4d54;
  --dots-color-active: #f9f9f9;
  --divider-color: #4b4d54;
  --input-border-color: #43454d;
  --info-button-background: #47c5e9;
  --info-button-background-hover: #43b2d3;
  --info-secondary-button-background-hover: #266f8a;
  --info-box: #115f7b;
  --warning-yellow: #7a370b;
  --warning-yellow-font: #ffde85;
  --success-pill: #2c591b;
  --danger-pill: #732929;
  --success-pill-font: #b6e19d;
  --danger-pill-font: #fccccc;
  --shadow-avatar: #44464d;
  --switch-background: #404248;
}

/*#region fonts*/
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Roman.eot");
  src: url("fonts/Futura-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Roman.woff") format("woff"), url("fonts/Futura-Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Dem.eot");
  src: url("fonts/Futura-Dem.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Dem.woff") format("woff"), url("fonts/Futura-Dem.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Bold.eot");
  src: url("fonts/Futura-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Bold.woff") format("woff"), url("fonts/Futura-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-ExtraBold.eot");
  src: url("fonts/Futura-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-ExtraBold.woff") format("woff"), url("fonts/Futura-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Regular.ttf");
  src: url("fonts/Amalia-Regular.woff") format("woff"), url("fonts/Amalia-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Medium.ttf");
  src: url("fonts/Amalia-Medium.woff") format("woff"), url("fonts/Amalia-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Bold.ttf");
  src: url("fonts/Amalia-Bold.woff") format("woff"), url("fonts/Amalia-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Black.ttf");
  src: url("fonts/Amalia-Black.woff") format("woff"), url("fonts/Amalia-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*#endregion fonts*/
@media only screen and (max-width: 1500px) {
  .DomesticOrderReportCorporateV2 .part-file-type-btns {
    position: static !important;
    padding-top: 10px;
    float: left;
  }
}
@media only screen and (max-width: 1400px) {
  .box .box_body .box_body__filter .bottom-wrap_right {
    float: none;
  }
}
@media only screen and (max-width: 1360px) {
  .CommissionsForeignCorporateV2 .box_body__filter .top-wrap_left .input-wrap {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1350px) {
  .AccountStatementsCorporateV2 .part-content.part-float-left,
  .CardStatementsCorporateV2 .part-content.part-float-left,
  .CardStatementsCorporateV3 .part-content.part-float-left {
    padding: 0 0 0 50px !important;
    float: none !important;
  }
  .AccountStatementsCorporateV2 .part-file-type-btns,
  .CardStatementsCorporateV2 .part-file-type-btns,
  .CardStatementsCorporateV3 .part-file-type-btns {
    opacity: 1 !important;
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  .AccountStatementsCorporateV2 .part-file-type-btns .btn-4,
  .CardStatementsCorporateV2 .part-file-type-btns .btn-4,
  .CardStatementsCorporateV3 .part-file-type-btns .btn-4 {
    margin-bottom: 10px;
  }
  .ForeignPredefinedUsersCorporateV2 .table-cta-wrap.users .table-cta, .DomesticPredefinedUsersCorporateV2 .table-cta-wrap.users .table-cta {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
@media only screen and (max-width: 847px) {
  .InflowsCorporateV2 .referenceGroup {
    width: auto !important;
  }
}
@media only screen and (max-width: 800px) {
  .inflowManaging .modal-inner-content .modal-body .list-split .list-split-left {
    margin-right: 0;
    width: 100%;
    float: left;
  }
  .inflowManaging .modal-inner-content .modal-body .list-split .list-split-right {
    margin-right: 0;
    width: 100%;
    float: left;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1040px) {
  .AccountStatementsCorporateV2 .part-float-left-wrap,
  .CardStatementsCorporateV2 .part-float-left-wrap,
  .CardStatementsCorporateV3 .part-float-left-wrap {
    width: 100% !important;
  }
  .AccountStatementsCorporateV2 .part-calendar, .AccountStatementsCorporateV2 .part-select,
  .CardStatementsCorporateV2 .part-calendar,
  .CardStatementsCorporateV2 .part-select,
  .CardStatementsCorporateV3 .part-calendar,
  .CardStatementsCorporateV3 .part-select {
    float: none;
    margin-bottom: 15px;
    width: 100%;
  }
  .AccountStatementsCorporateV2 .part-calendar .input-wrap, .AccountStatementsCorporateV2 .part-select .input-wrap,
  .CardStatementsCorporateV2 .part-calendar .input-wrap,
  .CardStatementsCorporateV2 .part-select .input-wrap,
  .CardStatementsCorporateV3 .part-calendar .input-wrap,
  .CardStatementsCorporateV3 .part-select .input-wrap {
    width: 100% !important;
    max-width: 490px;
  }
  .AccountStatementsCorporateV2 .part-select,
  .CardStatementsCorporateV2 .part-select,
  .CardStatementsCorporateV3 .part-select {
    width: 100% !important;
  }
  .AccountStatementsCorporateV2 .part-float-right-wrap,
  .CardStatementsCorporateV2 .part-float-right-wrap,
  .CardStatementsCorporateV3 .part-float-right-wrap {
    float: left !important;
    padding-top: 20px;
    padding-left: 50px;
  }
}
@media only screen and (max-width: 980px) {
  .AccountStatementsCorporateV2 .part-float-left-wrap,
  .CardStatementsCorporateV2 .part-float-left-wrap,
  .CardStatementsCorporateV3 .part-float-left-wrap {
    width: calc(100% - 444px) !important;
  }
  .AccountStatementsCorporateV2 .part-float-right-wrap,
  .CardStatementsCorporateV2 .part-float-right-wrap,
  .CardStatementsCorporateV3 .part-float-right-wrap {
    float: left;
    padding-top: 0;
    padding-left: 10px;
  }
}
@media only screen and (max-height: 900px) {
  .customSelect .customSelect_options {
    -webkit-transform: translateY(-135%);
    transform: translateY(-135%);
    border-top: 1px solid #d1d1d1;
  }
}
/*
.bottomInfo {
    margin-top: 40px;
    position: relative;
    width: calc(100% + 76px);
    margin-left: -38px;
    border-top: 1px solid #DFE2E5;
    overflow: hidden;

    &.mobile {
        width: 100%;
        margin-left: 0;
        display: none;

        a p {
            font-size: 10px;
        }
    }
    */
@media only screen and (max-width: 1400px) {
  .CardBalanceCorporateV2 .box_body__filter .bottom-wrap .bottom-wrap_right, .CardBalanceCorporateV3 .box_body__filter .bottom-wrap .bottom-wrap_right {
    float: none !important;
  }
  .CardSpendingCorporateV2 .part-file-type-btns.show, .CardSpendingCorporateV3 .part-file-type-btns.show {
    float: none;
  }
  .AccountTurnoverCorporateV2 .box_body__filter .bottom-wrap_right {
    float: none;
  }
}
@media only screen and (max-width: 1300px) {
  .box_body .normal-list.myAccounts .part-float-right {
    padding-top: 10px;
    padding-left: 50px;
    width: 100%;
  }
  .box_body .normal-list.myAccounts .part-float-right .founds {
    text-align: left;
  }
  .box_body .normal-list.myAccounts .part-float-right .part-action-btns {
    float: right;
  }
}
@media only screen and (max-width: 639px) {
  .gvInflows .not-paid:after {
    right: 40px;
  }
}
@media only screen and (max-width: 600px) {
  .box_body .part-icon {
    display: none;
  }
  .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content {
    padding-left: 0px;
    padding-right: 30px;
  }
  .box_body .normal-list.myAccounts .part-content {
    padding: 0 40px 0 0 !important;
  }
  .box_body .normal-list.myAccounts .part-float-right {
    padding-left: 0;
  }
  .box_body .normal-list.myAccounts .part-float-right .part-content.founds {
    padding: 0;
  }
  .box_body .normal-list.myAccounts .part-float-right .part-action-btns {
    width: 100%;
    padding-top: 10px;
  }
  .AccountTurnoverCorporateV2 .box_body__header .part-icon,
  .CardSpendingCorporateV2 .box_body__header .part-icon,
  .CardSpendingCorporateV3 .box_body__header .part-icon {
    display: none;
  }
  .AccountTurnoverCorporateV2 .box_body__header .part-info,
  .CardSpendingCorporateV2 .box_body__header .part-info,
  .CardSpendingCorporateV3 .box_body__header .part-info {
    padding-left: 0;
  }
  .DomesticPredefinedUsersCorporateV2 .box_body .box_body__filter.payments-filter-3 .input-wrap, .ForeignPredefinedUsersCorporateV2 .box_body .box_body__filter.payments-filter-3 .input-wrap {
    width: 100%;
    margin-bottom: 20px;
  }
  .DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1, .ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1 {
    width: 100%;
    padding: 8px 15px;
  }
  .DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before {
    left: 150px;
  }
  .InflowsCorporateV2 .box_body__filter .input-wrap, .OutflowsCorporateV2 .box_body__filter .input-wrap {
    width: 100% !important;
  }
  .InflowsCorporateV2 .part-file-type-btns.show.inflows, .OutflowsCorporateV2 .part-file-type-btns.show.inflows {
    float: right !important;
  }
}
@media only screen and (max-width: 550px) {
  .DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before {
    left: 120px !important;
  }
}
@media only screen and (max-width: 500px) {
  .DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before {
    left: 100px !important;
  }
  .commissionsForeign p.info-1 {
    width: 100%;
  }
  .commissionsForeign p.info-2 {
    width: 100%;
    text-align: left !important;
    padding-top: 10px;
  }
  .outflowsDetail p.info-1 {
    width: 100%;
  }
  .outflowsDetail p.info-2 {
    width: 100%;
    text-align: left !important;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 450px) {
  .DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before {
    left: 80px !important;
  }
  .no-yes-dialog .box_body__filter .top-wrap .input-wrap.input-calendar {
    display: block;
    width: 100% !important;
  }
  .no-yes-dialog .box_body__filter .top-wrap .input-wrap.input-calendar:nth-child(2) {
    float: left;
  }
}
@media only screen and (max-width: 400px) {
  .DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before {
    left: 60px !important;
  }
}
@media only screen and (max-width: 350px) {
  .DomesticPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before, .ForeignPredefinedUsersCorporateV2 .box_body__filter.payments-filter-3 .btn-1:before {
    left: 40px !important;
  }
}
@media only screen and (max-width: 760px) {
  .box_body .normal-list.myAccounts .part-float-right .part-action-btns {
    width: 100%;
    padding-top: 10px;
  }
  .AccountStatementsCorporateV2 .normal-list_item__inner,
  .CardStatementsCorporateV2 .normal-list_item__inner,
  .CardStatementsCorporateV3 .normal-list_item__inner {
    padding: 20px !important;
  }
  .AccountStatementsCorporateV2 .part-float-left-wrap, .AccountStatementsCorporateV2 .part-float-left-wrap .input-wrap,
  .CardStatementsCorporateV2 .part-float-left-wrap,
  .CardStatementsCorporateV2 .part-float-left-wrap .input-wrap,
  .CardStatementsCorporateV3 .part-float-left-wrap,
  .CardStatementsCorporateV3 .part-float-left-wrap .input-wrap {
    width: 100% !important;
    float: none !important;
  }
  .AccountStatementsCorporateV2 .part-checkbox,
  .CardStatementsCorporateV2 .part-checkbox,
  .CardStatementsCorporateV3 .part-checkbox {
    position: relative !important;
    z-index: 99 !important;
  }
  .AccountStatementsCorporateV2 .part-float-right-wrap,
  .CardStatementsCorporateV2 .part-float-right-wrap,
  .CardStatementsCorporateV3 .part-float-right-wrap {
    float: left;
    padding-top: 20px;
    padding-left: 50px;
  }
  .AccountStatementsCorporateV2 .part-file-type-btns .btn-4:last-child,
  .CardStatementsCorporateV2 .part-file-type-btns .btn-4:last-child,
  .CardStatementsCorporateV3 .part-file-type-btns .btn-4:last-child {
    margin-right: 0 !important;
  }
  #ui-datepicker-div {
    position: fixed !important;
    z-index: 300 !important;
  }
  .UserInfoCorporateV2 .nav-top-bar_right.payment {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .box_body .normal-list.myAccounts .part-float-right .part-action-btns .btn-2 {
    width: 100%;
    max-width: 100%;
    margin-top: 10px;
    margin-right: 0;
  }
  .small-popup-box.color-2 {
    width: 100% !important;
    width: -moz-available !important; /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available !important; /* Mozilla-based browsers will ignore this. */
    width: fill-available !important;
  }
  .CommissionsForeignCorporateV2 .box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount {
    margin-top: 10px;
  }
  .CommissionsForeignCorporateV2 .box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount:first-child {
    margin-top: 0px;
  }
  .CommissionsForeignCorporateV2 .box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount .info-1 {
    width: 100%;
  }
  .CommissionsForeignCorporateV2 .box_body__filter .top-wrap .top-wrap_right .amount-info-list .single-amount .info-2 {
    float: none;
  }
}
@media only screen and (max-width: 380px) {
  .box_body .normal-list.myAccounts .part-float-right .part-action-btns .btn-2 {
    max-width: 230px;
  }
}
@media only screen and (max-width: 320px) {
  .box_body .normal-list.myAccounts .part-float-right .part-action-btns .btn-2 {
    max-width: 180px;
  }
}
@media only screen and (min-width: 680px) and (max-width: 760px) {
  .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .btn-2.color-1 {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 760px) {
  .Html .box.promo .box_body {
    display: block;
  }
  .Html .box.promo .box_body .promo-img {
    width: 100%;
    height: 250px;
    float: none;
    margin-top: 0;
  }
  .Html .box.promo .box_body .promo-content {
    max-width: 85%;
    float: none;
  }
}
@media only screen and (min-width: 981px) {
  .menu-btn.tooltip {
    display: none;
  }
}
@media only screen and (max-width: 1400px) {
  .img-promo {
    background-position: center;
  }
}
@media only screen and (max-width: 450px) {
  .right-dialog.cardStat .ui-dialog-titlebar-close {
    right: 12px !important;
  }
}
@media only screen and (min-width: 1461px) {
  .ForeignOrderReportCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show, .CurrencyExchangeCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show {
    float: right;
  }
}
@media only screen and (max-width: 768px) {
  .DomesticOrdersReviewCorporateV2 .part-file-type-btns.show {
    float: left;
    width: 100%;
  }
}
@media only screen and (max-width: 730px) {
  .CommissionsForeignCorporateV2 .box_body__filter .top-wrap_left {
    width: 100%;
  }
  .CommissionsForeignCorporateV2 .box_body__filter .top-wrap_right {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 980px) {
  .site-branding {
    display: none !important;
  }
  .userinfo .s-widget-body .heading {
    padding-left: 0px;
    padding-top: 25px;
  }
  .nav-top-bar_left .subHeading {
    padding-left: 0px;
  }
}
@media only screen and (max-width: 650px) {
  .UserInfoCorporateV2.profile .box_body .box_body__filter .box-body_tabs.type-3 {
    margin-left: 0 !important;
  }
  .UserInfoCorporateV2.profile .box_body .normal-form.exchange-single-col form {
    padding: 45px 0 45px 15px !important;
  }
}
@media only screen and (max-width: 1400px) {
  .CardTurnoverCorporateV2 .box_body__filter .bottom-wrap .bottom-wrap_right, .CardTurnoverCorporateV3 .box_body__filter .bottom-wrap .bottom-wrap_right {
    float: none;
  }
}
@media only screen and (min-width: 1461px) {
  .FXManagedOrdersOverviewCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show {
    float: right;
  }
  .ForeignOrderReportCorporateV2 .box_body__filter .top-wrap .part-file-type-btns.show {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .support-cards {
    flex-wrap: wrap;
  }
  .support-cards .support-cards_card {
    width: calc(50% - 42px) !important;
  }
}
@media only screen and (max-width: 720px) {
  .support-cards {
    flex-wrap: wrap;
  }
  .support-cards .support-cards_card {
    width: calc(100% - 32px) !important;
  }
  .slick-dots li {
    background: var(--dots-color) !important;
  }
}
@media only screen and (max-width: 460px) {
  #login-header .nav-top-bar-title {
    display: none;
  }
}

:root {
  --uds-base-background: #fff;
  --uds-background: #f8f6f2;
  --uds-font-color: #2B2D34;
  --uds-font-color-inverted: #F9F9F9;
  --uds-border-color: #e7e6e0;
  --uds-secondary-font-color: #55575D;
  --uds-secondary-font-color-inverted: #D5D5D6;
  --uds-blue-font-color: #0F7095;
  --uds-blue-font-color-inverted: #BFE9F8;
  --uds-hover-color: #E2F4FC;
  --choice-selected: #E2F4FC;
  --uds-secondary-button-background: #fff;
  --uds-secondary-button-hover-background: #e5e5e6;
  --border-bottom: #e7e6e0;
  --top-nav-icon-color: #808185;
  --icon-color-active: #0F7095;
  --spinner-path: url("images/uds/spinner-uds.svg");
  --checkbox-path: url("images/uds/checkbox.svg");
  --checkbox-false-path: url("images/uds/checkbox_false.svg");
  --radio-path: url("images/uds/radio.svg");
  --radio-false-path: url("images/uds/radio-false.svg");
  --stepper-done-path: url("images/uds/stepper-done.svg");
  --success-path: url("images/uds/success-large.svg");
  --package-path: url("images/uds/package.svg");
  --no-result-path: url("images/uds/no-result.svg");
  --login-background: url("images/login/login-new-light.jpg");
  --calendar-down-arrow: url("images/uds/menu-down.svg");
  --info-big: url("images/uds/info-big.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlock.svg");
  --ips-skeniraj: url("images/uds/ipsSkeniraj.svg");
  --ips-pokazi: url("images/uds/ipsPokazi.svg");
  --action-color: #118DB8;
  --action-color-hover: #1481a8;
  --dots-color: #dad7cd;
  --dots-color-active: #2b2d34;
  --divider-color: #e7e6e0;
  --input-border-color: #e2dfd6;
  --info-button-background: #118DB8;
  --info-button-background-hover: #2e9bc1;
  --info-secondary-button-background-hover: #c9e3ef;
  --info-box: #E2F4FC;
  --warning-yellow: #ffeec7;
  --warning-yellow-font: #bb5802;
  --success-pill: #d3eac5;
  --danger-pill: #FDE3E3;
  --success-pill-font: #32701b;
  --danger-pill-font: #b42121;
  --shadow-avatar: #f0ede7;
  --switch-background: #e6e6e7;
}

.dark-mode {
  --uds-base-background: #35373c;
  --uds-background: #2B2D34;
  --uds-font-color: #F9F9F9;
  --uds-font-color-inverted: #2B2D34;
  --uds-border-color: #55575D;
  --uds-secondary-font-color: #D5D5D6;
  --uds-secondary-font-color-inverted: #55575D;
  --uds-blue-font-color: #BFE9F8;
  --uds-blue-font-color-inverted: #0F7095;
  --uds-hover-color: #0F7095;
  --choice-selected: #665c00;
  --uds-secondary-button-background: #35373c;
  --uds-secondary-button-hover-background: #41434a;
  --border-bottom: #4a4d53;
  --top-nav-icon-color: #aaabae;
  --icon-color-active: #E2F4FC;
  --spinner-path: url("images/uds/spinner-uds-dark.svg");
  --checkbox-path: url("images/uds/checkbox_dark.svg");
  --checkbox-false-path: url("images/uds/checkbox_false_dark.svg");
  --radio-path: url("images/uds/radio-dark.svg");
  --radio-false-path: url("images/uds/radio-false-dark.svg");
  --stepper-done-path: url("images/uds/stepper-done-dark.svg");
  --success-path: url("images/uds/success-large-dark.svg");
  --package-path: url("images/uds/package-dark.svg");
  --no-result-path: url("images/uds/no-result-dark.svg");
  --login-background: url("images/login/login-dark.jpeg");
  --calendar-down-arrow: url("images/uds/menu-down-dark.svg");
  --info-big: url("images/uds/info-big-dark.svg");
  --digital-signature: url("images/uds/digitalSignatureUnlockDark.svg");
  --ips-skeniraj: url("images/uds/ipsSkenirajDark.svg");
  --ips-pokazi: url("images/uds/ipsPokaziDark.svg");
  --action-color: #FEE600;
  --action-color-hover: #e4cf06;
  --dots-color: #4b4d54;
  --dots-color-active: #f9f9f9;
  --divider-color: #4b4d54;
  --input-border-color: #43454d;
  --info-button-background: #47c5e9;
  --info-button-background-hover: #43b2d3;
  --info-secondary-button-background-hover: #266f8a;
  --info-box: #115f7b;
  --warning-yellow: #7a370b;
  --warning-yellow-font: #ffde85;
  --success-pill: #2c591b;
  --danger-pill: #732929;
  --success-pill-font: #b6e19d;
  --danger-pill-font: #fccccc;
  --shadow-avatar: #44464d;
  --switch-background: #404248;
}

/*#region fonts*/
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Roman.eot");
  src: url("fonts/Futura-Roman.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Roman.woff") format("woff"), url("fonts/Futura-Roman.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Dem.eot");
  src: url("fonts/Futura-Dem.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Dem.woff") format("woff"), url("fonts/Futura-Dem.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-Bold.eot");
  src: url("fonts/Futura-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-Bold.woff") format("woff"), url("fonts/Futura-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "futura";
  src: url("fonts/Futura-ExtraBold.eot");
  src: url("fonts/Futura-ExtraBold.eot?#iefix") format("embedded-opentype"), url("fonts/Futura-ExtraBold.woff") format("woff"), url("fonts/Futura-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Regular.ttf");
  src: url("fonts/Amalia-Regular.woff") format("woff"), url("fonts/Amalia-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Medium.ttf");
  src: url("fonts/Amalia-Medium.woff") format("woff"), url("fonts/Amalia-Medium.ttf") format("truetype");
  font-weight: 500;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Bold.ttf");
  src: url("fonts/Amalia-Bold.woff") format("woff"), url("fonts/Amalia-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "amalia";
  src: url("fonts/Amalia-Black.ttf");
  src: url("fonts/Amalia-Black.woff") format("woff"), url("fonts/Amalia-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*#endregion fonts*/
* ::-webkit-scrollbar {
  width: 8px !important;
  -webkit-appearance: none;
}
* ::-webkit-scrollbar-track {
  background: none;
}
* ::-webkit-scrollbar-thumb {
  background-color: var(--uds-secondary-font-color);
  cursor: pointer;
  border-radius: 8px;
}
* ::-webkit-scrollbar-thumb:hover {
  background-color: var(--top-nav-icon-color);
  border-radius: 8px;
}

.side-modal-wrapper-UDS {
  z-index: 1000;
  display: block;
  position: relative;
  width: 100%;
  background-color: var(--uds-base-background);
}

.customOverlay {
  /*&:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 1200%;
      height: 1200%;
      transform: translateX(-50%) translateY(-50%);
      background: url(images/uds/logo-cross-inverted.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      z-index: 1000;
      transition: all linear 0.5s;
  }*/
}
.customOverlay:before {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  width: 48px;
  height: 48px;
  background-image: url("images/uds/spinner-uds-dark.svg") !important;
  background-repeat: no-repeat;
  background-size: 48px !important;
  background-position: center;
  animation: spinner-animation linear 1s infinite;
  z-index: 1001;
}
.customOverlay:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2B2D34;
  z-index: 1000;
}
.customOverlay.customOverlay-hidden {
  /*@keyframes hideOverlay {
      from {
          width: 1200%;
          height: 1200%;
      }

      to {
          width: 0;
          height: 0;
      }
  }

  &:after {
      animation: hideOverlay linear 0.7s forwards;
  }*/
}
.customOverlay.customOverlay-hidden:before, .customOverlay.customOverlay-hidden:after {
  display: none;
}

.modal-inner-content-UDS {
  position: relative;
  padding: 0;
  background: var(--uds-base-background);
}
.modal-inner-content-UDS .modal-body {
  background: var(--uds-base-background);
}
.modal-inner-content-UDS .modal-body .upper-wrapper {
  position: relative;
  padding: 0 0 20px 0;
}
.modal-inner-content-UDS .modal-body .upper-wrapper.sections {
  display: flex;
  padding: 20px 0;
  gap: 16px;
  justify-content: space-between;
  align-items: center;
}
.modal-inner-content-UDS .modal-body .upper-wrapper.sections.small-padding {
  padding: 0 0 20px 0;
}
.modal-inner-content-UDS .modal-body .upper-wrapper.sections .button-wrapper {
  margin-top: 0;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-title {
  background: var(--uds-base-background);
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-title-2 {
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-title-3 {
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-secondary {
  background: var(--uds-base-background);
  color: var(--uds-secondary-font-color);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-primary {
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-primary-bold {
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-title-4 {
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-title-4.with-margin {
  padding-bottom: 16px;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper {
  margin-top: 24px;
  display: flex;
  gap: 16px;
  align-items: center;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper.justify-center {
  justify-content: center;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper .btn {
  font-family: amalia;
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid var(--uds-border-color);
  color: var(--uds-font-color);
  background: var(--uds-secondary-button-background);
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  max-width: max-content;
  gap: 8px;
  cursor: pointer;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper .btn:hover {
  background-color: var(--uds-secondary-button-hover-background);
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper .btn .options-text {
  color: var(--uds-font-color);
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper .primary {
  background-color: #FEE600;
  color: #2B2D34;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper .primary:hover {
  background-color: #e1cc03;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .button-wrapper .primary .options-text {
  color: #2B2D34;
}
.modal-inner-content-UDS .modal-body .upper-wrapper .modal-body-img {
  width: 210px;
  height: 133px;
  margin-top: 16px;
}
.modal-inner-content-UDS .modal-body .upper-wrapper.no-padding {
  padding: 0;
}
.modal-inner-content-UDS .modal-body .upper-wrapper.centered {
  text-align: center;
}
.modal-inner-content-UDS .modal-body .modal-body-list {
  padding: 20px 0;
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li {
  position: relative;
  width: calc(50% - 64px);
  padding-left: 48px;
  font-size: 14px;
  line-height: 24px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.wider-li {
  width: calc(100% - 64px);
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .Stornirano, .modal-inner-content-UDS .modal-body .modal-body-list > li .Odbijeno, .modal-inner-content-UDS .modal-body .modal-body-list > li .Odobreno, .modal-inner-content-UDS .modal-body .modal-body-list > li .Neobradjena, .modal-inner-content-UDS .modal-body .modal-body-list > li .Poslato, .modal-inner-content-UDS .modal-body .modal-body-list > li .isPaidInvoice, .modal-inner-content-UDS .modal-body .modal-body-list > li .isDoesNotPayInvoice {
  display: flex;
  align-items: center;
  gap: 8px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .Stornirano::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #A09537;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .Odbijeno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #D62C2C;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .Odobreno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #40921E;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .Neobradjena::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #3AAFC6;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .Poslato::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #46B4D7;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .isPaidInvoice::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #35B37E;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .isDoesNotPayInvoice::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #E61E33;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .info-1 {
  color: var(--uds-font-color);
  font-weight: 400;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .info-2 {
  color: var(--uds-font-color);
  font-weight: 500;
  min-height: 24px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .info-2.amount {
  color: #40921E;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li .info-2.flexy {
  display: flex;
  align-items: center;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.money-bundle:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/bundle-of-money.svg") no-repeat center;
  -webkit-mask: url("images/uds/bundle-of-money.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.doc-nmb:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-nmb.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-nmb.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.docs-nmb:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/docs-nmb.svg") no-repeat center;
  -webkit-mask: url("images/uds/docs-nmb.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.money:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money.svg") no-repeat center;
  -webkit-mask: url("images/uds/money.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.calendar:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.percent:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/percent.svg") no-repeat center;
  -webkit-mask: url("images/uds/percent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.person:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/man-ring.svg") no-repeat center;
  -webkit-mask: url("images/uds/man-ring.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.incoming:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money-bag-incoming.svg") no-repeat center;
  -webkit-mask: url("images/uds/money-bag-incoming.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.outgoing:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money-bag-outgoing.svg") no-repeat center;
  -webkit-mask: url("images/uds/money-bag-outgoing.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.info:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.note:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/note.svg") no-repeat center;
  -webkit-mask: url("images/uds/note.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.currency:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/currency.svg") no-repeat center;
  -webkit-mask: url("images/uds/currency.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.invoice-pay:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-pay.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-pay.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.account:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/account.svg") no-repeat center;
  -webkit-mask: url("images/uds/account.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.company:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_company.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_company.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.bank:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/bank.svg") no-repeat center;
  -webkit-mask: url("images/uds/bank.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.map:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/terminal-on-map.svg") no-repeat center;
  -webkit-mask: url("images/uds/terminal-on-map.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.phone:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/phone_outlined.svg") no-repeat center;
  -webkit-mask: url("images/uds/phone_outlined.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.confirmation:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.email-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .modal-body-list > li.phone-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/phone.svg") no-repeat center;
  -webkit-mask: url("images/uds/phone.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.modal-inner-content-UDS .modal-body .column-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 44px;
}
.modal-inner-content-UDS .modal-body .column-container.collapsed {
  gap: 4px;
}
.modal-inner-content-UDS .modal-body .column-container.small-gap {
  gap: 16px;
}
.modal-inner-content-UDS .modal-body .column-container .popup-subtitle {
  color: var(--uds-font-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  margin-bottom: 16px;
  width: 100%;
}
.modal-inner-content-UDS .modal-body .column-container .centered {
  text-align: center;
  margin-top: 16px;
  font-size: 14px;
  font-weight: 400;
  color: var(--uds-secondary-font-color);
}
.modal-inner-content-UDS .modal-body .column-container .column-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: solid 1px var(--border-bottom);
}
.modal-inner-content-UDS .modal-body .column-container .column-item .key {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--uds-secondary-font-color);
}
.modal-inner-content-UDS .modal-body .column-container .column-item .value {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--uds-font-color);
  text-align: right;
}
.modal-inner-content-UDS .modal-body .column-container.wide-container {
  align-items: flex-start;
}
.modal-inner-content-UDS .modal-body .column-container.wide-container .part-input-select-1 {
  max-width: unset;
  width: 360px;
}
.modal-inner-content-UDS .modal-body .column-container.wide-container .part-input-select-1 .select-box {
  padding: 8px 12px !important;
}
.modal-inner-content-UDS .modal-body .column-container.wide-container .container-row {
  display: flex;
  gap: 16px;
}
.modal-inner-content-UDS .modal-body .column-container.wide-container .part-input-2 {
  width: 360px;
}
.modal-inner-content-UDS .modal-body .column-container.wide-container .part-input-2.small-input {
  width: 90px;
}
.modal-inner-content-UDS .modal-body .column-container.wide-container .separator {
  margin: 16px 0;
}
.modal-inner-content-UDS .modal-body .column-container .part-calendar, .modal-inner-content-UDS .modal-body .column-container .part-input, .modal-inner-content-UDS .modal-body .column-container .part-input-file, .modal-inner-content-UDS .modal-body .column-container .part-input-textarea, .modal-inner-content-UDS .modal-body .column-container .part-radio {
  max-width: unset;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options {
  display: flex;
  flex-direction: column;
  max-height: 340px;
  overflow-y: scroll;
  gap: 8px;
  padding: 16px;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options.big-options {
  max-height: none;
  overflow-y: unset;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item {
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  justify-content: center;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item.left-flex {
  justify-content: flex-start;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item:hover, .modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item.current {
  background: var(--choice-selected);
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .cell-date-currency {
  color: var(--uds-font-color);
  display: flex;
  flex-direction: column;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .cell-date-currency > span:nth-child(2) {
  color: var(--uds-secondary-font-color);
  font-size: 14px;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .company {
  width: 32px;
  height: 32px;
  position: relative;
  flex-shrink: 0;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .company:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: var(--shadow-avatar);
  border-radius: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .company:after {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_company.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_company.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  top: 8px;
  left: 8px;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .arrow {
  width: 20px;
  height: 20px;
  position: relative;
  flex-shrink: 0;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/menu-open-down.svg") no-repeat center;
  -webkit-mask: url("images/uds/menu-open-down.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
  transform: rotate(270deg);
  top: 0px;
  left: 0px;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .confirmation-item {
  width: 32px;
  height: 32px;
  position: relative;
  flex-shrink: 0;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .confirmation-item:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: var(--shadow-avatar);
  border-radius: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options .item .confirmation-item:after {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  top: 8px;
  left: 8px;
}

.ui-dialog.UDS-dialog {
  border: none !important;
  background: none;
  border-radius: 16px;
  font-family: amalia !important;
  padding: 0;
  opacity: 0;
  animation: dialog-animation 0.2s ease forwards;
  box-shadow: 0px 6px 20px 0px rgba(19, 20, 22, 0.2), 0px 2px 6px 0px rgba(19, 20, 22, 0.15);
  max-width: calc(-32px + 100vw);
}
.ui-dialog.UDS-dialog.centered-dialog .side-modal .side-modal-wrapper-UDS .side-modal .modal-inner-content-UDS .modal-body .upper-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@keyframes dialog-animation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ui-dialog.UDS-dialog .ui-widget-content {
  background: var(--uds-base-background) !important;
  border: none !important;
  padding: 24px;
  width: calc(100% - 48px) !important;
  overflow-x: hidden;
}
.ui-dialog.UDS-dialog .ui-widget-content::-webkit-scrollbar-track {
  background: var(--uds-base-background);
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table {
  border-spacing: 0;
  width: calc(100% - 48px);
  margin: 24px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table.with-bottom-padding {
  padding-bottom: 24px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table {
  font-family: amalia !important;
  min-width: 800px;
  border-collapse: collapse;
  margin-bottom: 0;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th, .ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr td, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr td {
  padding: 20px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  text-transform: none;
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-family: amalia !important;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th.first-child, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th.first-child {
  padding: 0;
  vertical-align: middle;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th .flex-th, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th .flex-th {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th .flex-th .sort-button, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th .flex-th .sort-button {
  border: none;
  background: none;
  width: auto;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th .flex-th > input, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th .flex-th > input {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th .flex-th > input:focus, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th .flex-th > input:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th .flex-th > input[disabled], .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th .flex-th > input[disabled] {
  opacity: 0.5;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th .flex-th > input.phone, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th .flex-th > input.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table thead tr th .flex-th:after, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table thead tr th .flex-th:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/search.svg") no-repeat center;
  -webkit-mask: url("images/uds/search.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  top: 40px;
  right: 14px;
  pointer-events: none;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr {
  border-bottom: solid 1px var(--border-bottom);
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr:first-child, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr:first-child {
  border-top: solid 1px var(--border-bottom);
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr td, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr td {
  vertical-align: middle;
  padding: 20px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-family: amalia !important;
  cursor: default !important;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr td:first-child, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr td:first-child {
  font-weight: 500;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr:nth-child(odd) td, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr:nth-child(odd) td {
  background: var(--uds-background);
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr.checked td, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr.checked td {
  background: var(--uds-hover-color) !important;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr .table-cta, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr .table-cta {
  width: 100%;
  height: 100%;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table tbody tr .table-cta .button-action, .ui-dialog.UDS-dialog .ui-widget-content .uds-table-div > table tbody tr .table-cta .button-action {
  display: flex;
  gap: 12px;
  justify-content: space-evenly;
  word-wrap: normal;
  word-break: keep-all;
  overflow-wrap: normal;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div {
  overflow: hidden;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div.with-bottom-padding {
  padding-bottom: 24px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGrid tbody tr:first-child {
  border-top: 1px solid var(--uds-border-color);
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGrid tbody tr:hover td:first-child {
  border-left: none !important;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGrid tbody tr:hover {
  box-shadow: none !important;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div.second-style > table tbody tr {
  border: none;
  border-radius: 8px;
  overflow: hidden;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div.second-style > table tbody tr:first-child {
  border: none;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div.second-style > table tbody tr:nth-child(odd) td {
  background: var(--uds-base-background);
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div.second-style > table tbody tr td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div.second-style > table tbody tr td:nth-child(2) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager {
  height: auto !important;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager .pageIndicator {
  line-height: 24px;
  font-size: 14px;
  color: var(--uds-secondary-font-color);
  margin: 8px 0;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager .pagerButton {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 2px solid var(--uds-border-color);
  background: var(--uds-base-background);
  cursor: pointer;
  transition: none;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager .pagerButton:hover {
  border: 2px solid var(--uds-border-color);
  background: var(--uds-border-color);
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager .pagerButton.prev:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-left.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-left.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager .pagerButton.next:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-right.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-right.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager .pagerButton.first:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/collapse-left.svg") no-repeat center;
  -webkit-mask: url("images/uds/collapse-left.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.ui-dialog.UDS-dialog .ui-widget-content .uds-table-div .clientGridPager .pagerButton.last:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/collapse-right.svg") no-repeat center;
  -webkit-mask: url("images/uds/collapse-right.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.ui-dialog.UDS-dialog .ui-widget-header {
  border: none;
}
.ui-dialog.UDS-dialog .error-summary {
  background: var(--uds-base-background);
  position: relative;
  z-index: 1;
}
.ui-dialog.UDS-dialog .error-summary ul li {
  width: calc(100% - 80px);
  background: #D7424B;
  gap: 12px;
  padding: 12px 16px;
  margin: 0 24px;
  color: white;
  font-size: 14px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  opacity: 0;
  animation: show-error 0.3s ease forwards;
  animation-delay: 0.3s;
}
.ui-dialog.UDS-dialog .error-summary ul li:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/warning-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/warning-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  cursor: default;
  background-color: white;
}
@keyframes show-error {
  from {
    opacity: 0;
    transform: translateY(0);
  }
  to {
    opacity: 1;
    transform: translateY(12px);
  }
}
.ui-dialog.UDS-dialog .ui-dialog-buttonpane {
  margin: 0;
  padding: 16px 24px;
  border-top: solid 1px var(--border-bottom) !important;
}
.ui-dialog.UDS-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.ui-dialog.UDS-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button-text {
  text-decoration: none;
  padding: 0;
  line-height: 24px;
  min-width: 36px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: #FEE600 !important;
  color: #2B2D34 !important;
  margin: 0 !important;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover {
  background-color: #e1cc03 !important;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child) {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
  margin: 0 !important;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child):hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.reverse-buttons .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:first-child).filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child) {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
  margin: 0 !important;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child):hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:not(:last-child).filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: #FEE600 !important;
  color: #2B2D34 !important;
  margin: 0 !important;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover {
  background-color: #e1cc03 !important;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog:not(.reverse-buttons) .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog.narrow-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  width: 100%;
  flex-direction: column;
}
.ui-dialog.UDS-dialog .ui-dialog-titlebar {
  background: var(--uds-base-background);
  padding: 16px 24px;
  border-bottom: solid 1px var(--border-bottom);
}
.ui-dialog.UDS-dialog .ui-dialog-titlebar .ui-dialog-title {
  font-size: 20px !important;
  line-height: 26px;
  color: var(--uds-font-color);
  margin: 0 !important;
  float: none !important;
}
.ui-dialog.UDS-dialog .ui-dialog-titlebar .widget-subtitle {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
  margin-top: 2px;
}
.ui-dialog.UDS-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
  right: 22px;
  top: 22px;
  width: 16px;
  margin: 0;
  padding: 0;
  height: 16px;
  border: none;
  background: var(--uds-base-background);
}
.ui-dialog.UDS-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/uds-close.svg") no-repeat center;
  -webkit-mask: url("images/uds/uds-close.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.ui-dialog.UDS-dialog .input-wrapper {
  display: flex;
  justify-content: space-evenly;
  padding-top: 36px;
  margin-top: 12px;
}
.ui-dialog.UDS-dialog .uds-part-input {
  position: relative;
  width: 100%;
  margin-top: 40px;
}
.ui-dialog.UDS-dialog .uds-part-input > span {
  position: absolute;
  top: -28px;
  left: 0;
  display: flex;
  height: 20px;
  gap: 4px;
  background: none;
  padding: 0;
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.ui-dialog.UDS-dialog .uds-part-input > span.required:before {
  content: url("images/uds/asterix.svg");
  width: 8px;
  height: 8px;
}
.ui-dialog.UDS-dialog .uds-part-input > input, .ui-dialog.UDS-dialog .uds-part-input > textarea {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
}
.ui-dialog.UDS-dialog .uds-part-input > input:focus, .ui-dialog.UDS-dialog .uds-part-input > textarea:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.ui-dialog.UDS-dialog .uds-part-input > input[disabled], .ui-dialog.UDS-dialog .uds-part-input > textarea[disabled] {
  opacity: 0.5;
}
.ui-dialog.UDS-dialog .uds-part-input > input.phone, .ui-dialog.UDS-dialog .uds-part-input > textarea.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.ui-dialog.UDS-dialog .uds-part-input.search-icon {
  width: calc(100% - 48px);
  margin: 24px auto 0 auto;
}
.ui-dialog.UDS-dialog .uds-part-input.search-icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/search.svg") no-repeat center;
  -webkit-mask: url("images/uds/search.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  top: 10px;
  right: 12px;
}
.ui-dialog.UDS-dialog .part-calendar, .ui-dialog.UDS-dialog .part-input, .ui-dialog.UDS-dialog .part-input-file, .ui-dialog.UDS-dialog .part-input-textarea, .ui-dialog.UDS-dialog .part-radio {
  position: relative;
  width: auto;
  max-width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui-dialog.UDS-dialog .part-calendar.full-width, .ui-dialog.UDS-dialog .part-input.full-width, .ui-dialog.UDS-dialog .part-input-file.full-width, .ui-dialog.UDS-dialog .part-input-textarea.full-width, .ui-dialog.UDS-dialog .part-radio.full-width {
  width: 100%;
  max-width: unset;
  align-items: stretch;
}
.ui-dialog.UDS-dialog .part-calendar.required > span:first-child:before, .ui-dialog.UDS-dialog .part-input.required > span:first-child:before, .ui-dialog.UDS-dialog .part-input-file.required > span:first-child:before, .ui-dialog.UDS-dialog .part-input-textarea.required > span:first-child:before, .ui-dialog.UDS-dialog .part-radio.required > span:first-child:before {
  content: "";
  display: block;
  background: url("images/uds/asterix.svg");
  background-size: 8px;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
.ui-dialog.UDS-dialog .part-calendar > span, .ui-dialog.UDS-dialog .part-input > span, .ui-dialog.UDS-dialog .part-input-file > span, .ui-dialog.UDS-dialog .part-input-textarea > span, .ui-dialog.UDS-dialog .part-radio > span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.ui-dialog.UDS-dialog .part-calendar > span .input-label, .ui-dialog.UDS-dialog .part-input > span .input-label, .ui-dialog.UDS-dialog .part-input-file > span .input-label, .ui-dialog.UDS-dialog .part-input-textarea > span .input-label, .ui-dialog.UDS-dialog .part-radio > span .input-label {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper {
  position: relative;
  cursor: pointer;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper:before, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper:before, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper:before, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper:before, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper .tooltip, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper .tooltip, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper .tooltip, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper .tooltip, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper .tooltip {
  position: absolute;
  bottom: 30px;
  left: 0px;
  transform: translateX(-20px);
  display: none;
  background: var(--uds-base-background);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px #cfcfcf;
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper .tooltip::after, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper .tooltip::after, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper .tooltip::after, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper .tooltip::after, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 60px;
  height: 20px;
  background-color: var(--uds-base-background);
  mask: url(images/icons/Pointer.svg) no-repeat center;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper:hover .tooltip, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper:hover .tooltip, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper:hover .tooltip, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper:hover .tooltip, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper:hover .tooltip {
  display: flex;
  align-items: center;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper:hover .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper:hover .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper:hover .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper:hover .tooltip .tooltip-content, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper:hover .tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  max-width: 300px;
}
.ui-dialog.UDS-dialog .part-calendar > span .tooltip-wrapper:hover .tooltip::after, .ui-dialog.UDS-dialog .part-input > span .tooltip-wrapper:hover .tooltip::after, .ui-dialog.UDS-dialog .part-input-file > span .tooltip-wrapper:hover .tooltip::after, .ui-dialog.UDS-dialog .part-input-textarea > span .tooltip-wrapper:hover .tooltip::after, .ui-dialog.UDS-dialog .part-radio > span .tooltip-wrapper:hover .tooltip::after {
  display: block;
}
.ui-dialog.UDS-dialog .part-calendar.grow, .ui-dialog.UDS-dialog .part-input.grow, .ui-dialog.UDS-dialog .part-input-file.grow, .ui-dialog.UDS-dialog .part-input-textarea.grow, .ui-dialog.UDS-dialog .part-radio.grow {
  flex: 1;
  max-width: none;
}
.ui-dialog.UDS-dialog .part-calendar.grow-half, .ui-dialog.UDS-dialog .part-input.grow-half, .ui-dialog.UDS-dialog .part-input-file.grow-half, .ui-dialog.UDS-dialog .part-input-textarea.grow-half, .ui-dialog.UDS-dialog .part-radio.grow-half {
  flex: 0.5;
  max-width: none;
}
.ui-dialog.UDS-dialog .part-calendar > input, .ui-dialog.UDS-dialog .part-calendar > textarea, .ui-dialog.UDS-dialog .part-input > input, .ui-dialog.UDS-dialog .part-input > textarea, .ui-dialog.UDS-dialog .part-input-textarea > input, .ui-dialog.UDS-dialog .part-input-textarea > textarea {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
}
.ui-dialog.UDS-dialog .part-calendar > input:focus, .ui-dialog.UDS-dialog .part-calendar > textarea:focus, .ui-dialog.UDS-dialog .part-input > input:focus, .ui-dialog.UDS-dialog .part-input > textarea:focus, .ui-dialog.UDS-dialog .part-input-textarea > input:focus, .ui-dialog.UDS-dialog .part-input-textarea > textarea:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.ui-dialog.UDS-dialog .part-calendar > input[disabled], .ui-dialog.UDS-dialog .part-calendar > textarea[disabled], .ui-dialog.UDS-dialog .part-input > input[disabled], .ui-dialog.UDS-dialog .part-input > textarea[disabled], .ui-dialog.UDS-dialog .part-input-textarea > input[disabled], .ui-dialog.UDS-dialog .part-input-textarea > textarea[disabled] {
  opacity: 0.5;
}
.ui-dialog.UDS-dialog .part-calendar > input.phone, .ui-dialog.UDS-dialog .part-calendar > textarea.phone, .ui-dialog.UDS-dialog .part-input > input.phone, .ui-dialog.UDS-dialog .part-input > textarea.phone, .ui-dialog.UDS-dialog .part-input-textarea > input.phone, .ui-dialog.UDS-dialog .part-input-textarea > textarea.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.ui-dialog.UDS-dialog .part-calendar:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/date-calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/date-calendar.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  top: 34px;
  right: 14px;
  pointer-events: none;
}
.ui-dialog.UDS-dialog .part-calendar > input.hasDatepicker {
  padding: 8px 48px 8px 12px !important;
  width: calc(100% - 60px) !important;
}
.ui-dialog.UDS-dialog .part-calendar .ui-datepicker-trigger {
  display: none;
  pointer-events: none;
}
.ui-dialog.UDS-dialog .part-input-select-1 {
  position: relative;
  cursor: pointer;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.ui-dialog.UDS-dialog .part-input-select-1.required > span:first-child:before {
  content: "";
  display: block;
  background: url("images/uds/asterix.svg");
  background-size: 8px;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .input-label {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper {
  position: relative;
  cursor: pointer;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper .tooltip {
  position: absolute;
  bottom: 30px;
  left: 0px;
  transform: translateX(-20px);
  display: none;
  background: var(--uds-base-background);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px #cfcfcf;
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 60px;
  height: 20px;
  background-color: var(--uds-base-background);
  mask: url(images/icons/Pointer.svg) no-repeat center;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper:hover .tooltip {
  display: flex;
  align-items: center;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper:hover .tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  max-width: 300px;
}
.ui-dialog.UDS-dialog .part-input-select-1 > span .tooltip-wrapper:hover .tooltip::after {
  display: block;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box {
  width: auto;
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
  height: 24px;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box[disabled] {
  opacity: 0.5;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .selected-option {
  max-height: 24px;
  overflow: hidden;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list {
  list-style: none;
  margin: 0;
  padding: 8px;
  border: 1px solid #ccc;
  background-color: var(--uds-base-background);
  display: none;
  position: absolute;
  top: 72px;
  left: 0;
  width: calc(100% - 16px);
  min-width: fit-content;
  z-index: 100;
  background: var(--uds-base-background);
  border: 1px solid rgba(156, 150, 127, 0.24);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  border-radius: 8px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li {
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li.Stornirano::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #E07F00;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li.Odbijeno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #D62C2C;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li.Odobreno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #40921E;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li.Neobradjena::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #118DB8;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li.Poslato::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #e6e6e7;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li.country2 {
  text-transform: uppercase;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box .options-list li:hover {
  background: var(--choice-selected);
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box.focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.ui-dialog.UDS-dialog .part-input-select-1 .select-box.active ul, .ui-dialog.UDS-dialog .part-input-select-1 .filtered-list.active {
  display: block;
}
.ui-dialog.UDS-dialog .part-input-select-1:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/menu-open-down.svg") no-repeat center;
  -webkit-mask: url("images/uds/menu-open-down.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  right: 8px;
  top: 36px;
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box {
  height: 48px;
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box .selected-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  max-height: unset;
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box .selected-option .big-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--uds-font-color);
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box .selected-option .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box .options-list {
  top: 92px;
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box .options-list li {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box .options-list li .big-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--uds-font-color);
}
.ui-dialog.UDS-dialog .part-input-select-1.double .select-box .options-list li .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}
.ui-dialog.UDS-dialog .part-input-select-1.double:after {
  top: 48px;
}
.ui-dialog.UDS-dialog .part-input-select-1.disabled {
  opacity: 0.5;
}
.ui-dialog.UDS-dialog .part-input-select-1.disabled .select-box .selected-option {
  color: var(--uds-secondary-font-color);
}
.ui-dialog.UDS-dialog .part-input-select-1.disabled:after {
  background-color: var(--uds-secondary-font-color);
}
.ui-dialog.UDS-dialog .part-input-select-1.disabled .options-list {
  display: none !important;
}
.ui-dialog.UDS-dialog .part-input-select-1.with-bottom-margin {
  margin-bottom: 40px;
}
.ui-dialog.UDS-dialog .category-title {
  font-size: 20px !important;
  line-height: 26px;
  color: var(--uds-font-color);
  margin-top: 12px;
  font-weight: 500;
}

.udsWidget {
  font-family: amalia;
  background: var(--uds-background);
  overflow: visible;
  color: var(--uds-font-color);
}
.udsWidget.overflowHidden .s-widget-content .s-widget-body {
  overflow: hidden;
}
@keyframes error-animation {
  from {
    opacity: 0;
    top: -100px;
  }
  to {
    opacity: 1;
    top: -60px;
  }
}
.udsWidget .s-widget-content {
  position: relative;
}
.udsWidget .s-widget-content .s-widget-header {
  border: none;
  padding: 24px 24px 16px 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  border-bottom: solid 1px var(--border-bottom);
}
.udsWidget .s-widget-content .s-widget-header table {
  border-spacing: 0;
}
.udsWidget .s-widget-content .s-widget-header .s-widget-title {
  text-transform: none;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
.udsWidget .s-widget-content .s-widget-body-header {
  background: var(--uds-base-background);
  padding: 24px;
  border: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--uds-font-color);
}
.udsWidget .s-widget-content .s-widget-body {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: visible;
  background: var(--uds-base-background);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  border: none;
}
.udsWidget .s-widget-content .s-widget-body .s-widget-body.ui-corner-bl.ui-corner-br {
  overflow: hidden;
}
.udsWidget .s-widget-content .s-widget-body .normal-table-overscroll table tbody tr td, .udsWidget .s-widget-content .s-widget-body .gvUploadDocumentReview table tbody tr td {
  box-shadow: none !important;
}
.udsWidget .s-widget-content .s-widget-body .normal-table-overscroll table tbody tr td:first-child, .udsWidget .s-widget-content .s-widget-body .gvUploadDocumentReview table tbody tr td:first-child {
  border-left: none !important;
}
.udsWidget .s-widget-content .s-widget-body .normal-table-overscroll table tbody tr:hover, .udsWidget .s-widget-content .s-widget-body .gvUploadDocumentReview table tbody tr:hover {
  box-shadow: none !important;
}
.udsWidget .s-widget-content .s-widget-body .normal-table-overscroll table tbody tr:hover td:first-child, .udsWidget .s-widget-content .s-widget-body .gvUploadDocumentReview table tbody tr:hover td:first-child {
  border-left: none !important;
}
.udsWidget .s-widget-content .s-widget-body .box_body__filter.top {
  padding: 0px;
  background: var(--uds-base-background);
}
.udsWidget .s-widget-content .s-widget-body .box_body__filter.top .top-wrap .part-file-type-btns-uds {
  display: flex;
  width: auto;
  max-width: fit-content;
  margin: 0 auto;
  justify-content: center;
  background: var(--uds-background);
  padding: 4px;
  border-radius: 16px;
  gap: 4px;
}
.udsWidget .s-widget-content .s-widget-body .box_body__filter.top .top-wrap .part-file-type-btns-uds .btn-uds {
  outline: none;
  border: none;
  width: auto;
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
  border-radius: 12px;
  padding: 12px 20px;
  background: var(--uds-background);
  cursor: pointer;
}
.udsWidget .s-widget-content .s-widget-body .box_body__filter.top .top-wrap .part-file-type-btns-uds .btn-uds:hover {
  background: var(--uds-border-color);
}
.udsWidget .s-widget-content .s-widget-body .box_body__filter.top .top-wrap .part-file-type-btns-uds .btn-uds.active {
  font-weight: 500;
  color: var(--uds-font-color);
  background: var(--uds-base-background);
  border: 1px solid rgba(156, 150, 127, 0.24);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
}
.udsWidget .s-widget-content .s-widget-body .box_body__filter.bottom {
  background: var(--uds-base-background);
}
.udsWidget .s-widget-content .s-widget-body .customDropdown {
  position: relative;
  z-index: 20;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-selected {
  position: relative;
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  border-radius: 16px;
  padding: 8px 40px 8px 8px;
  margin: 8px;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-selected:hover {
  background: var(--choice-selected);
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options {
  position: relative;
  width: 100%;
  background: var(--uds-base-background);
  border: 1px solid rgba(156, 150, 127, 0.24);
  overflow: hidden;
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  border-radius: 8px;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list {
  position: relative;
  width: calc(100% - 16px);
  padding: 8px 8px 0 8px;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item:hover {
  border-radius: 12px;
  background: var(--choice-selected);
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item {
  background: var(--uds-base-background);
  margin-bottom: 8px;
  width: 100%;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item a {
  padding: 12px 16px 12px 56px;
  position: relative;
  display: block;
  color: var(--uds-font-color);
  font-size: 16px;
  line-height: 24px;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item a .icon {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 16px;
  top: 16px;
  background-size: 16px;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item a .icon-key {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  left: 16px;
  top: 16px;
  background-color: var(--uds-font-color);
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item a .icon-remove {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-remove.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-remove.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  left: 16px;
  top: 16px;
  background-color: var(--uds-font-color);
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item a .icon-delete {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  left: 16px;
  top: 16px;
  background-color: var(--uds-font-color);
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item a .icon-add {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-ring.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-ring.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  left: 16px;
  top: 16px;
  background-color: var(--uds-font-color);
}
.udsWidget .s-widget-content .s-widget-body .customDropdown .customDropdown-options .customDropdown-options-list .customDropdown-options-list-item a:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: var(--shadow-avatar);
  border-radius: 16px;
  position: absolute;
  top: 8px;
  left: 8px;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown.absolute-dropdown {
  width: 200px;
}
.udsWidget .s-widget-content .s-widget-body .customDropdown.absolute-dropdown .customDropdown-options {
  position: absolute;
  left: 72px;
  top: 0;
}
.udsWidget .s-widget-content .s-widget-body-error-summary {
  position: absolute;
  top: -60px;
  left: 0;
  background-color: #D7424B;
  color: #fff;
  border-radius: 8px;
  padding: 12px 16px 12px 48px;
  width: calc(100% - 64px);
  animation: error-animation 0.4s ease forwards;
  z-index: 300;
}
.udsWidget .s-widget-content .s-widget-body-error-summary:before {
  position: absolute;
  top: 14px;
  left: 16px;
  content: url("images/uds/warning-uds.svg");
  width: 20px;
  height: 20px;
}
.udsWidget .s-widget-content .s-widget-body-error-summary ul {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.udsWidget .uds-table {
  border-spacing: 0;
  width: calc(100% - 48px);
  margin: 24px;
}
.udsWidget .uds-table.with-bottom-padding {
  padding-bottom: 24px;
}
.udsWidget .uds-table, .udsWidget .uds-table-div > table {
  font-family: amalia !important;
  min-width: 800px;
  border-collapse: collapse;
  margin-bottom: 0;
}
.udsWidget .uds-table thead tr th, .udsWidget .uds-table thead tr td, .udsWidget .uds-table-div > table thead tr th, .udsWidget .uds-table-div > table thead tr td {
  padding: 20px 16px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  text-transform: none;
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-family: amalia !important;
}
.udsWidget .uds-table thead tr th.first-child, .udsWidget .uds-table-div > table thead tr th.first-child {
  padding: 0;
  vertical-align: middle;
}
.udsWidget .uds-table thead tr th .flex-th, .udsWidget .uds-table-div > table thead tr th .flex-th {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.udsWidget .uds-table thead tr th .flex-th .sort-button, .udsWidget .uds-table-div > table thead tr th .flex-th .sort-button {
  border: none;
  background: none;
  width: auto;
}
.udsWidget .uds-table thead tr th .flex-th > input, .udsWidget .uds-table-div > table thead tr th .flex-th > input {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
}
.udsWidget .uds-table thead tr th .flex-th > input:focus, .udsWidget .uds-table-div > table thead tr th .flex-th > input:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.udsWidget .uds-table thead tr th .flex-th > input[disabled], .udsWidget .uds-table-div > table thead tr th .flex-th > input[disabled] {
  opacity: 0.5;
}
.udsWidget .uds-table thead tr th .flex-th > input.phone, .udsWidget .uds-table-div > table thead tr th .flex-th > input.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.udsWidget .uds-table thead tr th .flex-th:after, .udsWidget .uds-table-div > table thead tr th .flex-th:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/search.svg") no-repeat center;
  -webkit-mask: url("images/uds/search.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  top: 40px;
  right: 14px;
  pointer-events: none;
}
.udsWidget .uds-table tbody tr, .udsWidget .uds-table-div > table tbody tr {
  border-bottom: solid 1px var(--border-bottom);
}
.udsWidget .uds-table tbody tr:first-child, .udsWidget .uds-table-div > table tbody tr:first-child {
  border-top: solid 1px var(--border-bottom);
}
.udsWidget .uds-table tbody tr td, .udsWidget .uds-table-div > table tbody tr td {
  vertical-align: middle;
  padding: 20px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  background: var(--uds-base-background);
  color: var(--uds-font-color);
  font-family: amalia !important;
  cursor: default !important;
}
.udsWidget .uds-table tbody tr td:first-child, .udsWidget .uds-table-div > table tbody tr td:first-child {
  font-weight: 500;
}
.udsWidget .uds-table tbody tr td .Odbijeno, .udsWidget .uds-table tbody tr td .Odobreno, .udsWidget .uds-table-div > table tbody tr td .Odbijeno, .udsWidget .uds-table-div > table tbody tr td .Odobreno {
  display: flex;
  align-items: center;
  gap: 8px;
}
.udsWidget .uds-table tbody tr td .Odbijeno::before, .udsWidget .uds-table-div > table tbody tr td .Odbijeno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #D62C2C;
}
.udsWidget .uds-table tbody tr td .Odobreno::before, .udsWidget .uds-table-div > table tbody tr td .Odobreno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #40921E;
}
.udsWidget .uds-table tbody tr:nth-child(odd) td, .udsWidget .uds-table-div > table tbody tr:nth-child(odd) td {
  background: var(--uds-background);
}
.udsWidget .uds-table tbody tr.checked td, .udsWidget .uds-table-div > table tbody tr.checked td {
  background: var(--choice-selected);
}
.udsWidget .uds-table tbody tr .table-cta, .udsWidget .uds-table-div > table tbody tr .table-cta {
  width: 100%;
  height: 100%;
  position: absolute;
  align-items: center;
  justify-content: center;
  top: 0;
}
.udsWidget .uds-table tbody tr .table-cta .button-action, .udsWidget .uds-table-div > table tbody tr .table-cta .button-action {
  display: flex;
  gap: 12px;
  justify-content: space-evenly;
  word-wrap: normal;
  word-break: keep-all;
  overflow-wrap: normal;
}
.udsWidget .uds-table-div {
  overflow: hidden;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper {
  position: relative;
  background: none;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons {
  display: none;
  position: absolute;
  height: 100%;
  padding: 0 16px 0 0;
  align-items: center;
  right: 0;
  top: 0;
  opacity: 0;
  animation: action-btns-animation 0.2s ease forwards;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons .button-action {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  word-wrap: normal;
  word-break: keep-all;
  overflow-wrap: normal;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button {
  min-width: fit-content;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: #FEE600 !important;
  color: #2B2D34 !important;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary:hover {
  background-color: #e1cc03 !important;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.primary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary:hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr .table-hover-buttons-wrapper .table-hover-buttons button.secondary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .uds-table-div tr:hover .table-hover-buttons {
  display: flex;
}
@keyframes action-btns-animation {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.udsWidget .uds-table-div .table-cta-wrap {
  background: none;
  word-wrap: break-word;
  word-break: break-word;
  overflow-wrap: break-word;
}
.udsWidget .uds-table-div.with-bottom-padding {
  padding-bottom: 24px;
}
.udsWidget .uds-table-div .clientGrid tbody tr:first-child {
  border-top: 1px solid var(--uds-border-color);
}
.udsWidget .uds-table-div .clientGrid tbody tr:hover td:first-child {
  border-left: none !important;
}
.udsWidget .uds-table-div .clientGrid tbody tr:hover {
  box-shadow: none !important;
}
.udsWidget .uds-table-div.second-style > table tbody tr {
  border: none;
  border-radius: 8px;
  overflow: hidden;
}
.udsWidget .uds-table-div.second-style > table tbody tr:first-child {
  border: none;
}
.udsWidget .uds-table-div.second-style > table tbody tr:nth-child(odd) td {
  background: var(--uds-base-background);
}
.udsWidget .uds-table-div.second-style > table tbody tr td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.udsWidget .uds-table-div.second-style > table tbody tr td:nth-child(2) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.udsWidget .uds-table-div .clientGridPager {
  height: auto !important;
}
.udsWidget .uds-table-div .clientGridPager .pageIndicator {
  line-height: 24px;
  font-size: 14px;
  color: var(--uds-secondary-font-color);
  margin: 8px 0;
}
.udsWidget .uds-table-div .clientGridPager .pagerButton {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 2px solid var(--uds-border-color);
  background: var(--uds-base-background);
  cursor: pointer;
  transition: none;
}
.udsWidget .uds-table-div .clientGridPager .pagerButton:hover {
  border: 2px solid var(--uds-border-color);
  background: var(--uds-border-color);
}
.udsWidget .uds-table-div .clientGridPager .pagerButton.prev:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-left.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-left.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.udsWidget .uds-table-div .clientGridPager .pagerButton.next:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-right.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-right.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.udsWidget .uds-table-div .clientGridPager .pagerButton.first:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/collapse-left.svg") no-repeat center;
  -webkit-mask: url("images/uds/collapse-left.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.udsWidget .uds-table-div .clientGridPager .pagerButton.last:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/collapse-right.svg") no-repeat center;
  -webkit-mask: url("images/uds/collapse-right.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.udsWidget .part-calendar .input-wrap {
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px rgba(156, 150, 127, 0.24) !important;
  padding: 8px 48px 8px 12px !important;
}
.udsWidget .part-calendar .input-wrap .hasDatepicker {
  width: auto;
}
.udsWidget .part-calendar .input-wrap > span {
  display: flex;
  height: 20px;
  gap: 4px;
  background: none !important;
  padding: 0 !important;
  top: -28px;
  left: 0 !important;
  color: #55575D !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  letter-spacing: normal !important;
  /*&:after {
      content: url('images/uds/info.svg');
      width: 20px;
      height: 20px;
  }*/
}
.udsWidget .part-calendar .input-wrap > span:before {
  content: url("images/uds/asterix.svg");
  width: 8px;
  height: 8px;
}
.udsWidget .part-calendar .input-wrap .box_input {
  background: var(--uds-background);
  color: var(--uds-font-color);
  font-weight: 400 !important;
  line-height: 24px !important;
  font-size: 16px !important;
  letter-spacing: normal !important;
}
.udsWidget .part-calendar .input-wrap .ui-datepicker-trigger {
  display: none;
  pointer-events: none;
}
.udsWidget .part-calendar .input-wrap:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/date-calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/date-calendar.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  top: 14px;
  right: 14px;
}
.udsWidget .status-nok {
  line-height: 24px;
  background: var(--danger-pill);
  color: var(--danger-pill-font);
  padding: 0 8px;
  border-radius: 12px;
  display: block;
  max-width: fit-content;
  margin: 0 auto;
}
.udsWidget .status-ok {
  line-height: 24px;
  background: var(--success-pill);
  color: var(--success-pill-font);
  padding: 0 8px;
  border-radius: 12px;
  display: block;
  max-width: fit-content;
  margin: 0 auto;
}

.uds-widget {
  font-family: amalia;
  background: var(--uds-background);
  overflow: visible;
  color: var(--uds-font-color);
}
.uds-widget .s-widget-content {
  position: relative;
}
.uds-widget .s-widget-content .s-widget-header {
  border: none;
  padding: 24px 24px 16px 24px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  overflow: hidden;
  border-bottom: solid 1px var(--border-bottom);
}
.uds-widget .s-widget-content .s-widget-header table {
  border-spacing: 0;
}
.uds-widget .s-widget-content .s-widget-header .s-widget-title {
  text-transform: none;
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
}
.uds-widget .s-widget-content .s-widget-body {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  background: var(--uds-base-background);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  border-top: none;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper {
  border-top: solid 1px rgba(143, 145, 153, 0.2392156863);
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: var(--uds-base-background);
  width: calc(100% - 32px);
  height: auto;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #FEE600;
  color: #2B2D34;
  padding: 12px 16px;
  line-height: 14px;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  border: 1px solid rgba(19, 20, 22, 0.0784313725);
  cursor: pointer;
  text-transform: none;
  overflow: visible;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more:hover {
  background-color: #e1cc03;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more .more, .uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more .less {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more .less {
  display: none;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more.active .more {
  display: none;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more.active .less {
  display: flex;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more .more:after {
  content: url("images/uds/select-open.svg");
  display: block;
  width: 16px;
  height: 16px;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more .less:after {
  content: url("images/uds/select-hide.svg");
  display: block;
  width: 16px;
  height: 16px;
}
.uds-widget .s-widget-content .s-widget-body .box_body .show-more-wrapper .show-more .arrow-bottom-1 {
  display: none;
}
.uds-widget .s-widget-content .s-widget-body .box_body > p, .uds-widget .s-widget-content .s-widget-body .box_body .normal-table > p, .uds-widget .s-widget-content .s-widget-body .box_body .normal-table-overscroll > p {
  padding: 16px;
  text-align: center;
}
.uds-widget .s-widget-content .s-widget-body .box_body .normal-table-overscroll {
  border: none;
}
.uds-widget .showPagination {
  height: auto;
  display: flex;
  justify-content: space-between;
  padding: 24px;
}
.uds-widget .showPagination .pagination {
  line-height: 24px;
  font-size: 14px;
  color: var(--uds-secondary-font-color);
  margin: 8px 0;
}
.uds-widget .showPagination .widget-pagination {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
}
.uds-widget .showPagination .widget-pagination > a {
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 2px solid var(--uds-border-color);
  background: var(--uds-base-background);
  cursor: pointer;
  transition: none;
}
.uds-widget .showPagination .widget-pagination > a:hover {
  border: 2px solid var(--uds-border-color);
  background: var(--uds-border-color);
}
.uds-widget .showPagination .widget-pagination > a.previous_link:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-left.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-left.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.uds-widget .showPagination .widget-pagination > a.next_link:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-right.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-right.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.uds-widget .showPagination .widget-pagination > a.first_link:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/collapse-left.svg") no-repeat center;
  -webkit-mask: url("images/uds/collapse-left.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.uds-widget .showPagination .widget-pagination > a.last_link:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/collapse-right.svg") no-repeat center;
  -webkit-mask: url("images/uds/collapse-right.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.uds-widget .showPagination .widget-pagination .ellipse.less {
  display: none !important;
}
.uds-widget .showPagination .widget-pagination .ellipse.more {
  display: none !important;
}
.uds-widget .showPagination .widget-pagination .page_link.first {
  display: none !important;
}
.uds-widget .showPagination .widget-pagination .page_link.last {
  display: none !important;
}

.uds-zone .tableHeader {
  background: var(--uds-base-background);
}
.uds-zone .k-header {
  background: var(--uds-base-background);
}
.uds-zone.zone-2 {
  margin-top: -44px;
  position: relative;
  z-index: 1;
}
.uds-zone.zone-2 .k-widget {
  border: none;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
}

.udsWidget .s-widget-content .s-widget-body-error-summary, .uds-sub-widget .s-widget-content .s-widget-body-error-summary {
  position: absolute;
  top: -60px;
  left: 24px;
  background-color: #D7424B;
  color: #fff;
  border-radius: 8px;
  padding: 12px 16px 12px 48px;
  width: calc(100% - 112px);
  animation: error-animation 0.4s ease forwards;
  z-index: 300;
}
.udsWidget .s-widget-content .s-widget-body-error-summary:before, .uds-sub-widget .s-widget-content .s-widget-body-error-summary:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
  content: url("images/uds/warning-uds.svg");
  width: 20px;
  height: 20px;
}
.udsWidget .s-widget-content .s-widget-body-error-summary ul, .uds-sub-widget .s-widget-content .s-widget-body-error-summary ul {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.udsWidget .profile-image, .uds-sub-widget .profile-image {
  position: relative;
  width: 120px;
  height: 120px;
  padding: 24px 0 0 24px;
}
.udsWidget .profile-image .image-upload-icon, .uds-sub-widget .profile-image .image-upload-icon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
.udsWidget .profile-image .image-upload-icon:before, .uds-sub-widget .profile-image .image-upload-icon:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: #FEE600;
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 50%;
}
.udsWidget .profile-image .image-upload-icon:after, .uds-sub-widget .profile-image .image-upload-icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/camera-photo.svg") no-repeat center;
  -webkit-mask: url("images/uds/camera-photo.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
  top: 8px;
  left: 8px;
}
.udsWidget .profile-image .user-profile-tag img, .uds-sub-widget .profile-image .user-profile-tag img {
  border-radius: 50%;
  width: 120px;
  height: 120px;
}
.udsWidget .profile-image .user-profile-tag .profile-avatar, .uds-sub-widget .profile-image .user-profile-tag .profile-avatar {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  border: solid 1px var(--uds-border-color);
  color: var(--uds-font-color);
  font-size: 48px;
  line-height: 48px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
}
.udsWidget .box_body, .uds-sub-widget .box_body {
  position: relative;
  width: 100%;
}
.udsWidget .box_body .medium-text, .uds-sub-widget .box_body .medium-text {
  padding: 0 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}
.udsWidget .box_body.narrow, .uds-sub-widget .box_body.narrow {
  width: calc(100% - 48px);
  margin: 0 24px;
}
.udsWidget .box_body.overflow-hidden, .uds-sub-widget .box_body.overflow-hidden {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  overflow: hidden;
}
.udsWidget .box_body .box_body__header, .uds-sub-widget .box_body .box_body__header {
  display: block;
  position: absolute;
  top: -66px;
  right: 0;
  padding: 24px 24px 16px 24px;
}
.udsWidget .box_body .box_body__header .action, .uds-sub-widget .box_body .box_body__header .action {
  text-align: right;
  color: var(--action-color);
  font-size: 16px;
  line-height: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}
.udsWidget .box_body .box_body__header .action:hover, .uds-sub-widget .box_body .box_body__header .action:hover {
  color: var(--action-color-hover);
}
.udsWidget .box_body .normal-list, .uds-sub-widget .box_body .normal-list {
  position: relative;
  width: calc(100% - 48px);
  z-index: 1;
  padding: 24px;
  text-align: left;
}
.udsWidget .box_body .normal-list .normal-list_item, .uds-sub-widget .box_body .normal-list .normal-list_item {
  border: none;
  border-radius: 8px;
  overflow: hidden;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
  cursor: pointer;
  margin: 8px 0;
}
.udsWidget .box_body .normal-list .normal-list_item.current, .uds-sub-widget .box_body .normal-list .normal-list_item.current {
  background: var(--choice-selected);
}
.udsWidget .box_body .normal-list .normal-list_item.checkedItem, .uds-sub-widget .box_body .normal-list .normal-list_item.checkedItem {
  background: var(--choice-selected);
}
.udsWidget .box_body .normal-list .normal-list_item.overflow-visible, .uds-sub-widget .box_body .normal-list .normal-list_item.overflow-visible {
  overflow: visible;
}
.udsWidget .box_body .normal-list .normal-list_item:hover, .uds-sub-widget .box_body .normal-list .normal-list_item:hover {
  background: var(--choice-selected);
  box-shadow: none;
}
.udsWidget .box_body .normal-list .normal-list_item:hover .normal-list_item__inner .part-action-btns, .uds-sub-widget .box_body .normal-list .normal-list_item:hover .normal-list_item__inner .part-action-btns {
  display: flex;
}
.udsWidget .box_body .normal-list .normal-list_item.hover-gray:hover, .uds-sub-widget .box_body .normal-list .normal-list_item.hover-gray:hover {
  background: var(--uds-background);
}
.udsWidget .box_body .normal-list .normal-list_item.no-hover, .uds-sub-widget .box_body .normal-list .normal-list_item.no-hover {
  cursor: default;
}
.udsWidget .box_body .normal-list .normal-list_item.no-hover:hover, .uds-sub-widget .box_body .normal-list .normal-list_item.no-hover:hover {
  background: var(--uds-base-background);
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 16px;
  height: 48px;
  position: relative;
  border: none !important;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner.no-height, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner.no-height {
  height: auto;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner.no-height .part-content, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner.no-height .part-content {
  min-height: 44px;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon {
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #fee600;
  flex-shrink: 0;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.account, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.account {
  background-image: url(images/uds/logo-cross.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.locked, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.locked {
  background-image: url(images/uds/locked.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.card, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.card {
  background-image: url(images/uds/card-raif.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.card2, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.card2 {
  background-image: url(images/uds/card-2.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.connected-account, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.connected-account {
  background-image: url(images/uds/account.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.message-icon, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .icon.message-icon {
  background-image: url(images/uds/ic_poruka_top_nav.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content {
  position: relative;
  padding: 0;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--uds-font-color);
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.currency {
  text-transform: uppercase;
  font-weight: 500;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text:first-letter {
  text-transform: capitalize;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name {
  text-transform: lowercase;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .big-text.supplementary-cards-client-name:first-line {
  text-transform: capitalize;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content.accountDescription {
  width: 41%;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content .small-text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--uds-secondary-font-color);
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .founds, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .founds {
  text-align: right;
  flex-shrink: 0;
  padding: 0;
}
@keyframes action-btns-animation {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns {
  display: none;
  gap: 16px;
  opacity: 0;
  animation: action-btns-animation 0.2s ease forwards;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .btn-2, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .btn-2 {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: var(--uds-secondary-button-background);
  color: var(--uds-font-color);
  padding: 12px 16px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 8px;
  font-weight: 500;
  border: 1px solid var(--uds-border-color);
  cursor: pointer;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .btn-2:hover, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .btn-2:hover {
  background-color: var(--uds-secondary-button-hover-background);
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .primary, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .primary {
  background: #FEE600;
  color: #2B2D34;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .primary:hover, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns .primary:hover {
  background-color: #e1cc03;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns-visible, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns-visible {
  display: flex;
  gap: 16px;
}
.udsWidget .box_body .normal-list .normal-list_item .normal-list_item__inner:after, .uds-sub-widget .box_body .normal-list .normal-list_item .normal-list_item__inner:after {
  display: none;
}
.udsWidget .box_body .show-more-wrapper, .uds-sub-widget .box_body .show-more-wrapper {
  border-top: solid 1px rgba(143, 145, 153, 0.2392156863);
  padding: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  background: var(--uds-base-background);
  width: calc(100% - 32px);
  height: auto;
}
.udsWidget .box_body .show-more-wrapper .show-more, .uds-sub-widget .box_body .show-more-wrapper .show-more {
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: #FEE600;
  color: #2B2D34;
  padding: 12px 16px;
  line-height: 14px;
  font-size: 14px;
  border-radius: 8px;
  font-weight: 500;
  border: 1px solid rgba(19, 20, 22, 0.0784313725);
  cursor: pointer;
  text-transform: none;
  overflow: visible;
  width: auto;
}
.udsWidget .box_body .show-more-wrapper .show-more:hover, .uds-sub-widget .box_body .show-more-wrapper .show-more:hover {
  background-color: #e1cc03;
}
.udsWidget .box_body .show-more-wrapper .show-more .more, .udsWidget .box_body .show-more-wrapper .show-more .less, .uds-sub-widget .box_body .show-more-wrapper .show-more .more, .uds-sub-widget .box_body .show-more-wrapper .show-more .less {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.udsWidget .box_body .show-more-wrapper .show-more .less, .uds-sub-widget .box_body .show-more-wrapper .show-more .less {
  display: none;
}
.udsWidget .box_body .show-more-wrapper .show-more.active .more, .uds-sub-widget .box_body .show-more-wrapper .show-more.active .more {
  display: none;
}
.udsWidget .box_body .show-more-wrapper .show-more.active .less, .uds-sub-widget .box_body .show-more-wrapper .show-more.active .less {
  display: flex;
}
.udsWidget .box_body .show-more-wrapper .show-more .more:after, .uds-sub-widget .box_body .show-more-wrapper .show-more .more:after {
  content: url("images/uds/select-open.svg");
  display: block;
  width: 16px;
  height: 16px;
}
.udsWidget .box_body .show-more-wrapper .show-more .less:after, .uds-sub-widget .box_body .show-more-wrapper .show-more .less:after {
  content: url("images/uds/select-hide.svg");
  display: block;
  width: 16px;
  height: 16px;
}
.udsWidget .box_body .show-more-wrapper .show-more .arrow-bottom-1, .uds-sub-widget .box_body .show-more-wrapper .show-more .arrow-bottom-1 {
  display: none;
}
.udsWidget .detail-table-uds, .uds-sub-widget .detail-table-uds {
  position: relative;
}
.udsWidget .detail-table-uds .box_body__header-uds, .uds-sub-widget .detail-table-uds .box_body__header-uds {
  padding: 40px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds.smaller-padding, .uds-sub-widget .detail-table-uds .box_body__header-uds.smaller-padding {
  padding: 40px 24px 16px 24px;
}
.udsWidget .detail-table-uds .box_body__header-uds.without-top-padding, .uds-sub-widget .detail-table-uds .box_body__header-uds.without-top-padding {
  padding: 0px 24px 16px 24px;
}
.udsWidget .detail-table-uds .box_body__header-uds .part-buttons, .uds-sub-widget .detail-table-uds .box_body__header-uds .part-buttons {
  display: flex;
  gap: 12px;
}
.udsWidget .detail-table-uds .box_body__header-uds .part-icon-uds, .uds-sub-widget .detail-table-uds .box_body__header-uds .part-icon-uds {
  position: relative;
  width: 32px;
  height: 32px;
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/seal-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/seal-1.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds .frame-loan-icon, .uds-sub-widget .detail-table-uds .box_body__header-uds .frame-loan-icon {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money-gray.svg") no-repeat center;
  -webkit-mask: url("images/uds/money-gray.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds .guarantee-icon, .uds-sub-widget .detail-table-uds .box_body__header-uds .guarantee-icon {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/seal-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/seal-1.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds .letter-of-credit-icon, .uds-sub-widget .detail-table-uds .box_body__header-uds .letter-of-credit-icon {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/docs-gray.svg") no-repeat center;
  -webkit-mask: url("images/uds/docs-gray.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds .loan-icon, .uds-sub-widget .detail-table-uds .box_body__header-uds .loan-icon {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money-gray.svg") no-repeat center;
  -webkit-mask: url("images/uds/money-gray.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds .account-icon, .uds-sub-widget .detail-table-uds .box_body__header-uds .account-icon {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/account-gray.svg") no-repeat center;
  -webkit-mask: url("images/uds/account-gray.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds .card-icon, .uds-sub-widget .detail-table-uds .box_body__header-uds .card-icon {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/card-gray.svg") no-repeat center;
  -webkit-mask: url("images/uds/card-gray.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
}
.udsWidget .detail-table-uds .box_body__header-uds .einvoices-icon, .uds-sub-widget .detail-table-uds .box_body__header-uds .einvoices-icon {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_efakture.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_efakture.svg") no-repeat center;
  mask-size: 32px;
  -webkit-mask-size: 32px;
  background-color: #01ce96;
}
.udsWidget .detail-table-uds .box_body__header-uds .part-info-uds, .uds-sub-widget .detail-table-uds .box_body__header-uds .part-info-uds {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.udsWidget .detail-table-uds .box_body__header-uds .part-info-uds .big-text, .uds-sub-widget .detail-table-uds .box_body__header-uds .part-info-uds .big-text {
  color: var(--uds-font-color);
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
}
.udsWidget .detail-table-uds .box_body__header-uds .part-info-uds .small-text, .uds-sub-widget .detail-table-uds .box_body__header-uds .part-info-uds .small-text {
  color: var(--uds-font-color);
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
}
.udsWidget .detail-table-uds .flexy, .uds-sub-widget .detail-table-uds .flexy {
  display: flex;
  gap: 16px;
  padding: 12px;
  align-items: center;
  justify-content: flex-start;
  color: var(--uds-font-color);
}
.udsWidget .detail-table-uds .flexy.theme-icon:before, .uds-sub-widget .detail-table-uds .flexy.theme-icon:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/change-theme.svg") no-repeat center;
  -webkit-mask: url("images/uds/change-theme.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  cursor: default;
}
.udsWidget .top-wrap-title, .uds-sub-widget .top-wrap-title {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.64px;
  line-height: 24px;
  padding: 16px 24px;
  margin-top: 16px;
  color: var(--uds-font-color);
}
.udsWidget .top-wrap-uds, .uds-sub-widget .top-wrap-uds {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
}
.udsWidget .top-wrap-uds > span, .uds-sub-widget .top-wrap-uds > span {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.udsWidget .top-wrap-uds.no-padding, .uds-sub-widget .top-wrap-uds.no-padding {
  padding: 0;
}
.udsWidget .top-wrap-uds.no-top-padding, .uds-sub-widget .top-wrap-uds.no-top-padding {
  padding-top: 0;
}
.udsWidget .top-wrap-uds.centered-items, .uds-sub-widget .top-wrap-uds.centered-items {
  align-items: center;
}
.udsWidget .top-wrap-uds .single-amount, .uds-sub-widget .top-wrap-uds .single-amount {
  position: relative;
  width: auto;
  padding-left: 48px;
  font-size: 14px;
  line-height: 24px;
  color: var(--uds-font-color);
}
.udsWidget .top-wrap-uds .single-amount .info-1, .uds-sub-widget .top-wrap-uds .single-amount .info-1 {
  color: var(--uds-font-color);
}
.udsWidget .top-wrap-uds .single-amount .info-2, .uds-sub-widget .top-wrap-uds .single-amount .info-2 {
  color: var(--uds-font-color);
  font-weight: 500;
  min-height: 24px;
}
.udsWidget .top-wrap-uds .single-amount:before, .uds-sub-widget .top-wrap-uds .single-amount:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/bundle-of-money.svg") no-repeat center;
  -webkit-mask: url("images/uds/bundle-of-money.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  position: absolute !important;
  top: 16px !important;
  left: 16px !important;
}
.udsWidget .top-wrap-uds .single-amount.doc-nmb:before, .uds-sub-widget .top-wrap-uds .single-amount.doc-nmb:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-nmb.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-nmb.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.docs-nmb:before, .uds-sub-widget .top-wrap-uds .single-amount.docs-nmb:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/docs-nmb.svg") no-repeat center;
  -webkit-mask: url("images/uds/docs-nmb.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.money:before, .uds-sub-widget .top-wrap-uds .single-amount.money:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money.svg") no-repeat center;
  -webkit-mask: url("images/uds/money.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.calendar:before, .uds-sub-widget .top-wrap-uds .single-amount.calendar:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.percent:before, .uds-sub-widget .top-wrap-uds .single-amount.percent:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/percent.svg") no-repeat center;
  -webkit-mask: url("images/uds/percent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.person:before, .uds-sub-widget .top-wrap-uds .single-amount.person:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/man-ring.svg") no-repeat center;
  -webkit-mask: url("images/uds/man-ring.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.incoming:before, .uds-sub-widget .top-wrap-uds .single-amount.incoming:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money-bag-incoming.svg") no-repeat center;
  -webkit-mask: url("images/uds/money-bag-incoming.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.outgoing:before, .uds-sub-widget .top-wrap-uds .single-amount.outgoing:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money-bag-outgoing.svg") no-repeat center;
  -webkit-mask: url("images/uds/money-bag-outgoing.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.info:before, .uds-sub-widget .top-wrap-uds .single-amount.info:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.currency:before, .uds-sub-widget .top-wrap-uds .single-amount.currency:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/currency.svg") no-repeat center;
  -webkit-mask: url("images/uds/currency.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.invoice-pay:before, .uds-sub-widget .top-wrap-uds .single-amount.invoice-pay:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-pay.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-pay.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.company:before, .uds-sub-widget .top-wrap-uds .single-amount.company:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_company.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_company.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.bank:before, .uds-sub-widget .top-wrap-uds .single-amount.bank:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/bank.svg") no-repeat center;
  -webkit-mask: url("images/uds/bank.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.map:before, .uds-sub-widget .top-wrap-uds .single-amount.map:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/terminal-on-map.svg") no-repeat center;
  -webkit-mask: url("images/uds/terminal-on-map.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.phone:before, .uds-sub-widget .top-wrap-uds .single-amount.phone:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/phone_outlined.svg") no-repeat center;
  -webkit-mask: url("images/uds/phone_outlined.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.confirmation:before, .uds-sub-widget .top-wrap-uds .single-amount.confirmation:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.email-icon:before, .uds-sub-widget .top-wrap-uds .single-amount.email-icon:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .single-amount.phone-icon:before, .uds-sub-widget .top-wrap-uds .single-amount.phone-icon:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/phone.svg") no-repeat center;
  -webkit-mask: url("images/uds/phone.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .top-wrap-uds .column-item-contained, .uds-sub-widget .top-wrap-uds .column-item-contained {
  width: auto;
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--uds-font-color);
  border: solid 1px var(--uds-border-color);
  border-radius: 8px;
}
.udsWidget .top-wrap-uds .column-item-contained:before, .uds-sub-widget .top-wrap-uds .column-item-contained:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_poruke_mailbox.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--uds-font-color);
}
.udsWidget .top-wrap-uds .column-item-contained .trash:before, .uds-sub-widget .top-wrap-uds .column-item-contained .trash:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
}
.udsWidget .top-wrap-uds .column-item-contained .trash:hover:before, .uds-sub-widget .top-wrap-uds .column-item-contained .trash:hover:before {
  background-color: #D62C2C;
}
.udsWidget .top-wrap-uds.no-icons .single-amount, .uds-sub-widget .top-wrap-uds.no-icons .single-amount {
  padding-left: 16px;
}
.udsWidget .top-wrap-uds.no-icons .single-amount:before, .uds-sub-widget .top-wrap-uds.no-icons .single-amount:before {
  display: none;
}
.udsWidget .part-calendar, .udsWidget .part-input, .udsWidget .part-input-file, .udsWidget .part-input-textarea, .udsWidget .part-radio, .uds-sub-widget .part-calendar, .uds-sub-widget .part-input, .uds-sub-widget .part-input-file, .uds-sub-widget .part-input-textarea, .uds-sub-widget .part-radio {
  position: relative;
  width: auto;
  max-width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.udsWidget .part-calendar.full-width, .udsWidget .part-input.full-width, .udsWidget .part-input-file.full-width, .udsWidget .part-input-textarea.full-width, .udsWidget .part-radio.full-width, .uds-sub-widget .part-calendar.full-width, .uds-sub-widget .part-input.full-width, .uds-sub-widget .part-input-file.full-width, .uds-sub-widget .part-input-textarea.full-width, .uds-sub-widget .part-radio.full-width {
  width: 100%;
  max-width: unset;
  align-items: stretch;
}
.udsWidget .part-calendar.required > span:first-child:before, .udsWidget .part-input.required > span:first-child:before, .udsWidget .part-input-file.required > span:first-child:before, .udsWidget .part-input-textarea.required > span:first-child:before, .udsWidget .part-radio.required > span:first-child:before, .uds-sub-widget .part-calendar.required > span:first-child:before, .uds-sub-widget .part-input.required > span:first-child:before, .uds-sub-widget .part-input-file.required > span:first-child:before, .uds-sub-widget .part-input-textarea.required > span:first-child:before, .uds-sub-widget .part-radio.required > span:first-child:before {
  content: "";
  display: block;
  background: url("images/uds/asterix.svg");
  background-size: 8px;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
.udsWidget .part-calendar > span, .udsWidget .part-input > span, .udsWidget .part-input-file > span, .udsWidget .part-input-textarea > span, .udsWidget .part-radio > span, .uds-sub-widget .part-calendar > span, .uds-sub-widget .part-input > span, .uds-sub-widget .part-input-file > span, .uds-sub-widget .part-input-textarea > span, .uds-sub-widget .part-radio > span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.udsWidget .part-calendar > span .input-label, .udsWidget .part-input > span .input-label, .udsWidget .part-input-file > span .input-label, .udsWidget .part-input-textarea > span .input-label, .udsWidget .part-radio > span .input-label, .uds-sub-widget .part-calendar > span .input-label, .uds-sub-widget .part-input > span .input-label, .uds-sub-widget .part-input-file > span .input-label, .uds-sub-widget .part-input-textarea > span .input-label, .uds-sub-widget .part-radio > span .input-label {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.udsWidget .part-calendar > span .tooltip-wrapper, .udsWidget .part-input > span .tooltip-wrapper, .udsWidget .part-input-file > span .tooltip-wrapper, .udsWidget .part-input-textarea > span .tooltip-wrapper, .udsWidget .part-radio > span .tooltip-wrapper, .uds-sub-widget .part-calendar > span .tooltip-wrapper, .uds-sub-widget .part-input > span .tooltip-wrapper, .uds-sub-widget .part-input-file > span .tooltip-wrapper, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper, .uds-sub-widget .part-radio > span .tooltip-wrapper {
  position: relative;
  cursor: pointer;
}
.udsWidget .part-calendar > span .tooltip-wrapper:before, .udsWidget .part-input > span .tooltip-wrapper:before, .udsWidget .part-input-file > span .tooltip-wrapper:before, .udsWidget .part-input-textarea > span .tooltip-wrapper:before, .udsWidget .part-radio > span .tooltip-wrapper:before, .uds-sub-widget .part-calendar > span .tooltip-wrapper:before, .uds-sub-widget .part-input > span .tooltip-wrapper:before, .uds-sub-widget .part-input-file > span .tooltip-wrapper:before, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper:before, .uds-sub-widget .part-radio > span .tooltip-wrapper:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .part-calendar > span .tooltip-wrapper .tooltip, .udsWidget .part-input > span .tooltip-wrapper .tooltip, .udsWidget .part-input-file > span .tooltip-wrapper .tooltip, .udsWidget .part-input-textarea > span .tooltip-wrapper .tooltip, .udsWidget .part-radio > span .tooltip-wrapper .tooltip, .uds-sub-widget .part-calendar > span .tooltip-wrapper .tooltip, .uds-sub-widget .part-input > span .tooltip-wrapper .tooltip, .uds-sub-widget .part-input-file > span .tooltip-wrapper .tooltip, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper .tooltip, .uds-sub-widget .part-radio > span .tooltip-wrapper .tooltip {
  position: absolute;
  bottom: 30px;
  left: 0px;
  transform: translateX(-20px);
  display: none;
  background: var(--uds-base-background);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px #cfcfcf;
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
}
.udsWidget .part-calendar > span .tooltip-wrapper .tooltip .tooltip-content, .udsWidget .part-input > span .tooltip-wrapper .tooltip .tooltip-content, .udsWidget .part-input-file > span .tooltip-wrapper .tooltip .tooltip-content, .udsWidget .part-input-textarea > span .tooltip-wrapper .tooltip .tooltip-content, .udsWidget .part-radio > span .tooltip-wrapper .tooltip .tooltip-content, .uds-sub-widget .part-calendar > span .tooltip-wrapper .tooltip .tooltip-content, .uds-sub-widget .part-input > span .tooltip-wrapper .tooltip .tooltip-content, .uds-sub-widget .part-input-file > span .tooltip-wrapper .tooltip .tooltip-content, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper .tooltip .tooltip-content, .uds-sub-widget .part-radio > span .tooltip-wrapper .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.udsWidget .part-calendar > span .tooltip-wrapper .tooltip::after, .udsWidget .part-input > span .tooltip-wrapper .tooltip::after, .udsWidget .part-input-file > span .tooltip-wrapper .tooltip::after, .udsWidget .part-input-textarea > span .tooltip-wrapper .tooltip::after, .udsWidget .part-radio > span .tooltip-wrapper .tooltip::after, .uds-sub-widget .part-calendar > span .tooltip-wrapper .tooltip::after, .uds-sub-widget .part-input > span .tooltip-wrapper .tooltip::after, .uds-sub-widget .part-input-file > span .tooltip-wrapper .tooltip::after, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper .tooltip::after, .uds-sub-widget .part-radio > span .tooltip-wrapper .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 60px;
  height: 20px;
  background-color: var(--uds-base-background);
  mask: url(images/icons/Pointer.svg) no-repeat center;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}
.udsWidget .part-calendar > span .tooltip-wrapper:hover .tooltip, .udsWidget .part-input > span .tooltip-wrapper:hover .tooltip, .udsWidget .part-input-file > span .tooltip-wrapper:hover .tooltip, .udsWidget .part-input-textarea > span .tooltip-wrapper:hover .tooltip, .udsWidget .part-radio > span .tooltip-wrapper:hover .tooltip, .uds-sub-widget .part-calendar > span .tooltip-wrapper:hover .tooltip, .uds-sub-widget .part-input > span .tooltip-wrapper:hover .tooltip, .uds-sub-widget .part-input-file > span .tooltip-wrapper:hover .tooltip, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper:hover .tooltip, .uds-sub-widget .part-radio > span .tooltip-wrapper:hover .tooltip {
  display: flex;
  align-items: center;
}
.udsWidget .part-calendar > span .tooltip-wrapper:hover .tooltip .tooltip-content, .udsWidget .part-input > span .tooltip-wrapper:hover .tooltip .tooltip-content, .udsWidget .part-input-file > span .tooltip-wrapper:hover .tooltip .tooltip-content, .udsWidget .part-input-textarea > span .tooltip-wrapper:hover .tooltip .tooltip-content, .udsWidget .part-radio > span .tooltip-wrapper:hover .tooltip .tooltip-content, .uds-sub-widget .part-calendar > span .tooltip-wrapper:hover .tooltip .tooltip-content, .uds-sub-widget .part-input > span .tooltip-wrapper:hover .tooltip .tooltip-content, .uds-sub-widget .part-input-file > span .tooltip-wrapper:hover .tooltip .tooltip-content, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper:hover .tooltip .tooltip-content, .uds-sub-widget .part-radio > span .tooltip-wrapper:hover .tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  max-width: 300px;
}
.udsWidget .part-calendar > span .tooltip-wrapper:hover .tooltip::after, .udsWidget .part-input > span .tooltip-wrapper:hover .tooltip::after, .udsWidget .part-input-file > span .tooltip-wrapper:hover .tooltip::after, .udsWidget .part-input-textarea > span .tooltip-wrapper:hover .tooltip::after, .udsWidget .part-radio > span .tooltip-wrapper:hover .tooltip::after, .uds-sub-widget .part-calendar > span .tooltip-wrapper:hover .tooltip::after, .uds-sub-widget .part-input > span .tooltip-wrapper:hover .tooltip::after, .uds-sub-widget .part-input-file > span .tooltip-wrapper:hover .tooltip::after, .uds-sub-widget .part-input-textarea > span .tooltip-wrapper:hover .tooltip::after, .uds-sub-widget .part-radio > span .tooltip-wrapper:hover .tooltip::after {
  display: block;
}
.udsWidget .part-calendar.grow, .udsWidget .part-input.grow, .udsWidget .part-input-file.grow, .udsWidget .part-input-textarea.grow, .udsWidget .part-radio.grow, .uds-sub-widget .part-calendar.grow, .uds-sub-widget .part-input.grow, .uds-sub-widget .part-input-file.grow, .uds-sub-widget .part-input-textarea.grow, .uds-sub-widget .part-radio.grow {
  flex: 1;
  max-width: none;
}
.udsWidget .part-calendar.grow-half, .udsWidget .part-input.grow-half, .udsWidget .part-input-file.grow-half, .udsWidget .part-input-textarea.grow-half, .udsWidget .part-radio.grow-half, .uds-sub-widget .part-calendar.grow-half, .uds-sub-widget .part-input.grow-half, .uds-sub-widget .part-input-file.grow-half, .uds-sub-widget .part-input-textarea.grow-half, .uds-sub-widget .part-radio.grow-half {
  flex: 0.5;
  max-width: none;
}
.udsWidget .part-calendar > input, .udsWidget .part-calendar > textarea, .udsWidget .part-input > input, .udsWidget .part-input > textarea, .udsWidget .part-input-textarea > input, .udsWidget .part-input-textarea > textarea, .uds-sub-widget .part-calendar > input, .uds-sub-widget .part-calendar > textarea, .uds-sub-widget .part-input > input, .uds-sub-widget .part-input > textarea, .uds-sub-widget .part-input-textarea > input, .uds-sub-widget .part-input-textarea > textarea {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
}
.udsWidget .part-calendar > input:focus, .udsWidget .part-calendar > textarea:focus, .udsWidget .part-input > input:focus, .udsWidget .part-input > textarea:focus, .udsWidget .part-input-textarea > input:focus, .udsWidget .part-input-textarea > textarea:focus, .uds-sub-widget .part-calendar > input:focus, .uds-sub-widget .part-calendar > textarea:focus, .uds-sub-widget .part-input > input:focus, .uds-sub-widget .part-input > textarea:focus, .uds-sub-widget .part-input-textarea > input:focus, .uds-sub-widget .part-input-textarea > textarea:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.udsWidget .part-calendar > input[disabled], .udsWidget .part-calendar > textarea[disabled], .udsWidget .part-input > input[disabled], .udsWidget .part-input > textarea[disabled], .udsWidget .part-input-textarea > input[disabled], .udsWidget .part-input-textarea > textarea[disabled], .uds-sub-widget .part-calendar > input[disabled], .uds-sub-widget .part-calendar > textarea[disabled], .uds-sub-widget .part-input > input[disabled], .uds-sub-widget .part-input > textarea[disabled], .uds-sub-widget .part-input-textarea > input[disabled], .uds-sub-widget .part-input-textarea > textarea[disabled] {
  opacity: 0.5;
}
.udsWidget .part-calendar > input.phone, .udsWidget .part-calendar > textarea.phone, .udsWidget .part-input > input.phone, .udsWidget .part-input > textarea.phone, .udsWidget .part-input-textarea > input.phone, .udsWidget .part-input-textarea > textarea.phone, .uds-sub-widget .part-calendar > input.phone, .uds-sub-widget .part-calendar > textarea.phone, .uds-sub-widget .part-input > input.phone, .uds-sub-widget .part-input > textarea.phone, .uds-sub-widget .part-input-textarea > input.phone, .uds-sub-widget .part-input-textarea > textarea.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.udsWidget .part-calendar.search-icon, .udsWidget .part-input.search-icon, .udsWidget .part-input-textarea.search-icon, .uds-sub-widget .part-calendar.search-icon, .uds-sub-widget .part-input.search-icon, .uds-sub-widget .part-input-textarea.search-icon {
  width: calc(100% - 48px);
  margin: 24px auto 0 auto;
}
.udsWidget .part-calendar.search-icon:after, .udsWidget .part-input.search-icon:after, .udsWidget .part-input-textarea.search-icon:after, .uds-sub-widget .part-calendar.search-icon:after, .uds-sub-widget .part-input.search-icon:after, .uds-sub-widget .part-input-textarea.search-icon:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/search.svg") no-repeat center;
  -webkit-mask: url("images/uds/search.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  top: 34px;
  right: 12px;
}
.udsWidget .part-input-file > label, .uds-sub-widget .part-input-file > label {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
  height: 24px;
  min-width: 144px;
}
.udsWidget .part-input-file > label:focus, .uds-sub-widget .part-input-file > label:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.udsWidget .part-input-file > label[disabled], .uds-sub-widget .part-input-file > label[disabled] {
  opacity: 0.5;
}
.udsWidget .part-input-file > label.phone, .uds-sub-widget .part-input-file > label.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.udsWidget .part-input-file > input, .uds-sub-widget .part-input-file > input {
  display: none;
}
.udsWidget .part-input-textarea, .uds-sub-widget .part-input-textarea {
  width: 100%;
  max-width: none;
}
.udsWidget .part-calendar:after, .uds-sub-widget .part-calendar:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/date-calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/date-calendar.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  top: 34px;
  right: 14px;
  pointer-events: none;
}
.udsWidget .part-calendar > input.hasDatepicker, .uds-sub-widget .part-calendar > input.hasDatepicker {
  padding: 8px 48px 8px 12px !important;
  width: calc(100% - 60px) !important;
}
.udsWidget .part-calendar .ui-datepicker-trigger, .uds-sub-widget .part-calendar .ui-datepicker-trigger {
  display: none;
  pointer-events: none;
}
.udsWidget .part-input-select-1, .uds-sub-widget .part-input-select-1 {
  position: relative;
  cursor: pointer;
  min-width: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.udsWidget .part-input-select-1.required > span:first-child:before, .uds-sub-widget .part-input-select-1.required > span:first-child:before {
  content: "";
  display: block;
  background: url("images/uds/asterix.svg");
  background-size: 8px;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
.udsWidget .part-input-select-1 > span, .uds-sub-widget .part-input-select-1 > span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.udsWidget .part-input-select-1 > span .input-label, .uds-sub-widget .part-input-select-1 > span .input-label {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper {
  position: relative;
  cursor: pointer;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper:before, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper .tooltip, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper .tooltip {
  position: absolute;
  bottom: 30px;
  left: 0px;
  transform: translateX(-20px);
  display: none;
  background: var(--uds-base-background);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px #cfcfcf;
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper .tooltip .tooltip-content, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper .tooltip::after, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 60px;
  height: 20px;
  background-color: var(--uds-base-background);
  mask: url(images/icons/Pointer.svg) no-repeat center;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper:hover .tooltip, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper:hover .tooltip {
  display: flex;
  align-items: center;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper:hover .tooltip .tooltip-content, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper:hover .tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  max-width: 300px;
}
.udsWidget .part-input-select-1 > span .tooltip-wrapper:hover .tooltip::after, .uds-sub-widget .part-input-select-1 > span .tooltip-wrapper:hover .tooltip::after {
  display: block;
}
.udsWidget .part-input-select-1 .select-box, .uds-sub-widget .part-input-select-1 .select-box {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
  height: 24px;
  padding: 8px 36px 8px 12px !important;
  width: calc(100% - 48px) !important;
}
.udsWidget .part-input-select-1 .select-box:focus, .uds-sub-widget .part-input-select-1 .select-box:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.udsWidget .part-input-select-1 .select-box[disabled], .uds-sub-widget .part-input-select-1 .select-box[disabled] {
  opacity: 0.5;
}
.udsWidget .part-input-select-1 .select-box.phone, .uds-sub-widget .part-input-select-1 .select-box.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.udsWidget .part-input-select-1 .select-box .selected-option, .uds-sub-widget .part-input-select-1 .select-box .selected-option {
  max-height: 24px;
  overflow: hidden;
}
.udsWidget .part-input-select-1 .select-box .options-list, .uds-sub-widget .part-input-select-1 .select-box .options-list {
  list-style: none;
  margin: 0;
  padding: 8px;
  border: 1px solid #ccc;
  background-color: var(--uds-base-background);
  display: none;
  position: absolute;
  top: 72px;
  left: 0;
  width: calc(100% - 16px);
  min-width: fit-content;
  z-index: 100;
  background: var(--uds-base-background);
  border: 1px solid rgba(156, 150, 127, 0.24);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
  border-radius: 8px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.udsWidget .part-input-select-1 .select-box .options-list li, .uds-sub-widget .part-input-select-1 .select-box .options-list li {
  padding: 8px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  gap: 8px;
  align-items: center;
}
.udsWidget .part-input-select-1 .select-box .options-list li.Stornirano::before, .uds-sub-widget .part-input-select-1 .select-box .options-list li.Stornirano::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #E07F00;
}
.udsWidget .part-input-select-1 .select-box .options-list li.Odbijeno::before, .uds-sub-widget .part-input-select-1 .select-box .options-list li.Odbijeno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #D62C2C;
}
.udsWidget .part-input-select-1 .select-box .options-list li.Odobreno::before, .uds-sub-widget .part-input-select-1 .select-box .options-list li.Odobreno::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #40921E;
}
.udsWidget .part-input-select-1 .select-box .options-list li.Neobradjena::before, .uds-sub-widget .part-input-select-1 .select-box .options-list li.Neobradjena::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #118DB8;
}
.udsWidget .part-input-select-1 .select-box .options-list li.Poslato::before, .uds-sub-widget .part-input-select-1 .select-box .options-list li.Poslato::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #e6e6e7;
}
.udsWidget .part-input-select-1 .select-box .options-list li:hover, .uds-sub-widget .part-input-select-1 .select-box .options-list li:hover {
  background: var(--choice-selected);
}
.udsWidget .part-input-select-1 .select-box.focus, .uds-sub-widget .part-input-select-1 .select-box.focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.udsWidget .part-input-select-1:after, .uds-sub-widget .part-input-select-1:after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/menu-open-down.svg") no-repeat center;
  -webkit-mask: url("images/uds/menu-open-down.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  right: 8px;
  top: 36px;
}
.udsWidget .part-input-select-1.double .select-box, .uds-sub-widget .part-input-select-1.double .select-box {
  height: 48px;
}
.udsWidget .part-input-select-1.double .select-box .selected-option, .uds-sub-widget .part-input-select-1.double .select-box .selected-option {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  max-height: unset;
}
.udsWidget .part-input-select-1.double .select-box .selected-option .big-text, .uds-sub-widget .part-input-select-1.double .select-box .selected-option .big-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--uds-font-color);
}
.udsWidget .part-input-select-1.double .select-box .selected-option .small-text, .uds-sub-widget .part-input-select-1.double .select-box .selected-option .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}
.udsWidget .part-input-select-1.double .select-box .options-list, .uds-sub-widget .part-input-select-1.double .select-box .options-list {
  top: 96px;
}
.udsWidget .part-input-select-1.double .select-box .options-list li, .uds-sub-widget .part-input-select-1.double .select-box .options-list li {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.udsWidget .part-input-select-1.double .select-box .options-list li .big-text, .uds-sub-widget .part-input-select-1.double .select-box .options-list li .big-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--uds-font-color);
}
.udsWidget .part-input-select-1.double .select-box .options-list li .small-text, .uds-sub-widget .part-input-select-1.double .select-box .options-list li .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}
.udsWidget .part-input-select-1.double:after, .uds-sub-widget .part-input-select-1.double:after {
  top: 48px;
}
.udsWidget .part-input-select-1.disabled, .uds-sub-widget .part-input-select-1.disabled {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.udsWidget .part-input-select-1.disabled .select-box .selected-option, .uds-sub-widget .part-input-select-1.disabled .select-box .selected-option {
  color: var(--uds-secondary-font-color);
}
.udsWidget .part-input-select-1.disabled:after, .uds-sub-widget .part-input-select-1.disabled:after {
  background-color: var(--uds-secondary-font-color);
}
.udsWidget .part-input-select-1.disabled .options-list, .uds-sub-widget .part-input-select-1.disabled .options-list {
  display: none !important;
}
.udsWidget .part-input-select-1.with-bottom-margin, .uds-sub-widget .part-input-select-1.with-bottom-margin {
  margin-bottom: 40px;
}
.udsWidget .noData, .uds-sub-widget .noData {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 50px 24px;
  text-align: center;
}
.udsWidget .noData .no-result, .uds-sub-widget .noData .no-result {
  width: 274px;
  height: 90px;
  background: var(--no-result-path);
  background-size: 274px 90px;
}
.udsWidget .noData .digitalSignature, .uds-sub-widget .noData .digitalSignature {
  width: 274px;
  height: 90px;
  background: var(--digital-signature);
  background-size: 274px 90px;
}
.udsWidget .noData .info-big, .uds-sub-widget .noData .info-big {
  width: 60px;
  height: 60px;
  background: var(--info-big);
  background-size: 60px 60px;
}
.udsWidget .noData .package, .uds-sub-widget .noData .package {
  width: 121px;
  height: 127px;
  background: var(--package-path);
  background-size: 121px 127px;
  margin-bottom: 16px;
}
.udsWidget .noData .big-text, .uds-sub-widget .noData .big-text {
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  color: var(--uds-font-color);
}
.udsWidget .noData .small-text, .uds-sub-widget .noData .small-text {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
  max-width: 800px;
}
.udsWidget .noData .info-button, .uds-sub-widget .noData .info-button {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  color: var(--uds-blue-font-color) !important;
  background: var(--uds-hover-color) !important;
}
.udsWidget .noData .info-button:hover, .uds-sub-widget .noData .info-button:hover {
  background-color: var(--info-secondary-button-background-hover) !important;
}
.udsWidget .noData .info-button.download:after, .uds-sub-widget .noData .info-button.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.cancel:after, .uds-sub-widget .noData .info-button.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.send:after, .uds-sub-widget .noData .info-button.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.udsWidget .noData .info-button.save:after, .uds-sub-widget .noData .info-button.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.print:after, .uds-sub-widget .noData .info-button.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.signature:after, .uds-sub-widget .noData .info-button.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.delete:after, .uds-sub-widget .noData .info-button.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.calendar:after, .uds-sub-widget .noData .info-button.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.upload:after, .uds-sub-widget .noData .info-button.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.unarchive:after, .uds-sub-widget .noData .info-button.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.more-info:after, .uds-sub-widget .noData .info-button.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.retry:after, .uds-sub-widget .noData .info-button.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.copy:after, .uds-sub-widget .noData .info-button.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.add-new:after, .uds-sub-widget .noData .info-button.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.add:after, .uds-sub-widget .noData .info-button.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.edit:after, .uds-sub-widget .noData .info-button.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.archive:after, .uds-sub-widget .noData .info-button.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.unsee:after, .uds-sub-widget .noData .info-button.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .noData .info-button.filter:after, .uds-sub-widget .noData .info-button.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.udsWidget .additional-padding, .uds-sub-widget .additional-padding {
  padding: 16px;
  width: calc(100% - 32px);
}

.uds-btn-secondary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
}
.uds-btn-secondary:hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.uds-btn-secondary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.uds-btn-secondary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-secondary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}

.uds-btn-primary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: #FEE600 !important;
  color: #2B2D34 !important;
}
.uds-btn-primary:hover {
  background-color: #e1cc03 !important;
}
.uds-btn-primary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.uds-btn-primary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-primary.centered {
  margin: 16px auto 0 auto;
}
.uds-btn-primary.margin-top {
  margin: 16px 0 0 0;
}

.uds-btn-action {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  color: var(--uds-font-color-inverted);
  background: var(--action-color);
}
.uds-btn-action:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color-inverted);
}
.uds-btn-action:hover {
  background-color: var(--info-button-background-hover) !important;
}
.uds-btn-action.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.uds-btn-action.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-action.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}

.uds-btn-terciary {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  color: var(--action-color) !important;
  background: none !important;
}
.uds-btn-terciary:hover {
  color: var(--action-color-hover) !important;
}
.uds-btn-terciary.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.uds-btn-terciary.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.uds-btn-terciary.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}

.column-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40%;
  min-width: 400px;
  margin: 0 auto;
  padding: 48px 0 24px 0;
  gap: 44px;
  position: relative;
  font-size: 16px;
}
.column-container.auth-container {
  align-items: stretch;
}
.column-container.auth-container > span {
  font-size: 16px;
  text-align: center;
}
.column-container.collapsed {
  gap: 8px;
}
.column-container.small-gap {
  gap: 16px;
}
.column-container.without-top-padding {
  padding-top: 0;
}
.column-container.wider {
  width: 60%;
}
.column-container.card-container {
  width: 50%;
  padding: 24px 16px;
  border-radius: 8px;
}
.column-container.card-container .column-item {
  padding: 16px 0;
}
.column-container .components {
  position: relative;
  display: block;
  width: 100%;
}
.column-container .components.double {
  display: flex;
  gap: 16px;
}
.column-container .components.double > :nth-child(1) {
  flex-grow: 1;
  max-width: none;
}
.column-container .components.double > :nth-child(2) {
  flex-shrink: 0;
  max-width: fit-content;
  min-width: 0;
}
.column-container .validationMessage {
  color: #D7424B;
  font-size: 13px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  float: none;
  text-align: left;
}
.column-container .validationMessage:before {
  content: "";
  width: 12px;
  height: 12px;
  position: relative;
  margin-right: 6px;
  background-image: url(images/icons/errorIcon.svg);
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.column-container .centered {
  text-align: center;
  margin-top: 16px;
  font-weight: 400;
  color: var(--uds-secondary-font-color);
}
.column-container .items-title {
  text-align: left;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 500;
  color: var(--uds-font-color);
  align-self: flex-start;
}
.column-container .items-title.with-flag {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.column-container .items-title.with-flag:after {
  content: "";
  display: block;
  width: 24px;
  height: 18px;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.column-container .items-title.with-flag.CASH:after {
  background-image: url(images/uds/icons/RSD.svg);
}
.column-container .items-title.with-flag.EUROCASH:after {
  background-image: url(images/uds/icons/EUR.svg);
}
.column-container .column-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: solid 1px var(--border-bottom);
}
.column-container .column-item .key {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--uds-secondary-font-color);
}
.column-container .column-item .key.with-info {
  display: flex;
  gap: 16px;
  align-items: center;
}
.column-container .column-item .key.with-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info-outlined.svg") no-repeat center;
  -webkit-mask: url("images/uds/info-outlined.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
}
.column-container .column-item .value {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: var(--uds-font-color);
  text-align: right;
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 8px;
}
.column-container .column-item .value.small {
  font-size: 14px;
  color: var(--uds-secondary-font-color);
}
.column-container .column-item .labelValueWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.column-container .column-item .labelValueWrapper .key {
  font-size: 12px;
}
.column-container .column-item .labelValueWrapper .value {
  text-align: left;
}
.column-container .time-counter {
  padding: 24px 16px;
  margin: 8px 0 32px 0;
  background-color: var(--warning-yellow);
  color: var(--uds-font-color);
  border-radius: 8px;
}
.column-container .time-counter > p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.column-container .time-counter > p:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 24px;
  height: 24px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/history-partial.svg") no-repeat center;
  -webkit-mask: url("images/uds/history-partial.svg") no-repeat center;
  mask-size: 24px;
  -webkit-mask-size: 24px;
  background-color: var(--uds-font-color);
  cursor: default;
  margin-right: 12px;
}
.column-container .success {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-bottom: 24px;
}
.column-container .success:before {
  content: "";
  display: block;
  height: 120px;
  width: 120px;
  background: var(--success-path);
  background-size: 120px;
}
.column-container .centered-info {
  text-align: center;
}
.column-container .centered-info .big-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--uds-font-color);
}
.column-container .centered-info .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}

.form-cols .column-container {
  margin: 0;
  width: 48%;
}
.form-cols .hidden-content {
  padding-top: 0;
  width: 100%;
}

.part-checkbox {
  padding: 0;
  max-width: fit-content;
  margin: 0;
  cursor: pointer;
}
.part-checkbox.with-margin {
  margin: 0 auto;
}
.part-checkbox .checkboxCustom-uds {
  width: 24px !important;
  height: 24px !important;
}
.part-checkbox .checkboxCustom-uds ul li {
  position: relative;
}
.part-checkbox .checkboxCustom-uds ul .checkbox-save > i {
  width: 24px !important;
  height: 24px !important;
  display: block;
  background: var(--uds-background);
  background-image: var(--checkbox-false-path);
  background-size: 24px;
}
.part-checkbox .checkboxCustom-uds ul .checkbox-save.checked > i {
  background-image: var(--checkbox-path);
  background-size: 24px;
}
.part-checkbox:hover {
  opacity: 0.5;
}

.currency-flag {
  display: block;
  height: 24px;
  width: 32px;
  position: relative;
  border-radius: 4px;
}
.currency-flag.AUD {
  background: url(images/uds/icons/aud.svg);
  background-size: 32px 24px;
}
.currency-flag.EUR {
  background: url(images/uds/icons/eur.svg);
  background-size: 32px 24px;
}
.currency-flag.CNY {
  background: url(images/uds/icons/cny.svg);
  background-size: 32px 24px;
}
.currency-flag.CAD {
  background: url(images/uds/icons/cad.svg);
  background-size: 32px 24px;
}
.currency-flag.AED {
  background: url(images/uds/icons/aed.svg);
  background-size: 32px 24px;
}
.currency-flag.DKK {
  background: url(images/uds/icons/dkk.svg);
  background-size: 32px 24px;
}
.currency-flag.NOK {
  background: url(images/uds/icons/nok.svg);
  background-size: 32px 24px;
}
.currency-flag.JPY {
  background: url(images/uds/icons/jpy.svg);
  background-size: 32px 24px;
}
.currency-flag.RUB {
  background: url(images/uds/icons/rub.svg);
  background-size: 32px 24px;
}
.currency-flag.SEK {
  background: url(images/uds/icons/sek.svg);
  background-size: 32px 24px;
}
.currency-flag.CHF {
  background: url(images/uds/icons/chf.svg);
  background-size: 32px 24px;
}
.currency-flag.USD {
  background: url(images/uds/icons/usd.svg);
  background-size: 32px 24px;
}
.currency-flag.GBP {
  background: url(images/uds/icons/gbp.svg);
  background-size: 32px 24px;
}
.currency-flag.HUF {
  background: url(images/uds/icons/huf.svg);
  background-size: 32px 24px;
}
.currency-flag.PLN {
  background: url(images/uds/icons/pln.svg);
  background-size: 32px 24px;
}
.currency-flag.CZK {
  background: url(images/uds/icons/czk.svg);
  background-size: 32px 24px;
}
.currency-flag.RON {
  background: url(images/uds/icons/ron.svg);
  background-size: 32px 24px;
}
.currency-flag.RSD {
  background: url(images/uds/icons/rsd.svg);
  background-size: 32px 24px;
}

.uds-toggle {
  position: relative;
  width: 28px;
  height: 16px;
  background-color: var(--switch-background);
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.uds-toggle::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
  box-shadow: 0 1px 1px rgba(43, 45, 52, 0.2);
  transition: background-color 0.3s ease, left 0.3s ease;
}
.uds-toggle.active {
  background-color: var(--action-color);
}
.uds-toggle.active::before {
  left: 14px;
}

.uds-menu-tabs {
  padding: 24px;
}
.uds-menu-tabs.narrow {
  padding: 0 24px;
}
.uds-menu-tabs .menu-item2 .list-item2 {
  width: 100%;
  display: flex;
  border-bottom: solid 1px var(--border-bottom);
}
.uds-menu-tabs .menu-item2 .list-item2 > li {
  width: auto;
  max-width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 12px 20px;
  position: relative;
  transition: background 0.2s ease;
}
.uds-menu-tabs .menu-item2 .list-item2 > li > span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
  font-weight: 400;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.spending {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/spending.svg") no-repeat center;
  -webkit-mask: url("images/uds/spending.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.turnover {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/turnover.svg") no-repeat center;
  -webkit-mask: url("images/uds/turnover.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.incoming {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-recieve.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-recieve.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.outgoing {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-send.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-send.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.confirmations1 {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-seal.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-seal.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.confirmations2 {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-seal.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-seal.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.confirmations3 {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_potvrde.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li .icon.confirmations4 {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li:hover {
  background: var(--choice-selected);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.uds-menu-tabs .menu-item2 .list-item2 > li:hover .icon {
  background-color: var(--uds-secondary-font-color);
}
.uds-menu-tabs .menu-item2 .list-item2 > li.active .icon {
  background-color: var(--uds-font-color);
}
.uds-menu-tabs .menu-item2 .list-item2 > li.active > span {
  font-weight: 500;
  color: var(--uds-font-color);
}
.uds-menu-tabs .menu-item2 .list-item2 > li.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: var(--action-color);
}

.k-tabstrip {
  border: none;
  padding: 0;
}
.k-tabstrip.k-state-active {
  border: none;
}
.k-tabstrip .k-content {
  padding: 0 !important;
  margin: 0 !important;
}

.k-tabstrip-items {
  padding: 16px 0px 0px 0px !important;
  margin: 0 24px !important;
  display: flex;
  border-bottom: solid 1px var(--border-bottom) !important;
  border-top: none !important;
}
.k-tabstrip-items .k-item {
  background: var(--uds-base-background) !important;
  border: none !important;
  border-radius: 0 !important;
}
.k-tabstrip-items > li {
  width: auto;
  max-width: max-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  padding: 12px 20px;
  position: relative;
  border: none;
  background: var(--uds-base-background);
}
.k-tabstrip-items > li > a {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: var(--uds-secondary-font-color) !important;
  font-weight: 400;
}
.k-tabstrip-items > li > a:before:nth-child(1) {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 18px;
  height: 18px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/spending.svg") no-repeat center;
  -webkit-mask: url("images/uds/spending.svg") no-repeat center;
  mask-size: 18px;
  -webkit-mask-size: 18px;
}
.k-tabstrip-items > li:hover {
  background: var(--choice-selected) !important;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.k-tabstrip-items > li.k-state-active {
  border: none;
}
.k-tabstrip-items > li.k-state-active > a {
  font-weight: 500;
  color: var(--uds-font-color) !important;
}
k-state-active .k-tabstrip-items > li.k-state-active > a:before {
  background-color: var(--uds-font-color);
}
.k-tabstrip-items > li.k-state-active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: var(--action-color);
}

.k-loading, .k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active {
  border: none !important;
}

.part-input-2 {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.part-input-2.required > span:first-child:before {
  content: "";
  display: block;
  background: url("images/uds/asterix.svg");
  background-size: 8px;
  width: 8px;
  height: 8px;
  flex-shrink: 0;
}
.part-input-2 > span {
  display: flex;
  gap: 4px;
  align-items: center;
}
.part-input-2 > span .input-label {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.part-input-2 > span .tooltip-wrapper {
  position: relative;
  cursor: pointer;
}
.part-input-2 > span .tooltip-wrapper:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.part-input-2 > span .tooltip-wrapper .tooltip {
  position: absolute;
  bottom: 30px;
  left: 0px;
  transform: translateX(-20px);
  display: none;
  background: var(--uds-base-background);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px #cfcfcf;
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
}
.part-input-2 > span .tooltip-wrapper .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.part-input-2 > span .tooltip-wrapper .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 60px;
  height: 20px;
  background-color: var(--uds-base-background);
  mask: url(images/icons/Pointer.svg) no-repeat center;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}
.part-input-2 > span .tooltip-wrapper:hover .tooltip {
  display: flex;
  align-items: center;
}
.part-input-2 > span .tooltip-wrapper:hover .tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  max-width: 300px;
}
.part-input-2 > span .tooltip-wrapper:hover .tooltip::after {
  display: block;
}
.part-input-2 .full-width {
  width: 100%;
}
.part-input-2 input, .part-input-2 textarea {
  display: block;
  font-family: "amalia" !important;
  background: var(--uds-background) !important;
  border-radius: 8px;
  border: solid 1px var(--input-border-color);
  padding: 8px 12px !important;
  width: calc(100% - 24px) !important;
  color: var(--uds-font-color);
  font-weight: 400;
  line-height: 24px;
  font-size: 16px !important;
  letter-spacing: normal;
  caret-color: var(--action-color);
  outline: none;
}
.part-input-2 input:focus, .part-input-2 textarea:focus {
  border: solid 2px #EFD006 !important;
  outline: none;
}
.part-input-2 input[disabled], .part-input-2 textarea[disabled] {
  opacity: 0.5;
}
.part-input-2 input.phone, .part-input-2 textarea.phone {
  width: calc(100% - 111px) !important;
  padding-left: 99px !important;
  background: url(images/phoneFlag.png) no-repeat 16px center !important;
  background-size: auto 24px !important;
  background-color: var(--uds-background) !important;
  color: var(--uds-font-color) !important;
}
.part-input-2.with-prefix input {
  width: calc(100% - 60px) !important;
  padding: 8px 12px 8px 48px !important;
}
.part-input-2.with-prefix .prefix {
  position: absolute;
  top: 35px;
  left: 8px;
}
.part-input-2 textarea {
  resize: none;
}
.part-input-2 .show-password {
  position: absolute;
  top: 36px;
  right: 12px;
}
.part-input-2 .show-password:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/eye-opened.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-opened.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  right: 0px;
  top: 0px;
}
.part-input-2 .show-password.active:before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: var(--action-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.part-input-2 .validationMessage {
  color: #D7424B;
  font-size: 13px;
  margin-top: 10px;
  display: flex;
  align-items: center;
  float: none;
  text-align: left;
}
.part-input-2 .validationMessage:before {
  content: "";
  width: 12px;
  height: 12px;
  position: relative;
  margin-right: 6px;
  background-image: url(images/icons/errorIcon.svg);
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.part-input-2 .trash-icon {
  position: absolute;
  top: 34px;
  right: 44px;
}
.part-input-2 .trash-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
  top: 0px;
  right: 0px;
  cursor: pointer;
}
.part-input-2 .trash-icon:hover:before {
  background-color: #D62C2C;
}
.part-input-2.search-icon:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/search.svg") no-repeat center;
  -webkit-mask: url("images/uds/search.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
  top: 34px;
  left: unset;
  right: 12px;
  cursor: pointer;
}

.checkboxWrapper {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  gap: 16px;
  width: 100%;
  cursor: pointer;
}
.checkboxWrapper .custom-checkbox {
  display: block;
  position: relative;
  height: 24px;
  width: 24px;
}
.checkboxWrapper .custom-checkbox > input {
  position: absolute;
  visibility: hidden;
}
.checkboxWrapper .custom-checkbox:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background: var(--uds-background);
  background-image: var(--checkbox-false-path);
  background-size: 24px;
  cursor: pointer;
}
.checkboxWrapper .custom-checkbox.checked:before {
  background-image: var(--checkbox-path);
  background-size: 24px;
}
.checkboxWrapper .custom-checkbox:hover {
  opacity: 0.5;
}
.checkboxWrapper > span {
  display: block;
  flex-grow: 1;
  font-size: 16px;
  line-height: 16px;
  color: var(--uds-font-color);
  user-select: none;
}

.separator {
  margin-top: 0;
  height: 0;
  background: none;
  border-bottom: 1px solid var(--divider-color);
}
.separator.full-width {
  width: 100%;
}
.separator.with-margin-bottom {
  margin-bottom: 24px;
}
.separator.full-margin {
  margin: 24px 0;
  width: 100%;
}

.einvoice-registration {
  width: calc(100% - 48px);
  padding: 24px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.einvoice-registration .centered-container {
  width: 420px;
  margin: 64px auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
}
.einvoice-registration .centered-container .einvoices-logo {
  align-self: center;
}
.einvoice-registration .centered-container .part-input-2 {
  max-width: unset;
}
.einvoice-registration .part-input-2 {
  max-width: 360px;
}
.einvoice-registration .regular-text {
  font-size: 16px;
  font-weight: 400;
  color: var(--uds-font-color);
  line-height: 24px;
}
.einvoice-registration .regular-text > a, .einvoice-registration .regular-text > a:visited {
  color: var(--action-color);
}
.einvoice-registration .regular-text > a:hover {
  color: var(--action-color-hover);
}
.einvoice-registration .einvoices-logo::before {
  content: url(images/efaktura.svg);
  display: block;
  height: 50px;
  width: 225px;
}
.einvoice-registration .banner {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 50% 24px 24px;
  width: calc(50% - 24px);
  border-radius: 16px;
  background: #FEE600;
}
.einvoice-registration .banner:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  background: var(--login-background);
  background-size: cover;
  background-position: top;
}
.einvoice-registration .banner .banner-title {
  color: #2B2D34;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}
.einvoice-registration .banner .banner-text {
  color: #2B2D34;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.einvoice-registration .banner .button-wrapper {
  display: flex;
  gap: 12px;
}
.einvoice-registration .banner .button-wrapper .banner-button {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  color: #FFF !important;
  background: #2B2D34 !important;
  margin-top: 8px;
  max-width: fit-content;
}
.einvoice-registration .banner .button-wrapper .banner-button:hover {
  background-color: #45474d !important;
}
.einvoice-registration .banner .button-wrapper .banner-button.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.einvoice-registration .banner .button-wrapper .banner-button.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2 {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
  margin-top: 8px;
  max-width: fit-content;
}
.einvoice-registration .banner .button-wrapper .banner-button-2:hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.einvoice-registration .banner .button-wrapper .banner-button-2.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}

.contained-info {
  width: calc(100% - 112px);
  border: solid 1px var(--uds-border-color);
  border-radius: 8px;
  padding: 16px 16px 16px 48px;
  margin: 24px;
  position: relative;
  text-align: left;
}
.contained-info.no-margin {
  margin: 0;
  width: calc(100% - 66px);
}
.contained-info:before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info-icon.svg") no-repeat center;
  -webkit-mask: url("images/uds/info-icon.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  top: 24px;
}
.contained-info .big-text {
  color: var(--uds-font-color);
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
}
.contained-info .small-text {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}

.dropzone-wrap-uds {
  background: var(--uds-background);
  border-radius: 8px;
  border: 2px dashed var(--uds-border-color);
  padding: 24px;
  margin-top: 28px;
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-direction: column;
  cursor: pointer;
}
.dropzone-wrap-uds:hover, .dropzone-wrap-uds.drag-over {
  background: var(--uds-hover-color);
  cursor: pointer;
}
.dropzone-wrap-uds .big-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-font-color);
  pointer-events: none;
}
.dropzone-wrap-uds .small-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--uds-secondary-font-color);
  pointer-events: none;
}
.dropzone-wrap-uds .drop-label {
  position: absolute;
  top: -28px;
  left: 0;
  display: flex;
  height: 20px;
  gap: 4px;
  background: none;
  padding: 0;
  color: var(--uds-secondary-font-color);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: normal;
}
.dropzone-wrap-uds .drop-label.required:before {
  content: url("images/uds/asterix.svg");
  width: 8px;
  height: 8px;
}
.dropzone-wrap-uds .upload-button {
  pointer-events: none;
}
.dropzone-wrap-uds > ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  gap: 8px;
}
.dropzone-wrap-uds > ul > li {
  padding: 16px;
  width: calc(100% - 32px);
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: var(--uds-font-color);
  background: var(--uds-base-background);
  border: solid 1px var(--uds-border-color);
  border-radius: 8px;
}
.dropzone-wrap-uds > ul > li .doc-name {
  flex-grow: 1;
}
.dropzone-wrap-uds > ul > li:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/document.svg") no-repeat center;
  -webkit-mask: url("images/uds/document.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--uds-font-color);
}
.dropzone-wrap-uds > ul > li .trash:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
}
.dropzone-wrap-uds > ul > li .trash:hover:before {
  background-color: #D62C2C;
}

.table-footer {
  display: flex;
  padding: 24px;
  gap: 32px;
}
.table-footer .big-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  color: var(--uds-font-color);
}
.table-footer .small-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
}

.part-flex-grow {
  flex-grow: 1;
}

.btn-4 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #FEE600;
  border: none;
  cursor: pointer;
}
.btn-4:hover {
  background: #e1cc03;
}
.btn-4:after {
  content: "";
  background: url(images/uds/refresh_repeat.svg);
  background-size: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.btn-4.docs-icon {
  margin-top: 20px;
}
.btn-4.docs-icon:after {
  background: url(images/uds/docs-nmb.svg);
  background-size: 20px;
}
.btn-4.person-icon:after {
  background: url(images/uds/man-ring.svg);
  background-size: 20px;
}

.tooltip-element {
  position: relative;
  cursor: pointer;
}
.tooltip-element:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.tooltip-element .tooltip {
  position: absolute;
  bottom: 30px;
  left: 0px;
  transform: translateX(-20px);
  display: none;
  background: var(--uds-base-background);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px #cfcfcf;
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
}
.tooltip-element .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.tooltip-element .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -19px;
  left: 0;
  width: 60px;
  height: 20px;
  background-color: var(--uds-base-background);
  mask: url(images/icons/Pointer.svg) no-repeat center;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}

.with-tooltip-span {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  color: var(--uds-font-color);
}
.with-tooltip-span .tooltip-wrapper {
  position: relative;
  cursor: pointer;
}
.with-tooltip-span .tooltip-wrapper:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/info.svg") no-repeat center;
  -webkit-mask: url("images/uds/info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.with-tooltip-span .tooltip-wrapper .tooltip {
  position: absolute;
  bottom: 30px;
  left: 0px;
  transform: translateX(-85%);
  display: none;
  background: var(--uds-base-background);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px #cfcfcf;
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
}
.with-tooltip-span .tooltip-wrapper .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.with-tooltip-span .tooltip-wrapper .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  bottom: -19px;
  left: 79%;
  width: 60px;
  height: 20px;
  background-color: var(--uds-base-background);
  mask: url(images/icons/Pointer.svg) no-repeat center;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat center;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}
.with-tooltip-span .tooltip-wrapper:hover .tooltip {
  display: flex;
  align-items: center;
}
.with-tooltip-span .tooltip-wrapper:hover .tooltip .tooltip-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: max-content;
  max-width: 300px;
}
.with-tooltip-span .tooltip-wrapper:hover .tooltip::after {
  display: block;
}

.disabledContainer {
  opacity: 0.5;
}

.section-category-title {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  width: 100%;
  height: 24px;
}
.section-category-title .question-title {
  color: var(--uds-font-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.section-category-title.with-padding {
  width: calc(100% - 48px);
  padding: 0px 24px;
}
.section-category-title .section-category-text {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.64px;
  line-height: 24px;
  color: var(--uds-font-color);
}
.section-category-title .remove-btn {
  text-align: right;
  color: var(--action-color);
  font-size: 16px;
  line-height: 26px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  cursor: pointer;
}
.section-category-title.with-counter .popup-subtitle:first-child {
  counter-increment: a;
}
.section-category-title.with-counter .popup-subtitle:first-child:after {
  content: counter(a) "";
  display: inline-block;
  position: relative;
}

.action-button-add {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  background: var(--uds-secondary-button-background) !important;
  color: var(--uds-font-color) !important;
  border: 1px solid var(--uds-border-color) !important;
  margin-top: 16px;
}
.action-button-add:hover {
  background-color: var(--uds-secondary-button-hover-background) !important;
}
.action-button-add.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.action-button-add.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.action-button-add.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}

.hover-selected {
  background: var(--choice-selected);
}

.download-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 32px);
  gap: 16px;
  padding: 16px;
}
.download-wrapper.wider {
  width: 100%;
  padding: 16px 0;
}
.download-wrapper .document {
  width: auto;
  padding: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 500;
  color: var(--uds-font-color);
  border: solid 1px var(--uds-border-color);
  border-radius: 8px;
}
.download-wrapper .document:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/document.svg") no-repeat center;
  -webkit-mask: url("images/uds/document.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--uds-font-color);
}
.download-wrapper .document.double > span {
  display: flex;
  flex-direction: column;
}
.download-wrapper .document.double > span > span:nth-child(2) {
  color: var(--uds-secondary-font-color);
  font-size: 12px;
}
.download-wrapper .download:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
}
.download-wrapper .download:hover:before {
  background-color: var(--action-color-hover);
}
.download-wrapper .trash:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--action-color);
}
.download-wrapper .trash:hover:before {
  background-color: #D62C2C;
}

.uds-filter-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 24px;
  width: calc(100% - 48px);
  gap: 16px;
  font-size: 16px;
}
.uds-filter-wrapper.wider {
  padding: 24px 0;
  width: 100%;
}
.uds-filter-wrapper.shorter {
  width: calc(100% - 108px);
}
.uds-filter-wrapper.no-top-padding {
  padding-top: 0;
}
.uds-filter-wrapper.no-gap {
  gap: 0;
}
.uds-filter-wrapper .part-content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
  row-gap: 12px;
}
.uds-filter-wrapper .part-content.with-padding {
  padding-top: 28px;
}
.uds-filter-wrapper .part-content.align-top {
  align-items: flex-start;
}
.uds-filter-wrapper .part-content.align-center {
  align-items: center;
}
.uds-filter-wrapper .part-content .sorting {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: var(--uds-font-color);
  padding-left: 24px;
  cursor: pointer;
  user-select: none;
  display: flex;
  gap: 8px;
  align-items: center;
}
.uds-filter-wrapper .part-content .sorting:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/change-down.svg") no-repeat center;
  -webkit-mask: url("images/uds/change-down.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
}
.uds-filter-wrapper .part-content .sorting.desc:after {
  transform: rotate(180deg);
}
.uds-filter-wrapper.bottom-content {
  border-top: 1px solid var(--divider-color);
}
.uds-filter-wrapper.bottom-content .part-content {
  flex-direction: row-reverse;
}
.uds-filter-wrapper .btn-3 {
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #FEE600;
  border: none;
  cursor: pointer;
}
.uds-filter-wrapper .btn-3:hover {
  background: #e1cc03;
}
.uds-filter-wrapper .btn-3:after {
  content: "";
  background: url(images/uds/refresh_repeat.svg);
  background-size: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
}

.ui-icon {
  background: none !important;
  width: unset !important;
  height: unset !important;
}

.ui-icon-triangle-1-s:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/change-down.svg") no-repeat center;
  -webkit-mask: url("images/uds/change-down.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
}

.ui-icon-triangle-1-n:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/change-up.svg") no-repeat center;
  -webkit-mask: url("images/uds/change-up.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
}

.ui-icon-triangle-2-n-s:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/change-default.svg") no-repeat center;
  -webkit-mask: url("images/uds/change-default.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--uds-font-color);
}

.ui-datepicker .ui-widget-header .ui-datepicker-next {
  border: none;
  height: 32px;
  width: 32px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-next span {
  height: 32px;
  width: 32px;
  background: url("images/uds/Next Month.svg") center center no-repeat;
  background-size: 32px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev {
  border: none;
  height: 32px;
  width: 32px;
}
.ui-datepicker .ui-widget-header .ui-datepicker-prev span {
  height: 32px;
  width: 32px;
  background: url("images/uds/Previous Month.svg") center center no-repeat;
  background-size: 32px;
}
.ui-datepicker .ui-datepicker-calendar td a {
  font-weight: 400;
}
.ui-datepicker .ui-datepicker-month option, .ui-datepicker .ui-datepicker-year option {
  padding: 8px;
  border-radius: 8px;
  background: var(--uds-base-background);
  color: var(--uds-font-color);
}
.ui-datepicker .ui-datepicker-month option:hover, .ui-datepicker .ui-datepicker-year option:hover {
  box-shadow: 0 0 10px 100px #1882A8 inset;
}

.support-cards {
  display: flex;
  align-items: stretch;
  gap: 16px;
}
.support-cards .support-cards_card {
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  border-radius: 8px;
  border: solid 1px var(--uds-border-color);
  box-shadow: 0px 1px 1px 0px rgba(19, 20, 22, 0.2);
}
.support-cards .support-cards_card h3 {
  color: var(--uds-font-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}
.support-cards .support-cards_card h3:before {
  flex-shrink: 0;
  margin-top: 4px;
}
.support-cards .support-cards_card.tel-icon h3:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/phone-active.svg") no-repeat center;
  -webkit-mask: url("images/uds/phone-active.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.support-cards .support-cards_card.message-icon h3:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/ic_poruka_top_nav.svg") no-repeat center;
  -webkit-mask: url("images/uds/ic_poruka_top_nav.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.support-cards .support-cards_card.chat-icon h3:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/chat-2.svg") no-repeat center;
  -webkit-mask: url("images/uds/chat-2.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.support-cards .support-cards_card.notice-icon h3:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/chat-ask-raif.svg") no-repeat center;
  -webkit-mask: url("images/uds/chat-ask-raif.svg") no-repeat center;
  mask-size: 20px;
  -webkit-mask-size: 20px;
}
.support-cards .support-cards_card p {
  color: var(--uds-secondary-font-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 4px;
}
.support-cards .support-cards_card a button {
  width: 100%;
  margin-top: 20px;
}

.support-questions h1 {
  color: var(--uds-font-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 24px;
}
.support-questions .section-category-title {
  padding: 16px 8px 16px 8px;
  width: calc(100% - 16px);
}
.support-questions li {
  border-bottom: solid 1px var(--border-bottom);
}
.support-questions li .hidden-content {
  font-size: 16px;
  color: var(--uds-secondary-font-color);
  padding: 8px;
}
.support-questions li:hover {
  background: var(--uds-background);
  border-radius: 8px;
}
.support-questions li:hover .section-category-title {
  padding: 16px 8px 16px 16px;
  width: calc(100% - 24px);
}

.upload-button {
  font-family: amalia !important;
  display: flex !important;
  gap: 8px !important;
  text-align: center !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 12px 16px !important;
  font-size: 14px !important;
  line-height: 24px !important;
  border-radius: 8px !important;
  font-weight: 500 !important;
  border: none !important;
  cursor: pointer !important;
  height: 42px !important;
  box-sizing: border-box !important;
  color: var(--uds-blue-font-color);
  background: var(--uds-hover-color);
}
.upload-button:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/attach.svg") no-repeat center;
  -webkit-mask: url("images/uds/attach.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-blue-font-color);
}
.upload-button:hover {
  background-color: var(--info-secondary-button-background-hover) !important;
}
.upload-button.download:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/download.svg") no-repeat center;
  -webkit-mask: url("images/uds/download.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.cancel:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/cancel.svg") no-repeat center;
  -webkit-mask: url("images/uds/cancel.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.send:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sent.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sent.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: #2B2D34;
}
.upload-button.save:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/save-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/save-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.print:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/printer.svg") no-repeat center;
  -webkit-mask: url("images/uds/printer.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.signature:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-sign-visa.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.delete:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.calendar:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/calendar.svg") no-repeat center;
  -webkit-mask: url("images/uds/calendar.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.upload:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/upload.svg") no-repeat center;
  -webkit-mask: url("images/uds/upload.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.unarchive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/unarchive.svg") no-repeat center;
  -webkit-mask: url("images/uds/unarchive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.more-info:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/invoice-info.svg") no-repeat center;
  -webkit-mask: url("images/uds/invoice-info.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.retry:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/retry-1.svg") no-repeat center;
  -webkit-mask: url("images/uds/retry-1.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.copy:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/copy.svg") no-repeat center;
  -webkit-mask: url("images/uds/copy.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.add-new:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/add-to-dic.svg") no-repeat center;
  -webkit-mask: url("images/uds/add-to-dic.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.add:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  -webkit-mask: url("images/uds/plus-icon-uds.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.edit:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/edit.svg") no-repeat center;
  -webkit-mask: url("images/uds/edit.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.archive:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/archive.svg") no-repeat center;
  -webkit-mask: url("images/uds/archive.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.unsee:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/eye-closed.svg") no-repeat center;
  -webkit-mask: url("images/uds/eye-closed.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button.filter:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/filter.svg") no-repeat center;
  -webkit-mask: url("images/uds/filter.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
}
.upload-button .upload-button-close:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/trash.svg") no-repeat center;
  -webkit-mask: url("images/uds/trash.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-blue-font-color);
}

.checkbox-wrapper {
  display: flex;
  gap: 12px;
  font-size: 16px;
  color: var(--uds-font-color);
}

.steps-wrapper {
  position: relative;
  font-family: amalia;
  padding: 48px 0;
}
.steps-wrapper.smaller-padding {
  padding: 16px 0 48px 0;
}
.steps-wrapper .container-1 {
  position: relative;
  z-index: 1;
  width: calc(80% - 40px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
}
.steps-wrapper .container-1 .steps {
  position: absolute;
  top: 0px;
  left: 90px;
  width: calc(100% - 180px);
}
.steps-wrapper .container-1 .steps .progress {
  background-color: var(--uds-border-color);
  height: 1px;
}
.steps-wrapper .container-1 .steps .point {
  position: absolute;
  transform: translate3d(-50%, 0, 0);
  top: calc(50% - 15px);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--uds-border-color);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  z-index: 100;
  font-size: 16px;
}
.steps-wrapper .container-1 .steps .point > p {
  position: absolute;
  transform: translate3d(-50%, 0, 0);
  bottom: -30px;
  left: calc(50% + 0.2px);
  color: var(--uds-secondary-font-color);
  margin: 0;
  font-size: 18px;
  width: max-content;
  font-weight: 400;
}
.steps-wrapper .container-1 .steps .point .currentp {
  font-weight: 500;
  color: var(--uds-font-color);
}
.steps-wrapper .container-1 .steps .shadow {
  position: absolute;
  transform: translate3d(-50%, 0, 0);
  top: calc(50% - 23px);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: var(--uds-base-background);
  z-index: 10;
}
.steps-wrapper .container-1 .steps .current {
  background-color: var(--action-color);
  color: var(--uds-font-color-inverted);
  border: none !important;
}
.steps-wrapper .container-1 .steps .done {
  background: var(--stepper-done-path);
  background-size: 32px;
  border: none !important;
}
.steps-wrapper .container-1 .steps .subtitle {
  position: absolute;
  top: 64px;
  transform: translate3d(-50%, 0, 0);
  left: 0;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  font-weight: 400;
  min-width: max-content;
}

.part-radio .radioLabel {
  position: relative;
  font-family: amalia;
  background-color: var(--uds-background);
  border: solid 1px var(--input-border-color) !important;
  color: var(--uds-font-color);
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 250px;
  height: 20px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  padding: 24px 20px;
  margin-bottom: 8px;
  cursor: pointer;
  line-height: 24px;
}
.part-radio .radioLabel:before {
  content: "";
  display: block;
  position: relative;
  width: 16px;
  height: 16px;
  background: var(--radio-false-path);
  background-size: 16px;
}
.part-radio .radioLabel.disabled {
  opacity: 0.5;
}
.part-radio .radioLabel > input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  top: 0;
  left: 0;
  margin: 0;
  height: 68px;
  width: 100%;
}
.part-radio .radioLabel .radio-label {
  position: relative;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}
.part-radio .radioLabel .radio-label .small-text {
  font-size: 14px;
  color: var(--uds-secondary-font-color);
  font-weight: 400;
}
.part-radio .radioLabel > svg {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  cursor: pointer;
}
.part-radio .selectedRadio {
  background-color: var(--choice-selected);
  border: solid 2px var(--action-color) !important;
}
.part-radio .selectedRadio:before {
  background: var(--radio-path);
  background-size: 16px;
}

.errorInput {
  border: solid 2px #D7424B !important;
}

.table-title {
  font-size: 16px;
  line-height: 24px;
  color: var(--uds-font-color);
  font-weight: 500;
  padding: 16px;
}
.table-title.bolder {
  font-weight: 700;
}

#qrcode {
  margin: 24px 0;
  padding: 24px;
  background: #fff;
  border-radius: 16px;
}

.noDataSpan {
  padding: 16px;
}

.currenciesWrapper {
  display: flex;
  gap: 8px;
}
.currenciesWrapper.onCards {
  margin-top: -6px;
  padding: 0 0 16px 80px;
}
.currenciesWrapper .currency {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 4px 12px;
  border-radius: 18px;
  font-size: 14px;
  line-height: 24px;
  border: solid 1px var(--uds-border-color);
  background: none;
  font-weight: 400;
  cursor: pointer;
  transition: ease 0.2s;
  color: var(--uds-font-color);
}
.currenciesWrapper .currency:hover {
  background: var(--uds-hover-color);
  color: var(--uds-blue-font-color);
}
.currenciesWrapper .currency > svg {
  width: 0;
  height: 0;
  animation: showSvg ease 0.2s forwards;
}
@keyframes showSvg {
  from {
    height: 0;
    width: 0;
  }
  to {
    height: 16px;
    width: 16px;
  }
}
.currenciesWrapper .selected {
  color: var(--uds-blue-font-color);
  background: var(--uds-hover-color) !important;
  border: none !important;
}

.tooltip-wrapper.right-tooltip .tooltip {
  left: unset !important;
  right: -40px;
}
.tooltip-wrapper.right-tooltip .tooltip::after {
  left: unset !important;
  right: 0px;
}

.hoverable > table tbody tr:hover td {
  background: var(--choice-selected) !important;
  cursor: pointer !important;
}

.status-pill {
  line-height: 24px;
  padding: 0 8px;
  border-radius: 12px;
  display: block;
  max-width: fit-content;
  margin: 0;
}
.status-pill.CREATED, .status-pill.ACCEPTED {
  background: var(--info-box);
  color: var(--uds-blue-font-color);
}
.status-pill.timeValue {
  background: var(--info-box);
  color: var(--uds-blue-font-color);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 8px;
}
.status-pill.STARTED {
  background: var(--warning-yellow);
  color: var(--warning-yellow-font);
}
.status-pill.REJECTED, .status-pill.REJECTED_FROM_OTHER_SYSTEM, .status-pill.CANCELLED, .status-pill.ERROR_SENDING_REQUEST {
  background: var(--danger-pill);
  color: var(--danger-pill-font);
}
.status-pill.SIGNED_DOCUMENTATION {
  background: var(--success-pill);
  color: var(--success-pill-font);
}

.timerCircle {
  background: -webkit-linear-gradient(left, var(--info-box) 50%, var(--uds-blue-font-color) 50%);
  border-radius: 100%;
  height: 12px;
  width: 12px;
  position: relative;
  -webkit-animation: time calc(var(--duration) * 1s) steps(1000, start) infinite;
}

.maskCircle {
  border-radius: 100% 0 0 100%/50% 0 0 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 50%;
  -webkit-animation: mask calc(var(--duration) * 1s) steps(500, start) infinite;
  -webkit-transform-origin: 100% 50%;
}

@-webkit-keyframes time {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes mask {
  0% {
    background: var(--uds-blue-font-color);
    -webkit-transform: rotate(0deg);
  }
  50% {
    background: var(--uds-blue-font-color);
    -webkit-transform: rotate(-180deg);
  }
  50.01% {
    background: var(--info-box);
    -webkit-transform: rotate(0deg);
  }
  100% {
    background: var(--info-box);
    -webkit-transform: rotate(-180deg);
  }
}
.navigation-arrows .nav-arr {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 2px solid var(--uds-border-color);
  background: var(--uds-base-background);
  cursor: pointer;
  transition: none;
  position: absolute;
  top: calc(100% - 16px);
  background-image: none !important;
}
.navigation-arrows .nav-arr:hover {
  border: 2px solid var(--uds-border-color);
  background: var(--uds-border-color);
}
.navigation-arrows #arr-prev {
  left: -58px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.navigation-arrows #arr-prev:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-left.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-left.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}
.navigation-arrows #arr-next {
  right: -58px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
}
.navigation-arrows #arr-next:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 16px;
  height: 16px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/go-right.svg") no-repeat center;
  -webkit-mask: url("images/uds/go-right.svg") no-repeat center;
  mask-size: 16px;
  -webkit-mask-size: 16px;
  background-color: var(--uds-font-color);
  padding: 8px;
}

.dots-slider {
  display: flex;
  gap: 8px;
  position: relative;
  margin: 0px auto 24px auto;
}
.dots-slider .dot {
  background: var(--dots-color);
  border-radius: 100%;
  height: 6px;
  width: 6px;
  cursor: pointer;
}
.dots-slider .dot.dot-active {
  background: var(--dots-color-active);
}

.inputCheckboxUDS {
  position: relative;
  height: 0;
  width: 0;
}
.inputCheckboxUDS:hover {
  opacity: 0.5;
}
.inputCheckboxUDS:before {
  content: "";
  display: block;
  position: absolute;
  top: -16px;
  left: -12px;
  height: 24px;
  width: 24px;
  background-image: var(--checkbox-false-path);
  background-size: 24px;
  cursor: pointer;
}
.inputCheckboxUDS:checked:before {
  background-image: var(--checkbox-path);
  background-size: 24px;
}

@media only screen and (max-width: 720px) {
  .uds-filter-wrapper .part-content {
    flex-direction: column;
    align-items: stretch;
  }
  .uds-filter-wrapper .part-content > * {
    max-width: none;
  }
  .uds-filter-wrapper.shorter {
    width: calc(100% - 48px);
  }
  .uds-filter-wrapper .btn-3 {
    position: relative;
    top: unset;
    right: unset;
    transform: none;
    margin: 0 auto;
  }
}