/* 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 '-'
(267,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 '-'
(319,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(320,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(402,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(419,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(424,31): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(426,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(456,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(595,35): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(659,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(688,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(871,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(884,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(889,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(895,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(903,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(955,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(963,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1037,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1045,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1051,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1155,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1224,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1272,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1280,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1321,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1342,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(1408,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1488,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1537,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1540,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1591,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1599,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1618,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1625,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1646,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1689,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(1706,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1923,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(1928,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(2040,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(2269,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2284,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2299,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2315,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2330,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2345,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2360,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2375,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2390,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2405,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2420,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2435,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2450,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2465,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2480,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2495,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2510,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2525,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2540,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2564,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(2565,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(2566,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(2571,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(2582,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2597,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2612,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2628,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2643,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2658,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2673,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2688,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2703,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2718,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2733,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2748,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2763,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2778,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2793,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2808,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2823,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2838,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2853,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(2905,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(2968,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(3064,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3083,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3102,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3122,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3141,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3160,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3179,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3198,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3217,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3236,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3255,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3274,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3293,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3312,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3331,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3350,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3369,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3388,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3407,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3435,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(3436,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(3437,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(3446,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(3461,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3480,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3499,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3519,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3538,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3557,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3576,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3595,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3614,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3633,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3652,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3671,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3690,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3709,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3728,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3747,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3766,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3785,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3804,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3860,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(3926,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3939,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3952,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3966,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3979,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(3992,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4005,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4018,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4031,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4044,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4057,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4070,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4083,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4096,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4109,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4122,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4135,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4148,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4161,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4183,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(4184,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(4185,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(4188,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(4197,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4210,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4223,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4237,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4250,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4263,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4276,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4289,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4302,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4315,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4328,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4341,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4354,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4367,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4380,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4393,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4406,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4419,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4432,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(4490,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(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 '-'
(4953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4954,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 '-'
(5005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5110,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(5111,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(5131,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5145,26): run-time error CSS1039: Token not allowed after unary operator: '-login-background'
(5166,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(5175,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(5197,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5211,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5223,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5229,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5232,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5237,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5260,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5267,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5279,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5285,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5286,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(5290,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(5388,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5394,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5440,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5448,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5449,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5450,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5470,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-false-path'
(5474,26): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(5475,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5478,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-path'
(5484,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5492,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5515,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5521,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5522,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(5526,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(5564,20): run-time error CSS1039: Token not allowed after unary operator: '-success-path'
(5574,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5580,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5599,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5608,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5610,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(5613,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5618,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5636,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(5637,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5648,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(5656,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(5673,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(5686,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(5705,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5711,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5723,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(5729,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5732,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(5735,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(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 '-'
(6064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6065,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 '-'
(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 '-'
(6115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6212,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(6278,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(6362,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(6366,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(7437,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(8279,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(8280,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8444,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(8532,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(8589,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(8590,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(8623,26): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(8639,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(8645,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-color-active'
(8654,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(8659,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8668,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(8673,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8682,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(8687,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(8696,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9488,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9650,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9919,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9930,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9944,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(9978,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9988,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(9999,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10047,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(10064,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(10112,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10128,20): run-time error CSS1039: Token not allowed after unary operator: '-calendar-down-arrow'
(10133,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10149,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(10161,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10175,22): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(10176,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(10177,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(10192,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10253,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(10283,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10292,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(10463,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(10508,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10893,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(10903,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(11408,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(11499,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(11500,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(11507,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(11626,33): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(11632,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(12501,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13551,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background-translucent'
(13563,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13572,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(13577,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(13587,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13646,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13648,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(13661,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(13666,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13670,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13679,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13684,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(13700,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13713,20): run-time error CSS1039: Token not allowed after unary operator: '-dots-color-active'
(13720,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(13721,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13729,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(13730,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(13743,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(13748,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13762,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(13767,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(13793,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(13816,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(14081,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(14371,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(14542,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(15124,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(15197,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(15336,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(15608,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(16084,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18194,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(18199,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18206,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18247,22): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(18248,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(18249,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(18959,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(18968,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(19396,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20400,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20602,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(20798,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(20814,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(20827,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(20840,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(20848,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(20946,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(20960,20): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(20963,30): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(21001,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21121,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21247,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21294,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21423,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21546,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21570,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21678,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21704,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21714,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21753,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21797,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(21804,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21861,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21869,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(21870,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22157,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22310,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22319,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22476,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22497,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22602,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22722,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22788,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(22819,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(22823,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(22849,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(22870,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(22874,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(22973,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23318,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23778,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23827,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23832,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23841,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23884,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(23890,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(23905,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24043,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24141,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24150,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24205,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24356,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24531,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24590,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(24781,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25162,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25239,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(25780,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(25854,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26022,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26094,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26105,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(26218,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26311,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26423,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26510,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26620,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(26628,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(26786,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26807,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(26902,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27004,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27120,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27161,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27241,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27281,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(27286,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27290,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-color-active'
(27309,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(27403,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27530,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27539,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27582,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27653,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(27658,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(27703,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27729,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27744,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27751,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(27832,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27872,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(27955,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(28066,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(28108,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(28177,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(28234,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(28718,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29111,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29136,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29143,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(29152,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29199,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29202,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29290,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(29332,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29432,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(29461,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(29483,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(29484,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(29488,26): run-time error CSS1039: Token not allowed after unary operator: '-info-secondary-button-background-hover'
(29497,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29510,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29523,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29537,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29550,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29563,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29576,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29589,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29602,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29615,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29628,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29641,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29654,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29667,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29680,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29693,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29706,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29719,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29732,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29745,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29750,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29761,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29766,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29777,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29782,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29793,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29798,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29809,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29814,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29825,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29830,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29841,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29846,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29857,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29862,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29873,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29878,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29889,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29894,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29905,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29910,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29921,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29926,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29937,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29942,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29953,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29958,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29969,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29974,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(29985,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(29990,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30001,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30006,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30017,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30022,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30033,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30038,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30049,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30054,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30065,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30070,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30081,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30086,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30097,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30102,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30111,20): run-time error CSS1039: Token not allowed after unary operator: '-ips-skeniraj'
(30119,20): run-time error CSS1039: Token not allowed after unary operator: '-ips-pokazi'
(30125,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30132,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30148,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30177,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30180,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30232,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(30242,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(30254,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30262,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30271,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30275,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(30276,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(30280,20): run-time error CSS1039: Token not allowed after unary operator: '-stepper-done-path'
(30290,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30324,20): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(30329,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(30343,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30349,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(30372,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(30409,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(30411,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(30414,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30419,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(30437,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(30438,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30458,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30480,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(30484,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30485,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(30500,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30510,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(30540,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(30541,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30582,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(30599,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(30601,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30620,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-false-path'
(30645,26): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(30646,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(30649,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-path'
(30656,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30662,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30679,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(30691,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30697,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30709,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(30713,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(30719,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(30762,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(30763,26): run-time error CSS1039: Token not allowed after unary operator: '-info-button-background'
(30780,26): run-time error CSS1039: Token not allowed after unary operator: '-info-button-background-hover'
(30789,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30794,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(30799,30): run-time error CSS1039: Token not allowed after unary operator: '-divider-color'
(30834,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30847,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30860,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30874,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30887,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30900,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30913,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30926,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30939,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30952,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30965,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30978,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(30991,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31004,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31017,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31030,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31043,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31056,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31069,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31091,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(31092,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31093,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31096,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(31105,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31118,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31131,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31145,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31158,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31171,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31184,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31197,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31210,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31223,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31236,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31249,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31262,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31275,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31288,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31301,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31314,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31327,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31340,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31378,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(31414,20): run-time error CSS1039: Token not allowed after unary operator: '-dots-color'
(31427,20): run-time error CSS1039: Token not allowed after unary operator: '-dots-color-active'
(31434,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31504,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31525,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(31534,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31535,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31543,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31544,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(31557,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31562,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31576,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31581,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31744,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31774,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(31779,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(31817,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(31862,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31875,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31888,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31902,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31915,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31928,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31941,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31954,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31967,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31980,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(31993,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32006,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32019,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32032,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32045,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32058,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32071,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32084,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32097,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32119,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(32120,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32121,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(32125,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(32134,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32147,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32160,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32174,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32187,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32200,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32213,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32226,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32239,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32252,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32265,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32278,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32291,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32304,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32317,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32330,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32343,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32356,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32369,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32391,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(32392,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(32393,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(32397,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(32406,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32419,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32432,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32446,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32459,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32472,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32485,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32498,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32511,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32524,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32537,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32550,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32563,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32576,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32589,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32602,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32615,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32628,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32641,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32677,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32690,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32703,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32717,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32730,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32743,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32756,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32769,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32782,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32795,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32808,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32821,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32834,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32847,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32860,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32873,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32886,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32899,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32912,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(32937,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33015,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33376,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33394,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33403,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33462,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33476,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(33484,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33511,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33598,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(33736,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33739,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(33890,17): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(33920,158): run-time error CSS1030: Expected identifier, found ','
(33920,170): run-time error CSS1031: Expected selector, found ')'
(33920,170): run-time error CSS1025: Expected comma or open brace, found ')'
(33929,158): run-time error CSS1030: Expected identifier, found ','
(33929,170): run-time error CSS1031: Expected selector, found ')'
(33929,170): run-time error CSS1025: Expected comma or open brace, found ')'
(33985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33990,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33992,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33993,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33994,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33995,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33997,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33998,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(33999,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34000,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34001,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34003,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34004,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34006,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34007,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34008,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34009,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34010,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34011,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34012,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34013,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34014,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34016,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34017,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34018,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34021,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34022,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34023,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34024,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34025,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34026,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34027,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34028,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34030,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34032,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34034,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34038,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34039,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34040,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34041,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34044,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34046,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34047,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34049,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34050,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34051,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34052,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34053,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34054,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34055,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34057,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34058,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34060,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34061,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34063,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34064,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34065,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34066,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34067,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34069,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34071,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34072,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34073,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34074,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34075,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34076,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34077,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34079,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34082,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34083,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34085,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34086,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34087,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34612,22): run-time error CSS1039: Token not allowed after unary operator: '-dots-color'
(34886,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34887,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34890,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34891,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34892,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34893,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34895,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34896,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34899,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34900,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34902,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34904,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34905,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34907,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34908,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34909,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34910,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34911,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34912,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34914,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34915,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34917,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34918,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34919,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34921,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34922,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34923,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34924,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34925,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34926,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34927,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34928,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34931,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34932,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34933,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34935,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34940,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34941,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34942,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34943,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34945,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34946,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34950,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34951,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34952,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34953,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34954,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34955,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34956,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34957,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34958,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34959,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34962,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34964,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34967,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34968,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34969,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34970,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34971,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34972,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34973,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34974,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34975,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34977,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34980,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34981,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34984,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34985,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34986,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34987,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(34988,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35055,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35060,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35069,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35140,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35143,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35163,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35166,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35167,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35173,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35174,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35180,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35181,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35187,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35188,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35194,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35195,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35201,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35202,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35226,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(35227,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35228,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(35237,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(35240,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35341,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35345,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35364,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35378,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35392,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35406,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35420,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35434,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35448,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35462,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35476,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35490,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35504,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35518,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35532,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35546,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35560,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35574,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35588,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35602,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35616,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35630,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35644,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35663,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35676,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35683,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(35689,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35695,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35752,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(35755,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35760,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(35774,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-avatar'
(35788,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35793,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35811,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35816,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35832,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-avatar'
(35846,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(35851,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35885,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35892,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35915,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35916,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35937,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35939,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(35942,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35947,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35962,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(35963,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(35971,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(35981,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(35984,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(35992,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(35993,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36001,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(36004,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(36029,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(36046,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(36062,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(36069,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(36070,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(36075,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(36076,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(36085,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36090,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36100,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36105,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36115,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36120,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36130,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36135,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36142,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(36168,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36189,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(36232,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36245,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36258,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36272,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36285,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36298,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36311,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36324,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36337,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36350,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36363,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36376,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36389,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36402,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36415,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36428,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36441,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36454,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36467,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36489,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(36490,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36491,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(36495,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(36504,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36517,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36530,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36544,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36557,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36570,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36583,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36596,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36609,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36622,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36635,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36648,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36661,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36674,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36687,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36700,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36713,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36726,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36739,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36761,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(36762,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(36763,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(36767,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(36776,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36789,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36802,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36816,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36829,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36842,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36855,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36868,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36881,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36894,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36907,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36920,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36933,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36946,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36959,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36972,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36985,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(36998,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37011,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37047,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37060,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37073,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37087,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37100,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37113,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37126,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37139,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37152,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37165,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37178,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37191,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37204,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37217,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37230,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37243,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37256,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37269,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37282,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37293,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37295,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(37300,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37308,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37319,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37328,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37357,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37371,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37373,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(37376,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37381,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37396,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37397,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37409,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37446,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37463,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37475,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(37479,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37480,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(37500,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(37532,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37534,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(37537,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37542,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37557,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37558,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37566,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37607,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37624,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(37636,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(37640,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37641,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(37661,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(37686,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37688,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(37691,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37696,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37712,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37713,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37724,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37732,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37792,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(37807,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(37829,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37835,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37849,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37855,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37864,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37867,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37878,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37885,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37887,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37911,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(37923,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37928,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37934,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37955,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37963,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37976,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(37979,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(37983,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(37987,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(37988,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(37993,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38009,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(38014,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38027,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(38032,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38042,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38062,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38069,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38079,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38086,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38096,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38103,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38113,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38120,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38127,20): run-time error CSS1039: Token not allowed after unary operator: '-shadow-avatar'
(38169,16): run-time error CSS1030: Expected identifier, found '.'
(38169,43): run-time error CSS1031: Expected selector, found ')'
(38169,43): run-time error CSS1025: Expected comma or open brace, found ')'
(38174,16): run-time error CSS1030: Expected identifier, found '.'
(38174,43): run-time error CSS1031: Expected selector, found ')'
(38174,43): run-time error CSS1025: Expected comma or open brace, found ')'
(38177,16): run-time error CSS1030: Expected identifier, found '.'
(38177,43): run-time error CSS1031: Expected selector, found ')'
(38177,43): run-time error CSS1025: Expected comma or open brace, found ')'
(38201,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38202,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38223,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(38225,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(38228,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38233,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38248,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(38249,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38257,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(38267,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(38270,30): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(38278,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38279,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38316,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(38319,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(38398,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38411,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38424,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38438,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38451,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38464,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38477,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38490,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38503,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38516,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38529,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38542,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38555,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38568,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38581,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38594,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38607,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38620,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38633,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38655,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(38656,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(38657,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38660,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(38669,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38682,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'
(38709,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38722,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38735,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38748,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38761,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38774,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38787,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38800,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38813,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38826,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38839,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38852,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38865,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38878,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38891,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38904,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38933,30): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38950,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38966,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(38973,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38974,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(38979,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38980,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(38989,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(38994,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39004,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39009,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39019,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39024,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39034,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39039,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39043,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(39076,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(39077,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39093,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(39103,20): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill'
(39104,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill-font'
(39113,20): run-time error CSS1039: Token not allowed after unary operator: '-success-pill'
(39114,15): run-time error CSS1039: Token not allowed after unary operator: '-success-pill-font'
(39124,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(39126,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39137,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(39151,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39161,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39231,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39244,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39245,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39250,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39251,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39260,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39265,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39275,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39280,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39290,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39295,26): 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: '-top-nav-icon-color'
(39310,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39327,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39330,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39407,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39425,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39426,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39443,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39463,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(39472,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(39491,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(39494,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(39500,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(39507,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(39513,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39584,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39606,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(39634,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(39635,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39641,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(39645,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(39667,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(39755,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39769,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39782,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39795,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39808,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39821,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39834,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39847,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39860,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39866,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39877,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39886,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39901,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39929,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39932,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39935,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(39946,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39962,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39975,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(39988,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40001,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40014,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40027,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40040,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40053,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40066,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40079,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40092,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40105,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40118,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40131,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40144,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40157,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40170,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40183,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40200,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40201,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(40211,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40216,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40225,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40230,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40270,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40287,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40299,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(40303,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40304,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(40324,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(40356,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(40358,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(40361,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40366,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40381,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(40382,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40394,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40405,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(40407,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(40410,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40415,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40432,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(40433,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40448,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40489,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40506,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40518,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(40522,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40523,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(40543,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(40567,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(40569,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(40572,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40577,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40595,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(40596,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40607,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(40615,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(40672,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(40684,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(40706,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40712,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40726,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40732,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40742,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40745,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40765,20): run-time error CSS1039: Token not allowed after unary operator: '-no-result-path'
(40771,20): run-time error CSS1039: Token not allowed after unary operator: '-digital-signature'
(40777,20): run-time error CSS1039: Token not allowed after unary operator: '-info-big'
(40783,20): run-time error CSS1039: Token not allowed after unary operator: '-package-path'
(40791,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(40797,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(40816,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(40817,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(40820,26): run-time error CSS1039: Token not allowed after unary operator: '-info-secondary-button-background-hover'
(40829,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40842,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40855,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40869,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40882,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40895,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40908,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40921,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40934,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40947,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40960,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40973,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40986,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(40999,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41012,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41025,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41038,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41051,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41064,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41091,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(41092,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(41093,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(41096,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(41105,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41118,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41131,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41145,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41158,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41171,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41184,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41197,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41210,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41223,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41236,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41249,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41262,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41275,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41288,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41301,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41314,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41327,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41340,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41376,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41389,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41402,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41416,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41429,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41442,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41455,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41468,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41481,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41494,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41507,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41520,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41533,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41546,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41559,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41572,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41585,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41598,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41611,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41640,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(41641,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(41650,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41655,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(41658,26): run-time error CSS1039: Token not allowed after unary operator: '-info-button-background-hover'
(41667,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41680,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41693,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41707,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41720,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41733,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41746,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41759,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41772,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41785,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41798,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41811,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41824,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41837,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41850,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41863,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41876,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41889,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41902,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41925,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(41929,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(41938,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41951,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41964,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41978,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(41991,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42004,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42017,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42030,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42043,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42056,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42069,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42082,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42095,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42108,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42121,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42134,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42147,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42160,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42173,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42261,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42268,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42298,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(42304,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42318,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42323,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(42329,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42338,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42354,26): run-time error CSS1039: Token not allowed after unary operator: '-warning-yellow'
(42355,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42370,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42375,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42392,20): run-time error CSS1039: Token not allowed after unary operator: '-success-path'
(42402,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42408,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42440,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(42441,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(42445,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(42536,26): run-time error CSS1039: Token not allowed after unary operator: '-switch-background'
(42554,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(42569,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(42587,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42597,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42610,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42623,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42636,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42649,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42662,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42675,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42688,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42695,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(42700,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42703,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42707,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42719,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(42725,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(42739,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(42750,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(42769,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(42775,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42786,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42793,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(42802,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42805,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42817,20): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(42847,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42864,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(42876,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(42880,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(42881,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(42901,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(42928,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(42930,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(42933,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42938,21): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(42953,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(42954,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(42979,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(42993,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(43032,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43037,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(43053,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43058,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(43092,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(43093,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(43098,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(43109,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43117,33): run-time error CSS1039: Token not allowed after unary operator: '-divider-color'
(43159,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43163,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(43166,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(43193,20): run-time error CSS1039: Token not allowed after unary operator: '-login-background'
(43244,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43257,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43270,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43284,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43297,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43310,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43323,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43336,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43349,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43362,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43375,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43388,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43401,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43414,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43427,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43440,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43453,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43466,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43479,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43501,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(43502,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43503,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(43508,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(43517,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43530,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43543,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43557,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43570,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43583,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43596,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43609,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43622,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43635,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43648,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43661,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43674,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43687,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43700,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43713,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43726,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43739,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43752,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43761,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(43780,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43785,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43789,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43795,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(43801,20): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(43802,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(43805,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(43809,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(43811,27): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(43823,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(43830,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43837,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(43849,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(43879,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43880,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(43881,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(43894,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43899,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43908,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43913,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(43928,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(43934,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(43986,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(43998,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(44002,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(44003,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(44023,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(44036,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44049,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44061,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(44065,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(44066,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(44086,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(44120,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44135,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44139,15): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(44172,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-background'
(44173,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44174,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(44178,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-button-hover-background'
(44187,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44200,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44213,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44227,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44240,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44253,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44266,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44279,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44292,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44305,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44318,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44331,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44344,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44357,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44370,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44383,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44396,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44409,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44422,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44430,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(44455,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44456,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(44466,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44471,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44478,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(44488,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44493,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(44496,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color-hover'
(44505,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44510,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(44559,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44574,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44579,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44585,30): run-time error CSS1039: Token not allowed after unary operator: '-divider-color'
(44630,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44635,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44645,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44650,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44660,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44665,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44696,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(44697,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44715,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(44719,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44738,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44751,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44764,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44777,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44784,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(44796,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(44807,33): run-time error CSS1039: Token not allowed after unary operator: '-border-bottom'
(44811,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(44815,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(44839,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(44840,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(44849,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44854,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(44857,26): run-time error CSS1039: Token not allowed after unary operator: '-info-secondary-button-background-hover'
(44866,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44879,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44892,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44906,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44919,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44932,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44945,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44958,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44971,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44984,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(44997,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45010,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45023,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45036,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45049,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45062,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45075,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45088,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45101,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45114,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45119,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45126,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(45152,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(45162,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(45175,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(45183,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(45192,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(45196,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(45197,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(45201,20): run-time error CSS1039: Token not allowed after unary operator: '-stepper-done-path'
(45211,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(45219,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-background'
(45220,26): run-time error CSS1039: Token not allowed after unary operator: '-input-border-color'
(45221,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(45240,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-false-path'
(45265,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(45276,26): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(45277,26): run-time error CSS1039: Token not allowed after unary operator: '-action-color'
(45280,20): run-time error CSS1039: Token not allowed after unary operator: '-radio-path'
(45292,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(45328,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(45333,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(45336,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(45337,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45355,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45356,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-hover-color'
(45370,20): run-time error CSS1039: Token not allowed after unary operator: '-choice-selected'
(45383,20): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(45384,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45387,20): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(45388,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45395,20): run-time error CSS1039: Token not allowed after unary operator: '-warning-yellow'
(45396,15): run-time error CSS1039: Token not allowed after unary operator: '-warning-yellow-font'
(45399,20): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill'
(45400,15): run-time error CSS1039: Token not allowed after unary operator: '-danger-pill-font'
(45403,20): run-time error CSS1039: Token not allowed after unary operator: '-success-pill'
(45404,15): run-time error CSS1039: Token not allowed after unary operator: '-success-pill-font'
(45408,50): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(45408,71): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45413,37): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(45423,37): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(45434,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45438,22): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45442,22): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(45446,22): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(45454,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(45455,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-base-background'
(45463,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(45464,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-border-color'
(45479,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45484,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(45500,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45505,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color'
(45516,20): run-time error CSS1039: Token not allowed after unary operator: '-dots-color'
(45523,20): run-time error CSS1039: Token not allowed after unary operator: '-dots-color-active'
(45542,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-false-path'
(45547,26): run-time error CSS1039: Token not allowed after unary operator: '-checkbox-path'
(45555,20): run-time error CSS1039: Token not allowed after unary operator: '-info-box'
(45560,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45571,26): run-time error CSS1039: Token not allowed after unary operator: '-top-nav-icon-color'
(45577,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-blue-font-color'
(45615,20): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
(45619,15): run-time error CSS1039: Token not allowed after unary operator: '-uds-secondary-font-color'
(45620,36): run-time error CSS1039: Token not allowed after unary operator: '-shadow-color'
(45641,26): run-time error CSS1039: Token not allowed after unary operator: '-uds-font-color-inverted'
 */
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;
  --shadow-color: rgba(43, 45, 52, 0.1490196078);
}

.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;
  --shadow-color: rgba(43, 45, 52, 0.8);
}

/*#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;
}

.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;
  flex-shrink: 0;
}
.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) {
  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;
  --shadow-color: rgba(43, 45, 52, 0.1490196078);
}

.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;
  --shadow-color: rgba(43, 45, 52, 0.8);
}

/*#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;
  --shadow-color: rgba(43, 45, 52, 0.1490196078);
}

.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;
  --shadow-color: rgba(43, 45, 52, 0.8);
}

/*#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: 0.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: 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: -0.025em;
  color: #000;
  padding-left: 40px;
  padding-top: 30px;
}
.userinfo .s-widget-body .heading.heading-2 {
  padding-top: 17px;
}
.userinfo .s-widget-body .loginControls {
  float: right;
  right: 5px;
  padding-right: 0px;
}
.userinfo .s-widget-body .icon-tooltip {
  display: flex;
  align-items: center;
  float: right;
  padding: 12px 0px;
}
.userinfo .s-widget-body .icon-tooltip.with-separator {
  margin-right: 24px;
}
.userinfo .s-widget-body .icon-tooltip.with-separator:before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-color: var(--border-bottom);
}
.userinfo .s-widget-body .icon-tooltip .front-icon {
  position: relative;
  padding: 16px;
  cursor: pointer;
}
.userinfo .s-widget-body .icon-tooltip .front-icon: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 .icon-tooltip .front-icon:hover:after {
  background-color: var(--icon-color-active) !important;
}
.userinfo .s-widget-body .icon-tooltip .front-icon.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 .icon-tooltip .front-icon.themeChooser:after {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 20px;
  height: 20px;
  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: 20px;
  -webkit-mask-size: 20px;
  background-color: var(--uds-font-color);
}
.userinfo .s-widget-body .icon-tooltip .front-icon.messageIcon:after {
  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);
}
.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: 0.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: rgb(255, 242, 0);
}

.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: 0.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: rgb(255, 242, 0);
  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 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.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 0.4s ease, -webkit-transform 0.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: 0.7em 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 rgb(255, 242, 0);
  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: rgb(255, 242, 0);
  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: 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: " ";
  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: 0.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: 0.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: 3px;
  background: var(--uds-base-background);
  cursor: pointer;
  margin: 4px;
  transition: width 0.3s ease;
}
.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;
  width: 15px;
}
.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 0.45s ease;
  -webkit-transition: opacity 0.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 0.45s ease;
  -webkit-transition: opacity 0.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 0.45s ease;
  -webkit-transition: opacity 0.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 0.45s ease;
  -webkit-transition: opacity 0.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 rgb(209, 209, 209);
}
.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: -0.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: 0.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: 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: 0.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: 24px;
  }
  .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;
  }
  .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: 91.6666666667%;
}
.predodobreni-krediti .col-ls-10 {
  width: 83.3333333333%;
}
.predodobreni-krediti .col-ls-9 {
  width: 75%;
}
.predodobreni-krediti .col-ls-8 {
  width: 66.6666666667%;
}
.predodobreni-krediti .col-ls-7 {
  width: 58.3333333333%;
}
.predodobreni-krediti .col-ls-6 {
  width: 50%;
}
.predodobreni-krediti .col-ls-5 {
  width: 41.6666666667%;
}
.predodobreni-krediti .col-ls-4 {
  width: 33.3333333333%;
}
.predodobreni-krediti .col-ls-3 {
  width: 25%;
}
.predodobreni-krediti .col-ls-2 {
  width: 16.6666666667%;
}
.predodobreni-krediti .col-ls-1 {
  width: 8.3333333333%;
}
.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 0.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 0.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 0.4s ease, background-color 0.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 0.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 0.3s ease, background-color 0.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: 0.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: 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 0.5s ease;
  opacity: 0;
}
.predodobreni-krediti .teste-slider .slick-active .inner {
  transition-delay: 0.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 0.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 0.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% + 0.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 0.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 0.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 0.5s ease-out, opacity 0.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: 50%;
  right: 10px;
}
.predodobreni-krediti .slider-content-wrap {
  position: relative;
}
.predodobreni-krediti .slider-content-wrap .slider-content {
  transition: opacity 0.5s ease, visibility 0.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: 91.6666666667%;
  }
  .predodobreni-krediti .col-ms-10 {
    width: 83.3333333333%;
  }
  .predodobreni-krediti .col-ms-9 {
    width: 75%;
  }
  .predodobreni-krediti .col-ms-8 {
    width: 66.6666666667%;
  }
  .predodobreni-krediti .col-ms-7 {
    width: 58.3333333333%;
  }
  .predodobreni-krediti .col-ms-6 {
    width: 50%;
  }
  .predodobreni-krediti .col-ms-5 {
    width: 41.6666666667%;
  }
  .predodobreni-krediti .col-ms-4 {
    width: 33.3333333333%;
  }
  .predodobreni-krediti .col-ms-3 {
    width: 25%;
  }
  .predodobreni-krediti .col-ms-2 {
    width: 16.6666666667%;
  }
  .predodobreni-krediti .col-ms-1 {
    width: 8.3333333333%;
  }
  .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: 91.6666666667%;
  }
  .predodobreni-krediti .col-ss-10 {
    width: 83.3333333333%;
  }
  .predodobreni-krediti .col-ss-9 {
    width: 75%;
  }
  .predodobreni-krediti .col-ss-8 {
    width: 66.6666666667%;
  }
  .predodobreni-krediti .col-ss-7 {
    width: 58.3333333333%;
  }
  .predodobreni-krediti .col-ss-6 {
    width: 50%;
  }
  .predodobreni-krediti .col-ss-5 {
    width: 41.6666666667%;
  }
  .predodobreni-krediti .col-ss-4 {
    width: 33.3333333333%;
  }
  .predodobreni-krediti .col-ss-3 {
    width: 25%;
  }
  .predodobreni-krediti .col-ss-2 {
    width: 16.6666666667%;
  }
  .predodobreni-krediti .col-ss-1 {
    width: 8.3333333333%;
  }
  .predodobreni-krediti .back-button-1 {
    width: 35px;
    height: 35px;
    background-size: 12px;
  }
  .predodobreni-krediti .steps-wrap .steps {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.4s ease, background 0.4s ease;
  transition: color 0.4s ease, background 0.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 0.4s ease, background 0.4s ease;
  transition: color 0.4s ease, background 0.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 .container-row.with-wrapping {
  flex-wrap: wrap;
}
.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: 0.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 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.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 0.3s;
  transition: background 0.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 0.3s;
  transition: background 0.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: -0.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 0.3s;
  transition: background-color 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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: 0.3s ease, -webkit-transform 0.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 0.3s;
  transition: background 0.3s;
}

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.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 0.3s;
  transition: background 0.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 0.3s ease;
  transition: fill 0.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 0.3s ease;
  transition: all 0.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: 0.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: 0.3s ease;
  transition: 0.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 {
    gap: 8px;
  }
  .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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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: 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;
}
.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: 0.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 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.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 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.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: 0.35em 0.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: 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;
}
.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 0.3s;
  transition: background-color 0.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 0.3s ease;
  transition: background 0.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, .ForeignPayment .part-content .item {
  position: relative;
}
.CardSpendingCorporateV3 .item .tooltip, .ForeignPayment .part-content .item .tooltip {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(105%);
  display: none;
  background: var(--uds-font-color-inverted);
  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, .ForeignPayment .part-content .item .tooltip .content {
  display: none;
  height: 0;
  overflow: hidden;
}
.CardSpendingCorporateV3 .item .tooltip .content > b, .ForeignPayment .part-content .item .tooltip .content > b {
  font-size: 14px;
  font-weight: 500;
}
.CardSpendingCorporateV3 .item .tooltip::after, .ForeignPayment .part-content .item .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 0px;
  transform: rotate(180deg);
  background-color: var(--uds-font-color-inverted);
  mask: url(images/icons/Pointer.svg) no-repeat top right;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat top right;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  z-index: 999;
}
.CardSpendingCorporateV3 .item:hover .tooltip, .ForeignPayment .part-content .item:hover .tooltip {
  display: flex;
  align-items: center;
  animation: tooltipAnimation 0.5s forwards linear;
  animation-delay: 0.5s;
}
.CardSpendingCorporateV3 .item:hover .tooltip .content, .ForeignPayment .part-content .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 .content > a, .CardSpendingCorporateV3 .item:hover .tooltip .content > a:visited, .ForeignPayment .part-content .item:hover .tooltip .content > a, .ForeignPayment .part-content .item:hover .tooltip .content > a:visited {
  color: var(--action-color);
}
.CardSpendingCorporateV3 .item:hover .tooltip .content > a:hover, .ForeignPayment .part-content .item:hover .tooltip .content > a:hover {
  text-decoration: underline;
  color: var(--action-color-hover);
}
.CardSpendingCorporateV3 .item:hover .tooltip::after, .ForeignPayment .part-content .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;
    top: 2px;
  }
  to {
    height: 20px;
    top: -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 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;
  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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 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;
  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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 0.4s ease;
  transition: box-shadow 0.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 0.3s ease;
  transition: border 0.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: rgb(248, 248, 248);
}
.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 0.3s ease;
  transition: background 0.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: -0.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: rgb(254, 230, 0);
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgb(254, 230, 0);
  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: 0.3s ease, -webkit-transform 0.3s ease;
}
.AnnouncementsCorporate .normal-list .part-content {
  max-height: 40px;
  transition: max-height ease-in-out 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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: 0.1px;
  height: 0.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: 0.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 0.4s ease, background 0.4s ease;
  transition: color 0.4s ease, background 0.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 0.4s ease, background 0.4s ease;
  transition: color 0.4s ease, background 0.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: 0.5;
}

.prevented {
  pointer-events: none;
  opacity: 0.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 0.4s ease, background 0.4s ease;
  transition: color 0.4s ease, background 0.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 0.4s ease, background 0.4s ease;
  transition: color 0.4s ease, background 0.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: -0.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 0.4s ease;
  transition: box-shadow 0.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 0.6s ease, border 0.6s ease;
  transition: background 0.6s ease, border 0.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 0.4s ease;
  transition: box-shadow 0.4s ease;
}
.FXManagedOrderCorporateV2 .box .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;
}
.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 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;
}
.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 0.4s ease;
  transition: box-shadow 0.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 0.4s ease;
  transition: box-shadow 0.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 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;
}
.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 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;
}
.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 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;
}
.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 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;
}
.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 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;
}
.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 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;
}
.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 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;
}
.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 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;
}
.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 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;
}
.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 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;
}
.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 0.4s ease, border 0.4s ease;
  transition: box-shadow 0.4s ease, border 0.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 0.4s ease, border 0.4s ease;
  transition: box-shadow 0.4s ease, border 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.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 0.4s ease;
  transition: box-shadow 0.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 0.4s ease;
  transition: box-shadow 0.4s ease;
}
.FXManagedOrderCorporateV2 .box .box_body .normal-table-overscroll tbody tr:hover td:first-child {
  border-left: 6px solid #fee600;
  -webkit-transition: border 0.3s ease;
  transition: border 0.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 0.3s ease;
  transition: border 0.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 0.4s ease, border 0.4s ease;
  transition: box-shadow 0.4s ease, border 0.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 0.4s ease, border 0.4s ease;
  transition: box-shadow 0.4s ease, border 0.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 0.3s ease, -webkit-transform 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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.4666666667;
}
.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 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.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 0.3s;
  transition: background 0.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 0.3s;
  transition: background 0.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-wrap: wrap;
  gap: 24px;
  padding: 0;
  background: var(--uds-background);
  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(50% - 12px);
  display: flex;
  border-radius: 16px;
  background: var(--uds-base-background);
  overflow: hidden;
}
.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: rgb(101, 103, 114);
}
.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 .bannerPhoto {
  min-height: 100%;
  min-width: 220px;
  flex-shrink: 0;
}
.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 center;
  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 center;
  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 center;
  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 center;
  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 center;
  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 center;
  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 center;
  background-repeat: no-repeat;
}
.s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .pensionFundsOffer {
  background: url(images/onlineOffer-pensionFundsOffer.png);
  background-size: auto 100%;
  background-position: top center;
  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 center;
  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;
  justify-content: center;
  gap: 12px;
  padding: 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: 16px;
  line-height: 24px;
  height: 48px;
}
.s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .center .title > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.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: 14px;
  line-height: 20px;
  min-height: 40px;
  color: var(--uds-secondary-font-color);
}
.s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .center .text > span {
  overflow-y: scroll;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .center .uds-btn-primary {
  max-width: fit-content;
}
.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 .right9 {
  width: 50%;
  background: url(images/onlineOffer-pensionFundsOffer_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 .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(100% - 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 .card.offer-icon-doc-fav:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/doc-fav.svg") no-repeat center;
  -webkit-mask: url("images/uds/doc-fav.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-icon-heart:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/heart.svg") no-repeat center;
  -webkit-mask: url("images/uds/heart.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-icon-money-deposit:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/money-deposit.svg") no-repeat center;
  -webkit-mask: url("images/uds/money-deposit.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-icon-investment:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/uds/first-investment.svg") no-repeat center;
  -webkit-mask: url("images/uds/first-investment.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-icon-docs:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/icons/docs-2.svg") no-repeat center;
  -webkit-mask: url("images/icons/docs-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.offer-icon-laptop:before {
  content: "";
  display: block;
  cursor: pointer;
  position: relative;
  width: 48px;
  height: 48px;
  background-color: var(--top-nav-icon-color);
  mask: url("images/icons/on-laptop.svg") no-repeat center;
  -webkit-mask: url("images/icons/on-laptop.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.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 .container .gridCards .row .card.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 .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 .container .gridCards .row .category-text > 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 .container .gridCards .row .category-text > ul > li > strong {
  font-weight: 900;
}
.s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .category-text-bolder {
  font-size: 16px !important;
  line-height: 24px;
  color: var(--uds-secondary-font-color);
  margin-top: 12px;
  font-weight: 700;
}
.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-offerDetail .separator {
  width: 100% !important;
}
.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;
  padding-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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-color: var(--uds-font-color-inverted);
  mask: url(images/icons/Pointer.svg) no-repeat top right;
  -webkit-mask: url(images/icons/Pointer.svg) no-repeat top right;
  mask-size: 60px 20px;
  -webkit-mask-size: 60px 20px;
  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 var(--shadow-color);
}
.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;
}

@media (max-width: 1000px) {
  .main-container-onlineOffer {
    flex-direction: column;
  }
  .main-container-onlineOffer .container {
    width: 100% !important;
  }
  .main-container-onlineOffer .container .bannerPhoto {
    min-width: 140px !important;
  }
}
.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;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider {
  width: 640px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 24px;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .slick-dots {
  width: 100%;
  position: relative;
  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: 3px;
  background: var(--dots-color);
  cursor: pointer;
  margin: 4px;
  transition: width 0.3s ease;
}
.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) !important;
  width: 15px;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container {
  height: 160px;
  display: flex !important;
  border-radius: 16px;
  background: var(--uds-base-background);
  overflow: hidden;
  position: relative;
  text-align: left;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .bannerPhoto {
  min-height: 100%;
  min-width: 220px;
  flex-shrink: 0;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .ikes {
  background: url(images/onlineOffer-ikes.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .iracun {
  background: url(images/onlineOffer-iracun.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .cardsPhysical {
  background: url(images/onlineOffer-cardsPhysical.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .cardsOnline {
  background: url(images/onlineOffer-cardsOnline.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .instantPayments {
  background: url(images/onlineOffer-instantPayments.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .payByLink {
  background: url(images/onlineOffer-payByLink.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .employeesOffer {
  background: url(images/onlineOffer-employeesOffer.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .pensionFundsOffer {
  background: url(images/onlineOffer-pensionFundsOffer.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .investmentFunds {
  background: url(images/onlineOffer-investmentFunds_full.png);
  background-size: auto 100%;
  background-position: top center;
  background-repeat: no-repeat;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .center {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  color: var(--uds-font-color);
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .center .title {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  height: 48px;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .center .title > span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .center .text {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  min-height: 40px;
  color: var(--uds-secondary-font-color);
}
.CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .center .uds-btn-primary {
  max-width: fit-content;
}
.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: 50%;
  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: calc(100% - 538px);
  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: calc(100% - 538px);
  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;
  max-width: 90vw !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;
  z-index: 500 !important;
}
.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);
  max-height: 80vh !important;
}

.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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 0.3s ease;
  transition: background 0.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: 115%;
  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;
}

@media only screen and (max-width: 550px) {
  .icon-tooltip {
    display: none !important;
  }
  .for-mobile {
    display: block !important;
  }
  .customDropdown-options {
    width: 100% !important;
  }
}
@media only screen and (max-width: 280px) {
  .avatarBoxHasProfile, .avatarBox {
    display: none !important;
  }
}
@media only screen and (max-width: 650px) {
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-onlineOffer .container .center {
    padding: 16px !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail {
    position: relative !important;
    padding: 16px !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container {
    border-radius: 0 !important;
    margin-top: 16px !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container:first-child {
    flex-direction: column-reverse;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left {
    margin-top: 128px !important;
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    color: var(--uds-font-color);
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left .title {
    font-size: 32px !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .left .subtitle {
    font-size: 24px !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right2, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right3, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right4, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right5, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right6, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right7, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right8, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .right9 {
    width: 100% !important;
    height: 128px !important;
    position: absolute !important;
    top: 0;
    left: 0;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards {
    padding: 12px 0px;
    gap: 28px;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row {
    margin: 0;
    flex-direction: column;
    gap: 28px;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card {
    width: 100%;
    padding: 0;
    align-items: flex-start;
    position: relative;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card:not(.ipsSkeniraj, .ipsPokazi):before {
    margin: 8px !important;
    width: 16px !important;
    height: 16px !important;
    mask-size: 16px !important;
    -webkit-mask-size: 16px !important;
    background-color: var(--uds-blue-font-color) !important;
    z-index: 1;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card:not(.ipsSkeniraj, .ipsPokazi):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background-color: var(--uds-hover-color);
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.ipsSkeniraj, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.ipsPokazi {
    flex-direction: column !important;
    gap: 16px;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.ipsSkeniraj .text, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .container .gridCards .row .card.ipsPokazi .text {
    padding-left: 0px !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .column-container {
    width: calc(100% - 48px);
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .column-container .navigation-arrows #arr-next {
    right: 0;
    top: unset;
    bottom: -32px;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-offerDetail .column-container .navigation-arrows #arr-prev {
    left: 0;
    top: unset;
    bottom: -32px;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .container .content {
    width: calc(100% - 32px) !important;
    min-width: unset !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap {
    padding-top: 16px;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 {
    width: 100% !important;
    min-height: 32px;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .steps-wrap .container-1 .text-2 {
    display: none !important;
  }
  .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .error, .s-widget.OnlineOffer-zone.OnlineOffer .s-widget-content .s-widget-body > div .main-container-process .infoBox {
    width: calc(100% - 64px) !important;
    margin-top: 48px !important;
  }
  .btn2 {
    margin: 24px 0 0 0 !important;
  }
}

: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;
  --shadow-color: rgba(43, 45, 52, 0.1490196078);
}

.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;
  --shadow-color: rgba(43, 45, 52, 0.8);
}

/*#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: 600px) {
  .box_body .normal-list .normal-list_item .normal-list_item__inner {
    flex-direction: column;
    height: auto !important;
    gap: 4px !important;
  }
  .box_body .normal-list .normal-list_item .normal-list_item__inner .icon {
    display: none !important;
  }
  .box_body .normal-list .normal-list_item .normal-list_item__inner .part-content {
    width: 100% !important;
    padding: 0 !important;
  }
  .box_body .normal-list .normal-list_item .normal-list_item__inner .part-action-btns {
    padding-top: 8px;
  }
  .box_body .normal-list .normal-list_item .normal-list_item__inner .founds {
    text-align: left !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;
  }
}
@media only screen and (max-width: 700px) {
  .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider {
    width: 100%;
    padding: 0;
  }
  .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .container .bannerPhoto {
    min-width: 140px;
  }
  .CrossSellProcesses .s-widget-content .s-widget-body > div .processed .cross-slider .acc-nav {
    display: none;
  }
}

.dk-select,
.dk-select *,
.dk-select *:before,
.dk-select *:after,
.dk-select-multi,
.dk-select-multi *,
.dk-select-multi *:before,
.dk-select-multi *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.dk-select,
.dk-select-multi {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.5em;
  width: 200px;
  cursor: pointer; }

.dk-selected {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  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; }
  .dk-selected:before, .dk-selected:after {
    content: '';
    display: block;
    position: absolute;
    right: 0; }
  .dk-selected:before {
    top: 50%;
    border: solid transparent;
    border-width: 0.25em 0.25em 0;
    border-top-color: #CCCCCC;
    margin: -0.125em 0.5em 0 0; }
  .dk-selected:after {
    top: 0;
    height: 100%;
    border-left: 1px solid #CCCCCC;
    margin: 0 1.5em 0 0; }

.dk-selected-disabled {
  color: #BBBBBB; }

.dk-select .dk-select-options {
  position: absolute;
  display: none;
  left: 0;
  right: 0; }

.dk-select-open-up .dk-select-options {
  border-radius: 0.4em 0.4em 0 0;
  margin-bottom: -1px;
  bottom: 100%; }

.dk-select-open-down .dk-select-options {
  border-radius: 0 0 0.4em 0.4em;
  margin-top: -1px;
  top: 100%; }

.dk-select-multi .dk-select-options {
  max-height: 10em; }

.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; }

.dk-option-selected {
  background-color: #3297fd;
  color: #fff; }

.dk-select-options-highlight .dk-option-selected {
  background-color: transparent;
  color: inherit; }

.dk-option {
  padding: 0 0.5em; }

.dk-select-options .dk-option-highlight {
  background-color: #3297fd;
  color: #fff; }

.dk-select-options .dk-option-disabled {
  color: #BBBBBB;
  background-color: transparent; }

.dk-select-options .dk-option-hidden {
  display: none; }

.dk-optgroup {
  border: solid #CCCCCC;
  border-width: 1px 0;
  padding: 0.25em 0;
  margin-top: 0.25em; }
  .dk-optgroup + .dk-option {
    margin-top: 0.25em; }
  .dk-optgroup + .dk-optgroup {
    border-top-width: 0;
    margin-top: 0; }
  .dk-optgroup:nth-child(2) {
    padding-top: 0;
    border-top: none;
    margin-top: 0; }
  .dk-optgroup:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0; }

.dk-optgroup-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }

.dk-optgroup-label {
  padding: 0 0.5em 0.25em;
  font-weight: bold;
  width: 100%; }

.dk-optgroup-options {
  list-style: none;
  padding-left: 0; }
  .dk-optgroup-options li {
    padding-left: 1.2em; }

.dk-select-open-up .dk-selected {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-down .dk-selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #3297fd; }

.dk-select-open-up .dk-selected:before,
.dk-select-open-down .dk-selected:before {
  border-width: 0 0.25em 0.25em;
  border-bottom-color: #3297fd; }

.dk-select-open-up .dk-selected:after,
.dk-select-open-down .dk-selected:after {
  border-left-color: #3297fd; }

.dk-select-open-up .dk-select-options,
.dk-select-open-down .dk-select-options,
.dk-select-multi:focus .dk-select-options {
  display: block;
  border-color: #3297fd; }

.dk-select-multi:hover,
.dk-select-multi:focus {
  outline: none; }

.dk-selected:hover,
.dk-selected:focus {
  outline: none;
  border-color: #3297fd; }
  .dk-selected:hover:before,
  .dk-selected:focus:before {
    border-top-color: #3297fd; }
  .dk-selected:hover:after,
  .dk-selected:focus:after {
    border-left-color: #3297fd; }

.dk-select-disabled {
  opacity: 0.6;
  color: #BBBBBB;
  cursor: not-allowed; }
  .dk-select-disabled .dk-selected:hover, .dk-select-disabled .dk-selected:focus {
    border-color: inherit; }
    .dk-select-disabled .dk-selected:hover:before, .dk-select-disabled .dk-selected:focus:before {
      border-top-color: inherit; }
    .dk-select-disabled .dk-selected:hover:after, .dk-select-disabled .dk-selected:focus:after {
      border-left-color: inherit; }

select[data-dkcacheid] {
  display: none; }

.select .dk-selected {
  border: none;
  padding-left: 0; }

.select .dk-selected:before {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-top-color: #000;
  position: absolute;
  border-width: 0.35em 0.35em 0;
  margin: 0; }

.select .dk-selected:after {
  display: none; }

.select .dk-selected:hover, .select .dk-selected:focus {
  border-color: #000; }
  .select .dk-selected:hover:before, .select .dk-selected:focus:before {
    border-top-color: none; }
  .select .dk-selected:hover:after, .select .dk-selected:focus:after {
    border-color: #000; }

.select .dk-select-options {
  padding: 0;
  left: -16px;
  right: -16px; }

.select.dk-select-open-down .dk-select-options {
  top: 150%; }

.select.dk-select-open-up .dk-select-options {
  bottom: 150%; }

.select .dk-option {
  padding: 15px 10px; }

.select .dk-option-selected {
  color: #494f5a;
  background-color: #fff; }

.select .dk-option-highlight {
  background-color: #0095c9;
  color: #fff !important; }

.select.dk-select-open-up .dk-select-options, .select.dk-select-open-down .dk-select-options, .select.dk-select-multi:focus .dk-select-options {
  border-color: #d1d1d1;
  border-radius: 0; }

.select.type-2 .dk-selected {
  font-size: 18px;
  font-weight: 700;
  color: #000; }

: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;
  --shadow-color: rgba(43, 45, 52, 0.1490196078);
}

.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;
  --shadow-color: rgba(43, 45, 52, 0.8);
}

/*#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;
}
.ui-dialog.UDS-dialog.z-index-higher {
  z-index: 300 !important;
}
@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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-font-color-inverted);
  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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-font-color-inverted);
  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:has(.main-container-onlineOffer) .s-widget-content .s-widget-header {
  border: none;
  background: none;
  padding: 0px 0px 16px 0px;
}
.udsWidget:has(.main-container-onlineOffer) .s-widget-content .s-widget-title {
  font-size: 24px;
}
.udsWidget:has(.main-container-onlineOffer) .s-widget-content .s-widget-body {
  box-shadow: none;
}
.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 tbody tr td .Neobradjena, .udsWidget .uds-table-div > table tbody tr td .Odbijeno, .udsWidget .uds-table-div > table tbody tr td .Odobreno, .udsWidget .uds-table-div > table tbody tr td .Neobradjena {
  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 td .Neobradjena::before, .udsWidget .uds-table-div > table tbody tr td .Neobradjena::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #3AAFC6;
}
.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 .uds-btn-primary, .uds-sub-widget .detail-table-uds .box_body__header-uds .uds-btn-primary {
  white-space: nowrap;
}
.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;
  flex-shrink: 0;
}
.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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-font-color-inverted);
  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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-font-color-inverted);
  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, .k-content {
  border: none;
  padding: 0;
  background: var(--uds-base-background) !important;
}
.k-tabstrip.k-state-active, .k-content.k-state-active {
  border: none;
}
.k-tabstrip .k-content, .k-content .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;
  overflow-x: scroll;
  overflow-y: hidden;
  scrollbar-width: auto;
}
.k-tabstrip-items::-webkit-scrollbar {
  height: 6px !important;
  -webkit-appearance: none;
}
.k-tabstrip-items .k-item {
  background: var(--uds-base-background) !important;
  border: none !important;
  border-radius: 0 !important;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.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;
  white-space: nowrap;
}
.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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-font-color-inverted);
  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% - 106px);
  border: solid 2px var(--uds-border-color);
  border-radius: 8px;
  padding: 12px 12px 12px 44px;
  margin: 24px;
  position: relative;
  text-align: left;
}
.contained-info.no-margin {
  margin: 0;
  width: calc(100% - 60px);
}
.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: 16px;
}
.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;
}
.contained-info.blue-info {
  background: var(--info-box);
  border: solid 2px var(--uds-blue-font-color);
}
.contained-info.blue-info .small-text {
  color: var(--uds-blue-font-color);
}

.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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-font-color-inverted);
  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-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  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-font-color-inverted);
  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;
  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;
  flex-shrink: 0;
}
.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;
  flex-shrink: 0;
}

.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;
}

.uds-info-box {
  position: relative;
  margin: 24px 0;
  width: calc(100% - 32px);
  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;
}
.uds-info-box: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;
}

@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;
    width: 100% !important;
    margin: 0 !important;
  }
  .uds-filter-wrapper .part-content .uds-btn-secondary {
    width: 100% !important;
  }
  .uds-filter-wrapper.shorter {
    width: calc(100% - 48px);
  }
  .uds-filter-wrapper .btn-3 {
    position: relative;
    top: unset;
    right: unset;
    transform: none;
    margin: 0 auto;
  }
}
.icon-tooltip, .loginControls {
  position: relative;
  cursor: pointer;
}
.icon-tooltip .tooltip, .loginControls .tooltip {
  position: absolute;
  bottom: 0px;
  right: 0px;
  transform: translate(0px, 100%);
  display: none;
  background: var(--uds-font-color-inverted);
  padding: 10px 20px;
  font-weight: 400;
  font-size: 12px;
  color: var(--uds-secondary-font-color);
  box-shadow: 0px 2px 5px 0px var(--shadow-color);
  border-radius: 16px;
  z-index: 1000;
  width: auto;
  text-align: left;
  height: auto;
  opacity: 0;
}
.icon-tooltip .tooltip .tooltip-content, .loginControls .tooltip .tooltip-content {
  display: none;
  height: auto;
  overflow: hidden;
}
.icon-tooltip .tooltip::after, .loginControls .tooltip::after {
  content: "";
  display: none;
  position: absolute;
  top: -19px;
  right: 0;
  width: 60px;
  height: 20px;
  background-color: var(--uds-font-color-inverted);
  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;
  transform: rotate(180deg);
  z-index: 999;
}

@media only screen and (max-width: 1024px) {
  .uds-table-div {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .CrossSellProcesses .acc-nav {
    display: none;
  }
}
@media only screen and (min-width: 550px) {
  .icon-tooltip:hover .tooltip, .customDropdown-selected:hover .tooltip {
    display: flex;
    align-items: center;
    animation: delayed-display 0.3s forwards;
    animation-delay: 0.3s;
  }
  .icon-tooltip:hover .tooltip .tooltip-content, .customDropdown-selected:hover .tooltip .tooltip-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: max-content;
    max-width: 300px;
  }
  .icon-tooltip:hover .tooltip::after, .customDropdown-selected:hover .tooltip::after {
    display: block;
  }
}
@media only screen and (max-width: 900px) {
  .form-cols .column-container {
    width: 100% !important;
    min-width: unset !important;
  }
  .steps-wrapper {
    margin-bottom: 0px !important;
  }
  .steps-wrapper .container-1 {
    width: 100% !important;
  }
  .steps-wrapper .container-1 .text-2 {
    display: none !important;
  }
}
@media only screen and (max-width: 550px) {
  .uds-sub-widget .detail-table-uds .box_body__header-uds {
    flex-direction: column;
  }
  .column-container {
    width: calc(100% - 48px);
    min-width: unset;
  }
  .udsWidget .detail-table-uds .box_body__header-uds {
    flex-direction: column;
    gap: 8px !important;
    padding: 16px !important;
  }
  .modal-inner-content-UDS .modal-body > form .options-list-2 .modal-body-list-options.big-options {
    padding: 16px 0 !important;
  }
  .ui-dialog.UDS-dialog .uds-part-input.search-icon {
    width: 100% !important;
  }
  .uds-table-div > table {
    min-width: unset !important;
  }
  .uds-menu-tabs .menu-item2 .list-item2 {
    overflow-x: scroll;
  }
  .uds-menu-tabs .menu-item2 .list-item2::-webkit-scrollbar {
    height: 6px !important;
    -webkit-appearance: none;
  }
  .uds-menu-tabs .menu-item2 .list-item2 > li {
    text-wrap-mode: nowrap;
  }
}
@keyframes delayed-display {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}